/* Compact revision: visible control sizes are independent of transparent hit areas. */
.editorial-notification{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;width:44px;height:44px}
.editorial-notification::before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff5;border:1px solid #ffffff65;pointer-events:none}
.editorial-notification .icon{width:17px;height:17px;position:relative}
.editorial-hero-copy p{margin:9px 0 4px}
.editorial-primary{position:relative;min-width:0;min-height:44px;padding:0 13px;gap:9px;font-size:.866667rem;font-weight:500;background:transparent;border:0;box-shadow:none;isolation:isolate}
.editorial-primary::before{content:'';position:absolute;inset:6px 0;background:#302a25;border-radius:20px;z-index:-1}
.editorial-primary .icon{width:14px;height:14px}
.editorial-page-header{height:40px;min-height:40px}
.editorial-page-title{min-height:30px}.editorial-page-title>.text-link{min-height:32px}
.editorial-tool-row{gap:8px;grid-template-columns:.88fr 1.12fr}
.editorial-tool-row .media-switch{padding:1px;align-self:center}
.editorial-tool-row .media-switch button{min-height:32px;padding:3px 6px;font-size:.8rem}
.editorial-tool-row .search-box{min-height:36px;padding:0 10px;align-self:center}
.editorial-tool-row .search-box input{min-height:34px;outline:none!important;border-radius:inherit;box-shadow:none}
.editorial-tool-row .search-box:focus-within{outline:2px solid #87542f;outline-offset:2px;border-radius:24px}
.editorial-tools .family-chips{margin:6px 0 0;gap:5px}
.editorial-tools .family-chips a{min-height:32px;padding:4px 0;font-size:.8rem}
.editorial-results-title{min-height:32px;margin:2px 0 0}
.editorial-explore .verified-media-note{margin-top:10px;padding:8px 0}
/* One compact character link sits within the allocated navigation chrome. */
#companion-dock{position:absolute;bottom:calc(50px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);height:36px;width:max-content;margin:0;display:block;z-index:21}
.companion-launcher{min-width:0;min-height:36px;height:36px;padding:0 11px 0 4px;gap:4px;border-radius:20px;border:1px solid #ffffffc0;background:var(--glass);box-shadow:0 2px 8px #6a4b2b10}
.companion-launcher .rig-small{width:22px;height:32px;overflow:hidden}
.companion-launcher .rig-small .rig-root{transform:scale(.07)}
.companion-launcher>span{font-size:.733333rem}
#navigation{height:52px;flex:0 0 52px;min-height:52px;padding:2px;margin:3px 12px calc(3px + env(safe-area-inset-bottom));border-radius:26px}
.has-companion #navigation{height:80px;flex-basis:80px;padding-top:32px}
.nav-item{min-height:44px;font-size:.733333rem;gap:1px;padding:0 0 4px}
.nav-item .icon{width:20px;height:20px}.nav-item[aria-current=page]::after{bottom:0;width:3px;height:3px}
main{scrollbar-width:none;-ms-overflow-style:none}
main::-webkit-scrollbar{display:none;width:0;height:0}
.hero-pagination{position:absolute;z-index:3;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;height:30px;border-radius:18px;background:#fff9;padding:0 5px}
.hero-pagination button{border:0;background:transparent;min-width:25px;min-height:30px;padding:3px;color:#46372a;font-size:12px;border-radius:15px;display:grid;place-items:center}
.hero-pagination button span{width:5px;height:5px;border-radius:50%;background:#65594c66}.hero-pagination button[aria-pressed=true] span{background:#6c4227;width:12px;border-radius:4px}
.hero-pagination button:focus-visible{outline:2px solid #87542f;outline-offset:-2px}
.editorial-hero-photo[hidden]{display:none}.editorial-hero{touch-action:pan-y}
.editorial-hero-photo{object-position:center top}
.editorial-hero-copy h1{text-shadow:0 1px 2px #fff,0 0 8px #ffffffcc}
.editorial-hero-copy{top:38%}
.editorial-hero-copy p{display:table;background:#fffffff2;color:#554539;padding:1px 4px;border-radius:4px;margin-left:-4px}
.hero-pagination button span{background:#76695e}
.hero-color-name{position:absolute;left:20px;bottom:14px;z-index:2;font-size:.8rem;line-height:1.5;padding:1px 6px;border-radius:6px;background:#ffffffe0;color:#45382c}
.editorial-hero:focus-visible{outline:2px solid #87542f;outline-offset:-3px}
@media(forced-colors:active){.editorial-primary::before{background:ButtonFace;border:1px solid ButtonText}.editorial-primary{color:ButtonText}.hero-pagination{background:Canvas;border:1px solid CanvasText}.hero-pagination button span{background:CanvasText}.hero-pagination button[aria-pressed=true] span{background:Highlight}.editorial-notification::before{background:Canvas;border-color:CanvasText}}