/* Readable navigation and compact catalogue-first home. */
.hltb-header .hltb-header-inner{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:8px 20px;min-height:0;padding:14px 0 8px}
.hltb-header .hltb-brand{grid-column:1;grid-row:1;justify-self:start;font-size:24px;min-width:0}.hltb-header .hltb-brand small{font-size:10px;letter-spacing:2px}
.hltb-header .hltb-language{grid-column:2;grid-row:1}.hltb-header .hltb-language a{font-size:16px!important;min-width:36px}
.hltb-header .hltb-appearance{grid-column:3;grid-row:1}.hltb-header .hltb-appearance select{font-size:15px;width:135px;min-height:44px}
.hltb-header .hltb-desktop-nav{display:flex;grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:center;gap:6px 28px;padding:4px 0 0;width:100%;font-size:17px;line-height:1.3}
.hltb-header .hltb-desktop-nav a{font-size:17px;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;font-weight:650}.hltb-header .hltb-mobile-menu{display:none}
body.hltb-app .hltb-hero{grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:28px 34px;margin-top:22px;border-radius:24px}
body.hltb-app .hltb-hero h1{font-size:clamp(36px,3.5vw,48px);line-height:1.08;margin:12px 0 16px!important;letter-spacing:-.045em!important}
body.hltb-app .hltb-hero h1 br{display:none}body.hltb-app .hltb-hero h1 em{display:block}
body.hltb-app .hltb-hero .hltb-lead{font-size:18px;line-height:1.6;max-width:68ch}.hltb-hero .hltb-lead br{display:none}
body.hltb-app .hltb-hero .hltb-button{font-size:16px;margin-top:18px;padding:15px 20px;min-height:48px}
body.hltb-app .hltb-hero-note{font-size:14px;line-height:1.5;margin-top:14px!important}
body.hltb-app .hltb-hero-art{height:215px;max-width:270px;border-radius:18px;justify-self:end;width:100%}
.hltb-hero-art .hltb-mini-label{font-size:11px;top:15px;left:16px}.hltb-hero-art .hltb-orbit{width:220px;height:220px;top:18px;left:40px}.hltb-hero-art .hltb-orbit.orbit-two{width:165px;height:165px;top:45px;left:65px}
.hltb-hero-art .hltb-big-brick{width:155px;height:102px;left:62px;top:55px;padding:14px;gap:10px;box-shadow:5px 9px 0 #d5b936}.hltb-hero-art .hltb-small-brick{width:74px;height:43px;left:22px;top:133px;padding:8px;gap:9px}
.hltb-hero-art .hltb-time-card{bottom:13px;right:11px;padding:10px 12px}.hltb-hero-art .hltb-time-card strong{font-size:15px}.hltb-hero-art .hltb-time-card span{font-size:8px}.hltb-hero-art .hltb-time-card small{font-size:10px}
.hltb-home-paths{gap:14px;margin:18px 0 28px}.hltb-home-paths a{padding:17px 18px}.hltb-home-paths strong{font-size:20px}.hltb-home-paths small{font-size:16px;line-height:1.45}
.hltb-catalog{padding-top:28px}.hltb-catalog .hltb-grid{gap:24px}.hltb-catalog .hltb-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
body.hltb-app .hltb-catalog .hltb-card h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;min-height:0;margin:0!important;font-weight:750}
.hltb-catalog .hltb-card-meta{font-size:15px;line-height:1.45}.hltb-catalog .hltb-card-facts{font-size:16px;line-height:1.45;margin-top:auto;padding-top:4px}.hltb-catalog .hltb-card-bottom{font-size:15px;line-height:1.4;margin-top:0;padding-top:14px}
.hltb-catalog .hltb-card-bottom a{min-width:44px;min-height:44px;font-size:24px}.hltb-catalog .hltb-art{height:230px}.hltb-catalog .hltb-art img{max-height:205px;object-fit:contain}
.hltb-catalog .hltb-image-credit{font-size:12px;line-height:1.5;padding:10px 16px}.hltb-catalog-scope,.hltb-space-link{font-size:16px!important;line-height:1.6}.hltb-results,.hltb-total{font-size:16px}.hltb-filters label{font-size:14px}.hltb-filters input,.hltb-filters select{font-size:16px;min-height:48px}.hltb-filters .hltb-button{font-size:16px;min-height:48px}
.hltb-rotation-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0}.hltb-rotation-tools p{font-size:15px;color:var(--muted)}.hltb-rotation-tools button{min-height:44px;font-size:15px}.hltb-rotation-error{font-size:15px;color:var(--muted)}
@media(min-width:1600px){body.hltb-app .hltb-wrap{width:min(1400px,calc(100% - 96px))}.hltb-catalog .hltb-art{height:245px}.hltb-catalog .hltb-art img{max-height:220px}}
@media(max-width:950px){body.hltb-app .hltb-hero{grid-template-columns:1fr;display:grid}.hltb-hero-art{display:none!important}.hltb-header .hltb-desktop-nav{gap:6px 20px}.hltb-header .hltb-desktop-nav a{font-size:16px}.hltb-header .hltb-brand{font-size:23px}.hltb-home-paths{grid-template-columns:1fr}.hltb-home-paths a{grid-template-columns:auto 1fr}.hltb-home-paths small{font-size:16px}}
@media(max-width:650px){.hltb-header .hltb-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 0;min-height:0}.hltb-header .hltb-brand{grid-row:1;grid-column:1;max-width:100%;font-size:21px;gap:8px}.hltb-header .hltb-brand small{font-size:8px;letter-spacing:1.6px}.hltb-header .hltb-language{grid-row:2;grid-column:1;justify-self:start}.hltb-header .hltb-appearance{grid-row:2;grid-column:2}.hltb-header .hltb-appearance select{width:128px;font-size:14px}.hltb-header .hltb-desktop-nav{display:none}.hltb-header .hltb-mobile-menu{display:block;grid-column:2;grid-row:1}.hltb-mobile-menu summary{font-size:16px;min-height:44px;display:flex;align-items:center}.hltb-mobile-menu nav a{font-size:17px!important;min-height:46px}.hltb-header .hltb-mark{padding:8px;gap:3px;flex-shrink:0}.hltb-beta-badge{font-size:10px!important;padding:2px 5px!important}body.hltb-app .hltb-hero{padding:23px 21px;margin-top:16px}body.hltb-app .hltb-hero h1{font-size:37px;line-height:1.1}body.hltb-app .hltb-hero .hltb-lead{font-size:17px;line-height:1.65}body.hltb-app .hltb-hero-note{font-size:13px}.hltb-home-paths{gap:10px;margin-bottom:22px}.hltb-home-paths strong{font-size:19px}.hltb-home-paths a{padding:16px}.hltb-catalog .hltb-art{height:215px}.hltb-catalog .hltb-art img{max-height:190px}body.hltb-app .hltb-catalog .hltb-card h3{font-size:26px}.hltb-catalog .hltb-card-meta{font-size:15px}.hltb-catalog .hltb-card-body{gap:12px;padding:20px}.hltb-catalog .hltb-card-facts{font-size:16px}.hltb-catalog .hltb-card-bottom{font-size:16px}.hltb-rotation-tools{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.hltb-catalog .hltb-card,.hltb-catalog .hltb-photo{transition:none!important;animation:none!important}}
.hltb-music-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:18px 0}.hltb-music-picker label{grid-column:1/-1;font-size:16px;font-weight:700}.hltb-music-picker select{width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px}.hltb-music-picker [role=status]{grid-column:1/-1;margin:0}.hltb-music-picker button{min-height:48px;font-size:16px}@media(max-width:650px){.hltb-music-picker{grid-template-columns:minmax(0,1fr)}.hltb-music-picker button{justify-self:start}}@media(max-width:380px){.hltb-header .hltb-brand{font-size:18px}.hltb-header .hltb-mark{padding:6px}.hltb-header .hltb-beta-badge{display:none}.hltb-header .hltb-brand small{letter-spacing:1px}}
/* Small screens: give the full wordmark its own row, controls a separate row. */
@media(max-width:650px){.hltb-header .hltb-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:7px 10px}.hltb-header .hltb-brand{grid-row:1;grid-column:1/-1;max-width:100%;font-size:23px}.hltb-header .hltb-language{grid-row:2;grid-column:1}.hltb-header .hltb-appearance{grid-row:2;grid-column:2;justify-self:center}.hltb-header .hltb-appearance select{width:112px;min-width:0}.hltb-header .hltb-mobile-menu{grid-row:2;grid-column:3;min-width:0}.hltb-header .hltb-mobile-menu summary{width:auto;min-width:0;min-height:44px;padding:8px 11px;white-space:nowrap;font-size:15px}.hltb-header .hltb-mobile-menu nav{right:0;max-width:calc(100vw - 32px)}}
@media(max-width:380px){.hltb-header .hltb-header-inner{gap:6px}.hltb-header .hltb-brand{font-size:22px}.hltb-header .hltb-appearance{gap:3px}.hltb-header .hltb-appearance>span{font-size:19px}.hltb-header .hltb-appearance select{width:103px;font-size:13px;padding-left:7px}.hltb-header .hltb-mobile-menu summary{padding:8px;font-size:14px}.hltb-header .hltb-language a{min-width:28px}}
@media(max-width:650px){.hltb-header .hltb-appearance select{font-size:13px;width:112px;padding-left:7px}}@media(max-width:380px){.hltb-header .hltb-appearance>span{display:none}.hltb-header .hltb-appearance select{width:112px}}