/* XHUNTER V3: a video catalogue, with distinct factual shelves. */
:root{--bg:#111719;--panel:#192124;--raised:#202b2e;--line:#2c383b;--text:#f0f3f2;--muted:#a7b6b6;--accent:#80d9c3;--ink:#102822}body{background:var(--bg)}.header{background:#131b1e}.header-row{min-height:68px;gap:24px}.brand-symbol{background:#203330;border-color:#3b6459}.main-nav{min-height:44px;padding-block:0 8px;gap:4px}.main-nav a{min-height:44px;padding:8px 12px}.main-nav a[aria-current],.filter-chips a.selected{background:#253a35;color:var(--accent)}.header-search{height:44px;max-width:520px}.header-search input{height:40px}.header-search button{height:42px}.brand{min-height:44px}.language-menu summary{min-height:44px}.brand-name{font-size:20px}.brand-name>span{letter-spacing:3px}.card-image{aspect-ratio:16/9;border-radius:9px}.card-details{padding-top:10px}.card-details h3{font-size:14px;line-height:1.4;min-height:39.2px}.video-grid{gap:22px 18px}.card-footer{min-height:36px}.card-reason{font-size:11px;color:var(--accent);margin-top:6px;line-height:1.4;overflow-wrap:anywhere}.card-save[aria-pressed=true]{color:var(--accent)}.card-save[aria-pressed=true] svg{fill:var(--accent)}.language-options a:hover,.language-options a[aria-current]{background:#253a35}.v3-intro{padding-block:26px 12px}.v3-intro h1{font-size:32px;letter-spacing:-.8px;line-height:1.2}.v3-intro p{max-width:1000px;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.65}.video-shelf{padding-block:20px 26px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;min-height:44px}.shelf-heading h2{font-size:23px;letter-spacing:-.4px}.shelf-kicker{color:var(--muted);font-size:10px;font-weight:bold;letter-spacing:1px;margin-bottom:6px}.first-shelf{padding-top:10px}.browse-routes{padding-block:26px 32px;border-block:1px solid var(--line);margin-block:14px 12px}.browse-routes>h2{font-size:24px;margin-bottom:20px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.route-grid>a{position:relative;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.route-grid>a:hover{border-color:#6e9d8f}.route-symbol{font-size:26px;color:var(--accent);line-height:1}.route-grid h3{font-size:19px}.route-grid p{font-size:12px;line-height:1.65;color:var(--muted)}.route-grid .text-link{margin-top:auto}.browse-directory{padding-block:26px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-grid a{border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;min-width:0}.topic-grid a:hover{border-color:var(--accent)}.topic-grid strong{font-size:15px}.topic-grid span{font-size:11px;color:var(--muted);text-align:end}.source-method{font-size:12px;color:var(--muted);line-height:1.8;margin-top:20px;max-width:1000px}.method-summary{padding-block:30px;margin-top:28px;border-top:1px solid var(--line)}.method-summary h2{font-size:23px}.method-summary p{font-size:12px;color:var(--muted);max-width:900px;margin-top:14px;line-height:1.8}.method-summary .text-link{margin-top:12px}.catalog-heading p{font-size:12px}.catalog-top{padding-block:26px 20px}.catalog-topics{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.catalog-topics>span{font-size:11px;font-weight:bold;color:var(--muted)}.catalog-topics .route-chips{padding:0}.route-chips a{min-height:44px;padding-inline:14px}.route-chips a>span{margin-inline-start:10px;font-size:10px;color:var(--accent)}.category-group{margin-bottom:40px;scroll-margin-top:20px}.category-group h2{margin-bottom:18px;font-size:23px}.category-group .page-intro{margin-block:-4px 18px}.direction-card{background:var(--panel);gap:12px;border-color:var(--line);padding:22px}.direction-card:hover{border-color:var(--accent)}.direction-criterion{border-color:#426258;font-size:11px;letter-spacing:0}.duration-grid .direction-card{background:transparent}.duration-grid .direction-criterion{border:0;padding:0;font-size:16px}.watch-context{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:20px}.watch-directions{align-items:center}.watch-directions strong{font-size:11px;color:var(--muted);min-width:90px}.watch-directions a{min-height:44px}.watch-title-row h1{line-height:1.3}.age-card{border-color:var(--line);border-top-color:var(--accent)}.age-badge{border-color:#496a61}.cookie-panel{border-color:#4b6160}.footer{background:#101719}.filter-options{background:var(--panel)}
@media(min-width:1360px){.header{display:flex;align-items:center;gap:18px;padding:14px max(32px,calc((100% - 1480px)/2));min-height:78px}.header-row.shell{display:contents}.header-row>.brand{order:0;gap:9px}.header-row>.brand .brand-name{font-size:18px}.header-row>.brand .brand-symbol{width:38px;height:38px;font-size:20px}.main-nav.shell{order:1;flex:1;min-width:0;width:auto;margin:0;padding:0;align-items:center;gap:3px}.main-nav a{font-size:12px;padding:8px 10px;white-space:normal}.header-search{order:2;flex:0 1 280px;min-width:190px;max-width:320px;margin:0}.language-menu{order:3}.header-row>.language-menu summary{font-size:11px;gap:5px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v3-intro{padding-top:24px}.v3-intro h1{font-size:32px}}
@media(min-width:1700px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1099px){.route-grid{gap:12px}.route-grid>a{padding:18px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.header-row{min-height:0;gap:8px;padding-block:10px 12px}.header-row>.brand .brand-name{font-size:17px}.header-search{max-width:none}.mobile-menu{inset-block-start:10px}.v3-intro{padding-block:20px 6px}.v3-intro h1{font-size:25px;line-height:1.25;letter-spacing:-.5px}.v3-intro p{font-size:12px;margin-top:8px;line-height:1.6}.video-shelf{padding-block:18px 22px}.first-shelf{padding-top:8px}.shelf-heading{gap:10px;margin-bottom:12px}.shelf-heading h2{font-size:20px}.shelf-kicker{font-size:9px;margin-bottom:5px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card-details h3{font-size:12px;line-height:1.45;min-height:34.8px}.card-details{padding-top:8px}.card-footer{min-height:38px}.card-reason{font-size:10px}.browse-routes{padding-block:24px;margin-block:12px}.browse-routes>h2{font-size:22px;margin-bottom:16px}.route-grid{grid-template-columns:1fr;gap:10px}.route-grid>a{padding:18px;gap:10px;display:grid;grid-template-columns:28px 1fr}.route-grid .route-symbol{grid-row:1/4;font-size:24px}.route-grid h3{font-size:18px}.route-grid p{font-size:11px;grid-column:2}.route-grid .text-link{grid-column:2;min-height:32px}.topic-grid{grid-template-columns:1fr;gap:8px}.topic-grid a{padding:14px;min-height:54px}.topic-grid strong{font-size:14px}.source-method{font-size:11px;margin-top:16px}.category-group{margin-bottom:32px}.category-group h2{font-size:21px}.direction-card{padding:16px 13px}.catalog-top{padding-block:20px 16px}.watch-directions strong{flex-basis:100%;min-width:0;font-size:11px}.watch-context{gap:14px}.watch-title-row h1{font-size:23px}.method-summary{margin-top:22px;padding-block:24px}}

/* Owner's reference: compact icon navigation, quiet panels, old XH palette. */
.main-nav a{gap:7px}.nav-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}.footer-layout{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-block:4px 22px}.footer-identity p{margin-top:18px;color:var(--muted);max-width:360px;font-size:13px}.footer-column>strong{display:block;font-size:13px;margin-bottom:12px}.footer-column nav{display:flex;flex-direction:column;align-items:flex-start}.footer-column nav a{min-height:36px;display:flex;align-items:center;color:var(--muted);font-size:12px}.footer-column nav a:hover{color:var(--accent)}.footer-identity .age-mark{display:inline-block;margin-top:18px}.video-shelf+.video-shelf{border-top:1px solid var(--line)}.topic-grid a{background:var(--panel)}.info-page{padding-block:32px;min-height:45vh}.info-page h1{font-size:32px}.direction-grid:not(.duration-grid) .direction-card h3{font-size:18px}.category-group>.source-method{max-width:880px}.v3-intro{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:22px}.first-shelf{padding-top:8px}.v3-intro p{max-width:850px}.header-search{border-radius:14px}
@media(max-width:1359px) and (min-width:700px){.main-nav a{flex:1;justify-content:center}.header-row{gap:18px}}
@media(max-width:699px){body{padding-bottom:0}.header-row{display:flex;min-height:64px;padding-block:10px;gap:10px}.header-row>.brand{gap:6px}.header-row>.brand .brand-symbol{width:29px;height:29px;font-size:16px;border-radius:8px}.header-row>.brand .brand-name{font-size:14px;letter-spacing:0}.header-row>.brand .brand-name>span{font-size:7px;letter-spacing:2px;margin-top:4px}.header-search{flex:1;min-width:70px;margin:0;height:40px;padding-inline-start:9px;gap:6px}.header-search .search-icon{display:none}.header-search input{font-size:12px;width:0;min-width:0;height:38px}.header-search button{width:30px;min-width:30px;height:38px;font-size:19px;border:0}.language-menu{margin:0}.language-menu summary{min-width:44px;justify-content:center;font-size:9px;letter-spacing:0;gap:2px}.language-menu summary>span{display:none}.main-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:54px;gap:2px;padding-block:0 8px}.main-nav a{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:8px 2px 5px;min-height:48px;font-size:9px;line-height:1.2;font-weight:normal;overflow-wrap:anywhere;text-align:center}.nav-icon{height:17px;width:17px}.mobile-nav,.mobile-menu{display:none}.v3-intro{padding-block:22px 18px;margin-bottom:12px}.v3-intro h1{font-size:26px}.v3-intro p{font-size:12px}.footer-layout{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-identity{grid-column:1/-1}.footer-identity p{max-width:100%}.footer-column>strong{font-size:12px}.cookie-panel{inset-block-end:12px}.info-page h1{font-size:27px}.video-shelf{padding-block:20px 26px}}
@media(max-width:350px){.header-row{gap:6px}.header-row>.brand .brand-name{font-size:12px}.header-row>.brand .brand-symbol{width:26px;height:26px;font-size:15px}.header-row>.brand{gap:5px}.main-nav a{font-size:8.5px}.v3-intro h1{font-size:24px}}

.header-search{min-height:44px}.header-search button{min-height:44px}.footer-column nav a,.breadcrumbs a,.filter-chips a{min-height:44px}