/* JayT Studio / Apple & Airbnb Purity. Source: docs/JAYT_DESIGN_AND_INTERACTION_SPECIFICATIONS.md.
   Preview implementation only. Token alignment is not visual acceptance. */
:root{--bg-pure:#fff;--bg-subtle:#f5f5f7;--bg-glass:rgba(255,255,255,.92);--text-main:#1d1d1f;--text-sub:#515154;--accent-blue:#0071e3;--accent-blue-hover:#0077ed;--border-hairline:rgba(0,0,0,.08);--radius-card:24px;--radius-inner:14px;--radius-pill:999px;--ease:cubic-bezier(.16,1,.3,1);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--navy:var(--text-main);--navy-light:#333336;--bg:var(--bg-pure);--surface:var(--bg-pure);--muted:var(--text-sub);--line:var(--border-hairline);--blue:var(--accent-blue);--danger:#b91c1c;--header-h:80px}
*{box-sizing:border-box}body{margin:0;background:var(--bg-pure);color:var(--text-main);font:16px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-pure);min-height:48px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:background .2s var(--ease),transform .2s var(--ease)}button:hover{background:var(--bg-subtle)}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:default}button.primary,.commerce-buy{background:var(--accent-blue);color:#fff;border-color:transparent}button.primary:hover,.commerce-buy:hover{background:var(--accent-blue-hover)}button.btn-text,.card-detail{background:transparent;border:0;color:var(--accent-blue);padding:8px 0}.btn-danger{color:var(--danger)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-blue);outline-offset:4px}input:not([type=checkbox]),select,textarea{width:100%;min-height:48px;border:1px solid #b8b8bd;background:var(--bg-pure);border-radius:var(--radius-inner);padding:12px 14px;min-width:0}input[type=checkbox]{accent-color:var(--accent-blue);width:22px;height:22px;flex:none}label{display:block;font-size:14px;font-weight:600;margin:12px 0 8px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(32px,4vw,48px);font-weight:750}h2{font-size:30px;font-weight:750}h3{font-size:19px;font-weight:650}p{color:var(--text-sub)}[hidden]{display:none!important}
header{position:sticky;top:0;z-index:30;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 max(24px,calc((100vw - 1200px)/2));gap:32px}.header-top{display:flex;align-items:center;gap:10px;flex:none}.header-top img{width:28px;height:28px}.brand-home{border:0;background:transparent;padding:0;display:flex;gap:10px;color:var(--text-main)}.brand-home strong{font-size:20px;letter-spacing:-.035em}.env-badge{font-size:11px;color:var(--text-sub);border:1px solid var(--line);border-radius:6px;padding:3px 6px;white-space:nowrap}.header-note{display:none}.tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;max-width:650px}.tabs button{padding:8px 10px;background:transparent;border:0;font-size:13px;color:var(--text-sub);white-space:nowrap}.tabs button[aria-pressed=true]{color:var(--text-main);font-weight:650}.badge{font-size:11px;min-width:18px;padding:2px 5px;background:var(--bg-subtle);color:var(--text-main);border-radius:999px}.badge:empty{display:none}
main{max-width:1248px;margin:auto;padding:24px 24px 80px}section{scroll-margin-top:var(--header-h)}.kicker{font-size:11px;letter-spacing:.05em;font-weight:700;color:var(--text-sub);text-transform:uppercase}.hero{position:relative;height:460px;border-radius:var(--radius-card);overflow:hidden;background:#142334;display:flex;align-items:flex-end;padding:48px;color:#fff}.hero-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}.hero-text{position:relative;z-index:1;max-width:650px}.hero .kicker{color:#fff;opacity:.9}.hero h1{font-size:48px;line-height:1.12;letter-spacing:-.035em;margin:12px 0 16px;font-weight:800;color:#fff}.hero p{font-size:17px;max-width:510px;margin:0 0 20px;color:#fff}.hero button{background:#fff;color:var(--text-main);border:0}.hero-actions{display:flex;gap:12px}.hero-actions button:last-child{background:transparent;color:#fff;border:1px solid #ffffff90}
.search-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 12px}.commerce-search{flex:1;max-width:620px;margin:0}.commerce-search label{margin:0 0 8px;font-size:15px}.commerce-search>div{display:flex;gap:8px}.commerce-search input{flex:1;background:var(--bg-subtle);border:0}.commerce-search button{white-space:nowrap}.budget-pills{display:flex;gap:8px;flex-wrap:wrap;padding-top:22px}.budget-pills button{font-size:13px;background:var(--bg-subtle);border:0;padding:10px 16px}.journey-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 36px}.journey-nav button{font-size:13px;min-height:48px;border-color:transparent;background:var(--bg-subtle);padding:10px 18px}.journey-nav button[aria-pressed=true]{background:var(--text-main);color:#fff}
.feature-showcase{display:grid;grid-template-columns:1fr 1fr;min-height:340px;align-items:center;background:var(--bg-subtle);border-radius:var(--radius-card);padding:40px 56px;gap:40px;margin:24px 0 72px}.feature-copy h2{font-size:38px;letter-spacing:-.035em;margin:12px 0}.feature-copy p{max-width:360px;font-size:15px}.feature-showcase>img{width:100%;height:260px;object-fit:contain}.feature-copy button{margin-top:8px}.shelf-label{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:64px 0 24px}.shelf-label h2{margin:8px 0 0;font-size:30px;letter-spacing:-.025em}.shelf-label>span,.shelf-label>div>p{color:var(--text-sub);font-size:14px}.shelf-label .btn-text{font-size:14px;white-space:nowrap}
.grid,.local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:flex;flex-direction:column;min-width:0;background:var(--bg-subtle);border:0;border-radius:var(--radius-card);padding:24px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000009}.card .product-media{width:100%;height:230px;background:transparent;border:0;border-radius:var(--radius-inner);padding:8px;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.product-media:hover img{transform:scale(1.04)}.card-info{padding-top:16px}.category{font-size:11px;font-weight:650;color:var(--text-sub);letter-spacing:.03em}.card h3{font-size:19px;margin:8px 0;line-height:1.3;min-height:50px}.card-purpose{font-size:14px;margin:8px 0 20px}.card .price{font-size:23px;font-weight:700;letter-spacing:-.025em;margin-top:auto}.caption{font-size:12px;color:var(--text-sub);line-height:1.5}.card .caption{margin:6px 0 16px}.commerce-buy{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--radius-pill);padding:10px 16px;font-size:14px;font-weight:500;white-space:nowrap}.commerce-buy:hover{text-decoration:none}.card-detail{min-height:48px;margin-top:4px;font-size:14px}.home-utility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:64px 0 24px}.home-utility button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;border:0;background:var(--bg-subtle);padding:28px;border-radius:var(--radius-card)}.home-utility span{font-size:11px;letter-spacing:.05em;color:var(--text-sub)}.home-utility strong{font-size:21px;line-height:1.25;letter-spacing:-.02em}.home-utility small{font-size:14px;line-height:1.5;color:var(--text-sub)}
.local-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-pure);overflow:hidden;min-width:0}.local-cover{min-height:154px;background:var(--bg-subtle);color:var(--text-main);padding:24px;display:flex;flex-direction:column;gap:30px;justify-content:space-between}.local-cover span{font-size:11px;letter-spacing:.08em;color:var(--text-sub)}.local-cover strong{font-family:var(--font-sans);font-size:25px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.cinema-card .local-cover{background:var(--text-main);color:#fff}.cinema-card .local-cover span{color:#d2d2d7}.local-body{padding:24px}.local-body h3{font-size:18px;margin:0 0 12px}.local-body p{font-size:14px;line-height:1.5}.local-actions{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:16px}.local-link{display:inline-flex;min-height:48px;align-items:center;font-size:13px}.local-actions button{font-size:12px;padding:8px 14px;min-height:48px;border-color:transparent;background:var(--bg-subtle)}.film-card{padding:28px;background:var(--bg-subtle);border:0}.film-card h3{font-size:23px;line-height:1.25}.film-card p{font-size:14px}
.panel{padding:32px;margin:24px 0;background:var(--bg-subtle);border:0;border-radius:var(--radius-card)}.panel>h2{margin:0 0 16px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split>.panel{margin:0}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tool-nav button{font-size:13px;background:var(--bg-subtle);border:0}.tool-nav button[aria-pressed=true]{background:var(--text-main);color:#fff}.receipt{padding:20px;margin-top:20px;background:var(--bg-pure);border-radius:var(--radius-inner);white-space:pre-line;font-size:15px;line-height:1.6;border:1px solid var(--line)}.compare-meta-box{background:var(--bg-pure);padding:18px;border-radius:var(--radius-inner);margin:16px 0}.compare-purchase{max-width:360px;margin-top:20px}progress{width:100%;height:8px;appearance:none;border:0;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#e5e5ea}progress::-webkit-progress-value{background:var(--accent-blue)}.bundle-option{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.bundle-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.bundle-links strong{display:block;font-size:14px;margin:0 0 12px}
.saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.saved-item:last-child{border-bottom:0}.saved-item strong{font-size:17px;line-height:1.4}.saved-item p{font-size:13px;margin:8px 0}.saved-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-actions button{font-size:13px}.empty-results{grid-column:1/-1;background:var(--bg-subtle);padding:32px;border-radius:var(--radius-card)}#status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(580px,calc(100% - 32px));z-index:40;background:var(--text-main);color:#fff;border-radius:var(--radius-inner);padding:14px 20px;font-size:13px;box-shadow:0 8px 30px #00000012;margin:0}#status:empty{display:none}dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:28px;border:0;border-radius:var(--radius-card);color:var(--text-main);background:var(--bg-pure);box-shadow:0 24px 80px #00000026}dialog::backdrop{background:#00000045;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-header h2{font-size:24px;margin:6px 0}.dialog-header button{font-size:13px;padding:8px 14px;flex:none}footer{margin-top:80px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;line-height:1.7;color:var(--text-sub)}footer p{max-width:920px}
@media(max-width:1000px){header{gap:14px;padding:0 20px}.env-badge{display:none}.tabs{gap:2px}.tabs button{padding:8px;font-size:12px}.feature-showcase{padding:32px}.feature-copy h2{font-size:32px}}
@media(max-width:760px){:root{--header-h:64px}header{position:static;height:auto;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}.header-top{position:sticky;top:0;z-index:30;height:64px;padding:0 20px;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line);width:100%;display:flex;align-items:center}.env-badge{display:inline}.header-note{display:block;font-size:11px;margin-left:auto}.tabs{position:fixed;left:0;right:0;bottom:0;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--bg-glass);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:30}.tabs [data-tab=home],.tabs [data-tab=voucher]{display:none}.tabs button{font-size:12px;min-width:0;min-height:48px;padding:8px 2px;white-space:normal}.tabs button[aria-pressed=true]{color:var(--accent-blue)}body:has(dialog[open]) .tabs,body:has(input:focus) .tabs{visibility:hidden}main{padding:16px 16px calc(104px + env(safe-area-inset-bottom))}.hero{height:380px;padding:24px 20px;border-radius:20px}.hero h1{font-size:32px;max-width:320px}.hero p{font-size:14px;margin:0 0 20px;max-width:320px}.hero .kicker{font-size:11px}.hero-actions{gap:8px}.hero-actions button{font-size:13px;padding:10px 16px}.search-strip{display:block;padding:24px 0 8px}.commerce-search>div{gap:6px}.commerce-search button{padding:10px 14px;font-size:12px}.budget-pills{padding-top:12px;gap:6px}.budget-pills button{flex:1;font-size:12px;padding:8px 10px}.journey-nav{gap:6px;margin:8px 0 24px}.journey-nav button{font-size:12px;padding:8px 12px}.feature-showcase{grid-template-columns:1fr 1fr;min-height:260px;padding:24px 20px;gap:12px;margin-bottom:48px}.feature-copy h2{font-size:25px;line-height:1.15}.feature-copy p{font-size:12px}.feature-showcase>img{height:180px}.feature-copy .kicker{font-size:11px}.feature-copy button{font-size:12px;padding:10px 14px}.shelf-label{margin:48px 0 20px;align-items:flex-start;gap:12px}.shelf-label h2{font-size:25px;line-height:1.2}.shelf-label .btn-text{font-size:12px;white-space:normal;flex:none}.kicker{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:14px;border-radius:20px}.card .product-media{height:154px;padding:4px}.card-info{padding-top:12px}.card h3{font-size:16px;line-height:1.3;min-height:62px}.card-purpose{font-size:12px;margin-bottom:16px}.card .category{font-size:11px}.card .price{font-size:20px}.card .caption{font-size:11px;margin-bottom:12px}.commerce-buy{font-size:12px;padding:10px 6px;white-space:normal;text-align:center}.card-detail{font-size:12px}.home-utility{grid-template-columns:1fr;gap:12px;margin-top:48px}.home-utility button{padding:22px;gap:8px}.home-utility strong{font-size:22px}.home-utility small{font-size:13px}.local-grid{grid-template-columns:1fr;gap:16px}.local-card:not(.film-card){display:grid;grid-template-columns:110px minmax(0,1fr)}.local-cover{min-height:100%;padding:18px 12px;gap:20px}.local-cover strong{font-size:20px;overflow-wrap:anywhere}.local-cover span{font-size:11px}.local-body{padding:20px 16px}.local-body h3{font-size:17px}.local-body p{font-size:13px}.local-actions{gap:2px 10px;margin-top:12px}.local-actions button{font-size:11px;padding:8px 10px}.local-link{font-size:12px}.panel{padding:24px 20px;margin:20px 0}.split{grid-template-columns:1fr;gap:16px}.filters{grid-template-columns:1fr;gap:6px}.tool-nav{gap:6px}.tool-nav button{flex:1;min-width:130px;font-size:12px}.bundle-links{grid-template-columns:1fr}.saved-item{grid-template-columns:1fr;gap:12px}.saved-actions{justify-content:flex-start}#status{bottom:calc(84px + env(safe-area-inset-bottom))}dialog{padding:24px 20px}.dialog-header h2{font-size:21px}footer{margin-top:48px}#compare-tool>.split{grid-template-columns:1fr 1fr;gap:12px}#compare-tool input{padding:10px;font-size:14px}.compare-meta-box{padding:12px;font-size:13px}}
@media(max-width:360px){.card{padding:10px}.card .product-media{height:128px}.card h3{font-size:14px}.feature-showcase{grid-template-columns:1fr}.feature-showcase>img{height:190px}.hero h1{font-size:28px}#compare-tool>.split{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card:hover,.product-media:hover img,button:active{transform:none}}

/* System-wide patterns shared by every JayT view. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-12:48px;--space-24:96px;--shadow-card:0 4px 20px rgba(0,0,0,.05);--radius-sm:8px}
.page-intro{max-width:760px;padding:48px 0 24px}.page-intro h1{margin:16px 0 20px;font-size:48px;line-height:1.12;letter-spacing:-.035em}.page-intro>p{font-size:18px;line-height:1.55;max-width:620px;margin:0}.panel .shelf-label{margin-top:0}.panel h2{font-size:24px;margin:0 0 16px}.panel h3{font-size:18px}.panel p{font-size:14px;line-height:1.6}.panel>.kicker{display:block;margin-bottom:12px}.panel>button{margin-top:16px}.panel label{margin-top:16px}.panel>input+label{margin-top:20px}#count{font-size:14px;font-weight:600;margin:16px 0 8px}#shop .panel>.caption{margin:0}#voucher>.panel{max-width:760px;margin:24px auto;border:1px solid var(--line);background:var(--bg-pure);position:relative;overflow:hidden}#voucher>.panel:before{content:"";display:block;position:absolute;inset:0 0 auto;height:6px;background:var(--accent-blue)}#voucher-result{margin:24px 0;background:var(--bg-subtle);border:0}#voucher-cart{max-width:360px}#repeat-tool{max-width:760px}#budget-result{margin:12px 0;font-size:13px}#cmp-meta-a p{margin:8px 0}#cmp-tag-a,#cmp-tag-b{background:var(--bg-subtle);font-size:12px;font-weight:600;border-radius:999px;padding:6px 10px}#cmp-tag-a.has-product{color:var(--accent-blue)}#cmp-clear-a{min-height:48px;background:transparent;border:0;color:var(--accent-blue);padding:8px 0;font-size:13px}#compare-tool .split>div>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}#compare-tool h3{margin:0}#saved label:has(#persist){display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}#saved label:has(#persist) strong{font-weight:500;font-size:14px}#saved .panel>div:has(>#export){display:flex;flex-wrap:wrap;gap:12px}#saved #clear-vault{margin:0}#saved .panel>h3{margin-top:0}.return-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:var(--bg-subtle);border-radius:var(--radius-card);margin:64px 0 24px}.return-summary h2{font-size:26px;margin:10px 0}.return-summary p{font-size:14px;margin:0}.return-summary button{flex:none}.vault-empty{text-align:center;padding:40px 24px}.vault-empty h3{font-size:25px;max-width:430px;margin:16px auto}.vault-empty p{max-width:450px;margin:16px auto 24px}.detail-image{display:block;width:100%;height:280px;object-fit:contain;background:var(--bg-subtle);border-radius:20px;margin-bottom:24px}.detail-price{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text-main);margin:12px 0 4px}.source-details{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}.source-details summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:600;list-style:revert}.source-details p{font-size:13px}.source-link{display:inline-flex;align-items:center;min-height:48px;font-size:13px;margin-top:8px}.detail-secondary-actions{margin-top:20px}.detail-secondary-actions>button{flex:1}#detail-body>.commerce-buy{margin-top:24px}#detail-body>.caption{font-size:12px;margin-top:12px}#status{display:flex;align-items:center;gap:20px}#status:empty{display:none}.toast-close{min-height:48px;padding:6px;color:#fff;background:transparent;border:0;flex:none;font-size:12px}.toast-close:hover{background:#333336}.receipt[role=status]{overflow-wrap:anywhere}#copy:disabled{background:var(--bg-subtle);color:var(--text-sub)}footer a{display:inline-flex;min-height:48px;align-items:center;font-weight:600}
@media(max-width:760px){.page-intro{padding:32px 0 16px}.page-intro h1{font-size:36px}.page-intro>p{font-size:16px}.panel h2{font-size:22px}.return-summary{display:block;padding:24px;margin-top:48px}.return-summary button{margin-top:20px}.return-summary h2{font-size:24px}.detail-image{height:220px}.detail-price{font-size:28px}.detail-secondary-actions{flex-direction:column;align-items:stretch}.vault-empty{padding:24px 4px}.vault-empty h3{font-size:23px}#compare-tool label{font-size:12px}#status{gap:10px}.toast-close{font-size:11px}}

/* Complete JayT data: marketplace discovery, tickets, reading and provider programmes. */
.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.load-more{display:flex;margin:32px auto 16px;min-width:220px}.product-fallback{display:flex!important;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#ededf0!important;color:var(--text-sub)}.product-fallback span{font-size:12px}.product-fallback strong{font-size:24px;letter-spacing:-.03em}.card h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.partner-grid,.voucher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.program-card{padding:28px;background:var(--bg-subtle);border-radius:var(--radius-card);min-width:0}.program-card h3{font-size:22px;margin:0 0 14px}.program-card p{font-size:14px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.program-card summary,.voucher-ticket summary{font-size:13px;font-weight:600;cursor:pointer;min-height:48px;display:flex;align-items:center}.program-card details p{font-size:13px}.program-card>.local-link{margin-top:12px}.reading-feature{margin-top:64px;border-radius:var(--radius-card);padding:48px;background:var(--bg-subtle);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.reading-feature h2{font-size:40px;line-height:1.1;margin:16px 0}.reading-feature p{max-width:360px}.reading-feature button{margin-top:16px}.reading-covers{display:flex;align-items:center;gap:12px}.reading-covers img{width:calc((100% - 24px)/3);height:200px;object-fit:contain}.reading-cover{width:100%;height:260px;object-fit:contain}.reading-reflection{padding:24px 0 8px}.reading-reflection h2{font-size:30px;line-height:1.25;max-width:800px}.reading-reflection p{font-size:17px;max-width:700px}.check-row{display:flex;align-items:center;gap:12px}.voucher-controls .filters{grid-template-columns:repeat(3,minmax(0,1fr))}#voucher>.voucher-controls{max-width:none}.voucher-ticket{background:var(--bg-pure);border:1px solid var(--line);border-radius:20px;padding:24px;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.voucher-ticket:before,.voucher-ticket:after{content:"";position:absolute;top:110px;left:-9px;width:18px;height:18px;background:var(--bg-pure);border:1px solid var(--line);border-radius:50%}.voucher-ticket:after{left:auto;right:-9px}.voucher-ticket h3{font-size:22px;min-height:54px;line-height:1.3;margin:12px 0}.voucher-code{display:block;font-size:19px;font-weight:700;letter-spacing:.03em;border-top:1px dashed #c8c8cc;margin:20px -4px 0;padding:20px 4px 4px;overflow-wrap:anywhere}.voucher-ticket details{margin-bottom:20px}.voucher-ticket details p{font-size:13px;white-space:pre-line}.voucher-ticket>button{margin-top:auto;width:100%;font-size:13px}.voucher-ticket .caption{font-size:12px}.qr-panel{background:var(--bg-pure);margin:24px 0}.qr-panel h3{margin-top:0}#qr-output{margin-top:20px}#qr-output img{display:block;width:100%;max-width:300px;object-fit:contain}.source-details[open] summary:after{content:"−";margin-left:auto}.source-details:not([open]) summary:after{content:"+";margin-left:auto}
@media(max-width:1000px){.partner-grid,.voucher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-feature{padding:32px;gap:24px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.partner-grid,.voucher-grid{grid-template-columns:1fr;gap:16px}.program-card{padding:24px}.program-card h3{font-size:21px}.reading-feature{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:48px}.reading-feature h2{font-size:32px}.reading-covers img{height:160px}.reading-reflection h2{font-size:25px}.reading-reflection p{font-size:15px}.reading-cover{height:190px}.filters,.voucher-controls .filters{grid-template-columns:1fr}.voucher-ticket{padding:24px}.voucher-ticket h3{min-height:0}.product-fallback strong{font-size:20px}.voucher-grid .empty-results{padding:24px}.qr-panel{padding:20px 16px}.load-more{min-width:180px}}

/* Evidence-led decisions and original JayT identity. */
.ui-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-top .brand-lockup{width:210px;height:42px;object-fit:contain}.footer-brand{width:260px;max-width:100%;height:auto}.context-nav{max-width:1200px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:4px;padding:0 24px}.context-nav button{background:transparent;border:0;font-size:12px;gap:8px;padding:8px 12px}.context-nav button[aria-current=page]{background:var(--bg-subtle);color:var(--accent-blue)}.footer-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.footer-navigation button{font-size:12px;background:transparent;border:0;padding:8px}.comparison-verdict{display:block;font-size:24px;line-height:1.3;letter-spacing:-.025em;color:var(--text-main)}#compare-result details{font-size:14px;margin-top:16px}#compare-result summary{min-height:48px;cursor:pointer;display:flex;align-items:center;color:var(--accent-blue)}#compare-result details p{white-space:pre-line}.context-nav+.main{margin-top:0}#migration-report{margin-bottom:24px;white-space:normal}@media(max-width:760px){.header-top .brand-lockup{width:190px;height:38px}.header-note{display:none}.context-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px;margin-top:8px;gap:4px}.context-nav button{flex-direction:column;gap:4px;font-size:11px;padding:8px 4px;min-height:64px}.context-nav .ui-icon{width:20px;height:20px}.hero{height:300px}.hero h1{font-size:28px}.hero p{font-size:13px}.hero .kicker{font-size:11px}.hero-actions button{font-size:12px;padding:8px 12px}.comparison-verdict{font-size:22px}}

#bundle-name{max-width:520px}#bundle-save{display:flex;margin-top:16px}.detail-secondary-actions{flex-wrap:wrap}.detail-secondary-actions>button{min-width:140px}.local-card:focus{outline:3px solid var(--accent-blue);outline-offset:4px}

.catalog-decisions{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:20px}.catalog-decisions>div{max-width:320px;flex:1}.catalog-decisions button{flex:none}.comparison-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.comparison-totals>div{padding:18px;border-radius:14px;background:var(--bg-subtle)}.comparison-totals span{display:block;font-size:12px;color:var(--text-sub)}.comparison-totals strong{display:block;font-size:24px;margin-top:6px;letter-spacing:-.025em}#vault-kind{max-width:360px;margin-bottom:20px}@media(max-width:760px){.catalog-decisions{align-items:stretch;flex-direction:column;gap:12px}.catalog-decisions>div{max-width:none}.comparison-totals{gap:10px}.comparison-totals>div{padding:14px}.comparison-totals strong{font-size:21px}}

/* Visual hierarchy: JayT identity, scene photography and task-first entry. */
:root{--brand-ink:#1d1d1f;--brand-blue:#0071e3;--brand-mist:#f5f5f7;--brand-soft-blue:#eef5ff}.hero{isolation:isolate}.hero-city{object-position:center 50%}.hero-text{max-width:710px}.hero h1{text-wrap:balance;max-width:670px}.scene-controls{position:absolute;right:24px;top:24px;z-index:2;display:flex;gap:4px;padding:4px;background:#ffffffed;backdrop-filter:blur(16px);border-radius:999px}.scene-controls button{min-height:48px;background:transparent;color:var(--text-main);font-size:11px;padding:8px 14px;border:0}.scene-controls button[aria-pressed=true]{background:var(--text-main);color:#fff}.persona-heading{margin:32px 0 20px}.persona-heading h2{font-size:30px;margin:10px 0 0}.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}.persona-grid>button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;border:0;background:var(--bg-subtle);border-radius:24px;padding:28px;gap:12px;transition:background .25s var(--ease),transform .25s var(--ease)}.persona-grid>button:hover{background:var(--brand-soft-blue);transform:translateY(-2px)}.persona-grid .ui-icon{width:26px;height:26px;color:var(--accent-blue)}.persona-grid span{font-size:11px;color:var(--text-sub);letter-spacing:.07em}.persona-grid strong{font-size:24px;line-height:1.2;letter-spacing:-.025em}.persona-grid small{font-size:14px;color:var(--text-sub);font-weight:400;line-height:1.5}.persona-grid b{font-size:13px;font-weight:500;color:var(--accent-blue);margin-top:8px}.feature-showcase{background:linear-gradient(120deg,#f5f5f7,#edf3f9);margin-bottom:48px}.feature-showcase>img{filter:drop-shadow(0 20px 20px #0000000c)}.card .product-media{height:250px}.card-info{padding-top:20px}.card h3{font-size:18px;min-height:70px;line-height:1.35;-webkit-line-clamp:3}.card .category{display:inline-flex;border-radius:6px;padding:4px 7px;background:#ffffffb0;color:var(--text-sub)}.card .commerce-buy{margin-top:4px}.home-utility{margin-top:48px}.shelf-label>div>p{margin:10px 0 0}.context-nav{border-bottom:1px solid var(--line);padding-bottom:8px}.reading-feature{background:var(--brand-soft-blue)}
@media(max-width:760px){.scene-controls{top:12px;right:12px;padding:2px}.scene-controls button{font-size:11px;padding:6px 10px;min-height:48px}.hero{height:330px}.hero-text{max-width:100%}.hero h1{font-size:29px;max-width:300px}.persona-heading{margin:28px 0 16px}.persona-heading h2{font-size:25px}.persona-grid{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.persona-grid>button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 14px;padding:20px;border-radius:20px}.persona-grid .ui-icon{grid-column:1;grid-row:1/4;width:24px;height:24px;margin-top:4px}.persona-grid span,.persona-grid strong,.persona-grid small,.persona-grid b{grid-column:2}.persona-grid strong{font-size:21px}.persona-grid small{font-size:13px}.persona-grid b{margin-top:4px}.card .product-media{height:160px}.card h3{font-size:15px;min-height:62px}.card-info{padding-top:12px}.feature-showcase{margin-top:20px;margin-bottom:36px}}@media(prefers-reduced-motion:reduce){.persona-grid>button{transition:none}.persona-grid>button:hover{transform:none}}

@media(min-width:761px){.context-nav{display:none}.tabs{max-width:850px}.tabs button{font-size:12px;padding:8px}.brand-home:hover{background:transparent}.brand-home{border-radius:0}}@media(max-width:760px){.tabs [data-tab=books],.tabs [data-tab=partners]{display:none}.brand-home{background:transparent}}

@media(min-width:761px){header .env-badge{display:none}}

/* Everyday value and voluntary purchase intent use existing Purity tokens. */
.daily-use{margin:32px 0 40px;padding:28px;border-radius:24px;background:var(--brand-soft-blue)}.daily-use h2{font-size:30px;letter-spacing:-.03em;margin:8px 0}.daily-use p{color:var(--text-sub);margin:8px 0 24px}.daily-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.daily-actions>button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:10px;padding:20px;background:var(--bg-pure);border:0;border-radius:18px;min-width:0}.daily-actions strong{font-size:18px;letter-spacing:-.02em}.daily-actions span{font-size:13px;color:var(--text-sub);line-height:1.5}.daily-actions .ui-icon{color:var(--accent-blue)}.purchase-intent{padding:16px 0;border-bottom:1px solid var(--line);margin:0 0 20px}.purchase-intent summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--accent-blue)}.purchase-intent label{display:block;margin:16px 0 8px}.purchase-intent textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px;font:inherit;color:var(--text-main);border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg-subtle)}.saved-target{color:var(--accent-blue)}.saved-note{white-space:pre-wrap;overflow-wrap:anywhere}.purchase-intent textarea:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}@media(max-width:760px){.daily-use{padding:24px 20px;margin:24px 0}.daily-use h2{font-size:25px}.daily-actions{grid-template-columns:1fr;gap:8px}.daily-actions>button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 12px;padding:16px}.daily-actions .ui-icon{grid-row:1/3}.daily-actions strong,.daily-actions span{grid-column:2}.daily-actions strong{font-size:17px}}

/* Commerce navigation: one product shelf, deliberate marketplace selection. */
.deal-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.market-pills{display:flex;flex-wrap:wrap;gap:8px}.market-pills button{min-height:48px;padding:10px 18px;background:var(--bg-subtle);border:0;font-size:13px}.market-pills button[aria-pressed=true]{background:var(--text-main);color:var(--bg-pure)}.deal-mode{min-width:260px}.deal-mode label{display:block;font-size:13px;margin-bottom:8px}.observed-discount{display:inline-block;align-self:flex-start;font-size:11px;line-height:1.4;font-weight:600;color:#a32c24;background:#fff0ee;border-radius:6px;padding:5px 8px;margin:8px 0}.card-info>.caption{display:block;font-size:11px}.voucher-markets{margin-bottom:24px}.voucher-grid .empty-results{grid-column:1/-1}.empty-results .local-link{display:block;margin-top:16px}#catalog-discount{min-height:48px}.catalog-decisions>div{min-width:0}@media(max-width:760px){.deal-controls{flex-direction:column;align-items:stretch;gap:16px}.deal-mode{min-width:0}.market-pills{gap:6px}.market-pills button{font-size:12px;padding:10px 14px}.card-info>.caption{font-size:11px}.observed-discount{font-size:11px}}

.market-pills button{min-width:48px;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.market-pills button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.market-pills button{transition:none}.market-pills button:active{transform:none}}

/* Chairman-selected original city photography and transparent member entry. */
.header-member{padding:8px 12px;background:var(--bg-subtle);border:0;font-size:12px;white-space:nowrap;min-width:48px;min-height:48px}.header-top .env-badge{display:none}.hero-city{object-position:50% 65%}.hero-text{margin-left:auto;max-width:580px}.hero:after{background:linear-gradient(90deg,#00000008 0%,#00000018 34%,#000000b8 100%)}.member-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:620px}.member-story h1{font-size:44px;line-height:1.15}.member-story>img{width:220px;max-width:100%;margin:24px 0}.member-story>p{max-width:420px}.member-form{padding:36px;background:var(--bg-subtle);border-radius:24px}.member-form h2{font-size:30px;margin:16px 0}.member-form>button{width:100%;margin-top:16px}.member-provider{background:var(--bg-pure)}.member-provider strong{font:700 20px var(--font-sans)}.member-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-sub);margin:24px 0}.member-divider:before,.member-divider:after{content:'';height:1px;background:var(--line);flex:1}.member-status{font-size:14px;line-height:1.6}.member-form .caption{font-size:12px;line-height:1.6}.bundle-presets{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.bundle-presets button{font-size:13px;background:var(--brand-soft-blue);border:0}.bundle-links>div>.caption{margin:8px 0}.bundle-links>div>button{margin-top:8px;font-size:12px}
@media(max-width:1100px) and (min-width:761px){.header-member span{display:none}.header-member{padding:10px}}
@media(max-width:760px){.header-top{justify-content:space-between}.hero-text{margin-left:0;max-width:100%}.hero-city{object-position:30% 65%}.hero:after{background:linear-gradient(180deg,#00000012 0%,#00000030 35%,#000000d9 100%)}.member-layout{grid-template-columns:1fr;gap:24px;min-height:0}.member-story h1{font-size:32px}.member-story>img{display:none}.member-form{padding:24px 20px}.member-form h2{font-size:25px}.header-member{font-size:11px;padding:8px 10px}.header-member .ui-icon{width:18px;height:18px}}

@media(max-width:360px){.header-member span{display:none}.header-member{padding:10px}}

/* On a phone, keep the Chairman's bridge photograph free of headline overlap. */
@media(max-width:760px){.hero{display:block;height:auto;padding:0;background:#0b1729}.hero-city{position:relative;display:block;inset:auto;height:210px;object-position:50% 60%}.hero:after{display:none}.hero-text{padding:20px 20px 24px;margin:0;max-width:none}.hero h1{font-size:26px;max-width:none;line-height:1.15;margin:12px 0}.hero p{font-size:13px;margin:10px 0 18px}.hero-actions{gap:8px}.hero-actions button{font-size:11px;padding:8px 12px}.scene-controls{top:12px;right:12px}.scene-controls button{font-size:11px}}

/* Reuse the JT monogram from the existing brand pack alongside the JayT lockup. */
.header-top .brand-monogram{display:block;width:40px;height:40px;object-fit:contain}.header-top .brand-lockup{width:190px;height:44px}.brand-home{align-items:center;gap:8px}.footer-identity{display:flex;align-items:center;gap:18px}.footer-monogram{width:56px;height:56px;object-fit:contain}.member-story>img.member-monogram{display:block;width:72px;height:72px;margin:0 0 20px;object-fit:contain}@media(max-width:760px){.header-top .brand-monogram{width:34px;height:34px}.header-top .brand-lockup{width:148px;height:38px}.brand-home{gap:6px}.footer-monogram{width:44px;height:44px}.footer-brand{max-width:220px}.member-story>img.member-monogram{width:56px;height:56px;margin-bottom:16px}}

/* Studio DIS 1.1: shared scales and keyboard/motion contract. */
:root{--space-5:20px;--space-8:32px;--space-10:40px;--type-body:16px;--type-caption:12px;--type-card:18px;--type-section:30px;--type-page:clamp(32px,4vw,48px);--duration-fast:120ms;--duration-control:180ms;--duration-card:250ms;--duration-photo:400ms;--focus-width:3px;--focus-offset:4px;--target-min:48px;--control-border:#b8b8bd;--deal-text:#a32c24;--deal-surface:#fff0ee;--hero-ink:#0b1729}
body{font-size:var(--type-body)}button{min-height:var(--target-min);transition:background var(--duration-control) var(--ease),transform var(--duration-fast) var(--ease)}.card{transition:transform var(--duration-card) var(--ease),box-shadow var(--duration-card) var(--ease)}.product-media img{transition:transform var(--duration-photo) var(--ease)}.market-pills button{min-width:var(--target-min);min-height:var(--target-min);transition:background var(--duration-control) var(--ease),color var(--duration-control) var(--ease),transform var(--duration-fast) var(--ease)}input:not([type=checkbox]),select,textarea{border-color:var(--control-border)}.observed-discount{color:var(--deal-text);background:var(--deal-surface)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-width:var(--focus-width);outline-offset:var(--focus-offset)}
.skip-content{position:fixed;top:-100px;left:12px;z-index:100;background:var(--text-main);color:var(--bg-pure)}.skip-content:focus{top:8px}.skip-content:hover{background:var(--text-main)}#studio-main:focus{outline:none}.scene-controls{max-width:calc(100% - 24px)}
@media(max-width:760px){.scene-controls{left:12px;right:auto;gap:2px}.scene-controls button{font-size:11px;padding:6px 8px;min-width:48px;white-space:nowrap}.hero{background:var(--hero-ink)}}
@media(hover:none){.card:hover,.product-media:hover img,.persona-grid>button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}button:active,.market-pills button:active,.card:hover,.product-media:hover img,.persona-grid>button:hover{transform:none}}

/* Account entry follows navigation; it never interrupts the primary menu. */
header>.header-member{flex:none;margin-left:auto}header>.tabs{min-width:0}@media(max-width:760px){header{position:relative;display:block}header>.header-member{position:absolute;top:8px;right:20px;z-index:31;margin:0}}

.scene-short{display:none}@media(max-width:760px){.scene-full{display:none}.scene-short{display:inline}.scene-controls button{font-size:11px;padding:6px 10px}}

/* Detailed decisions and reversible selection. */
.product-guide{padding:20px;background:var(--brand-soft-blue);border-radius:var(--radius-inner);margin:4px 0 8px}.product-guide h3{font-size:20px;margin:8px 0}.product-guide p{font-size:14px;line-height:1.6;margin:8px 0}.product-guide summary,.visit-guide summary{min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:600;cursor:pointer;color:var(--accent-blue)}.product-guide ul{padding-left:20px;margin:12px 0}.product-guide li{font-size:14px;line-height:1.6;margin-bottom:10px}.product-guide .caption{font-size:12px}.visit-guide{margin:12px 0}.visit-guide p{font-size:13px;line-height:1.6}.place-intro{font-size:15px;line-height:1.5}.bundle-search{display:flex;gap:12px;align-items:flex-end;margin:24px 0 8px}.bundle-search>div{flex:1}.bundle-search>button{flex:none}.bundle-option{align-items:center;min-height:70px}.bundle-option>span{display:block;min-width:0}.bundle-option strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.bundle-option small{display:block;font-size:12px;font-weight:400;color:var(--text-sub);margin-top:6px}.bundle-links>div>button+button{margin-left:8px}#detail[data-kind=product]{width:min(980px,calc(100% - 32px))}
@media(min-width:761px){#detail[data-kind=product][data-has-image=true] #detail-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px 24px;align-items:start}#detail[data-kind=product][data-has-image=true] #detail-body>.detail-image{grid-column:1;grid-row:1/6;position:sticky;top:0;height:320px;max-height:50vh;margin:0}#detail[data-kind=product][data-has-image=true] #detail-body>:not(.detail-image){grid-column:2}#detail[data-kind=product] .dialog-header h2{font-size:22px}#detail[data-kind=product] #detail-body>p{margin:0}#detail[data-kind=product] #detail-body>.detail-price{font-size:28px}}
@media(max-width:760px){.bundle-search{flex-direction:column;align-items:stretch}.bundle-search>button{align-self:flex-start}.product-guide{padding:16px}.product-guide h3{font-size:19px}#detail[data-kind=product] .detail-image{height:180px}.bundle-option{padding:14px 12px}.bundle-links>div>button{font-size:12px}}

/* Comparison continuity: responsive product evidence and save controls */
#compare-purchase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4,16px)}.comparison-product{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border-radius:20px;background:var(--bg-smoke,#f5f5f7)}.comparison-product img{width:100%;height:160px;object-fit:contain;background:#fff;border-radius:14px}.comparison-product strong{overflow-wrap:anywhere}.comparison-product a,.comparison-product button{max-width:100%;white-space:normal}.comparison-save{margin-top:24px;padding-top:24px;border-top:1px solid #d2d2d7}.comparison-save button{margin-top:16px}@media(max-width:760px){.comparison-product{padding:12px}.comparison-product img{height:100px}.comparison-product a,.comparison-product button{font-size:12px;padding:10px;min-height:48px}.comparison-product strong{font-size:14px}}

.comparison-product-title{min-height:3em}.comparison-product .caption{min-height:3em}@media(max-width:760px){.comparison-product-title{min-height:4.5em}}

/* Visual rhythm: factual hierarchy, optional checks, quiet source guidance. */
:root{--attention-ink:#805400;--attention-surface:#fff9ee;--attention-line:#e4c788}
.price,.detail-price,.comparison-totals,.cost-meter-row,.comparison-product .caption,.vault-capacity,.saved-comparison-verdict{font-variant-numeric:tabular-nums}
.card .product-media{aspect-ratio:1/1;height:auto;background:var(--bg-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius-inner);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.comparison-totals>div[data-cost-state=lower]{background:var(--brand-soft-blue);box-shadow:inset 0 0 0 1px var(--accent-blue)}.cost-badge{display:block;color:var(--text-sub);font-size:12px;line-height:1.5;margin-top:8px}.comparison-totals [data-cost-state=lower] .cost-badge{color:var(--accent-blue)}
.comparison-meter{padding:0 2px 16px}.cost-meter-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0;font-size:13px}.cost-meter-row>span:last-child{min-width:90px;text-align:right}.cost-meter-row progress,.vault-capacity progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;border:0;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-subtle)}.cost-meter-row progress::-webkit-progress-bar,.vault-capacity progress::-webkit-progress-bar{background:var(--bg-subtle)}.cost-meter-row progress::-webkit-progress-value{background:#8e8e93;border-radius:var(--radius-pill)}.cost-meter-row[data-cost-state=lower] progress::-webkit-progress-value,.cost-meter-row[data-cost-state=tie] progress::-webkit-progress-value{background:var(--accent-blue)}.cost-meter-row progress::-moz-progress-bar{background:#8e8e93}.cost-meter-row[data-cost-state=lower] progress::-moz-progress-bar,.cost-meter-row[data-cost-state=tie] progress::-moz-progress-bar{background:var(--accent-blue)}
.product-guide{background:var(--bg-subtle);border:1px solid var(--border-hairline)}.product-guide>.kicker{display:flex;align-items:center;gap:8px}.product-guide .buyer-checklist{list-style:none;padding:0;margin:8px 0}.buyer-checklist li{margin:0;border-bottom:1px solid var(--border-hairline)}.buyer-checklist label{display:flex;align-items:flex-start;gap:12px;min-height:48px;margin:0;padding:12px 0;font-weight:400}.buyer-checklist input{margin:0;min-width:22px}.checklist-feedback{font-size:12px;color:var(--text-sub)}.product-guide[data-reviewed=true] .checklist-feedback{color:var(--accent-blue)}
.vault-capacity{max-width:480px;margin:20px 0 28px}.vault-capacity label{font-size:13px;font-weight:500}.vault-capacity progress{height:5px}.vault-capacity progress::-webkit-progress-value{background:var(--accent-blue)}.vault-capacity progress::-moz-progress-bar{background:var(--accent-blue)}.saved-item[data-vault-state=due]{background:var(--attention-surface);border:1px solid var(--attention-line)}.vault-cue{display:flex;align-items:center;gap:8px;color:var(--attention-ink);font-size:11px;font-weight:650;letter-spacing:.06em;margin-bottom:10px}.saved-comparison-verdict{display:flex;align-items:center;gap:8px;color:var(--text-main);font-weight:600}.saved-item[data-vault-state=comparison]{border:1px solid var(--border-hairline)}
.visit-guide{background:var(--bg-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius-inner);padding:0 14px}.visit-guide summary{gap:8px}.hours-discrepancy{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:10px;color:var(--attention-ink);background:var(--attention-surface);font-size:12px}.hours-discrepancy .ui-icon{flex:none;margin-top:2px}
@media(max-width:760px){.cost-meter-row{gap:8px;font-size:12px}.cost-meter-row>span:last-child{min-width:82px}.comparison-totals .cost-badge{font-size:11px}.product-guide{padding:16px}.visit-guide{padding:0 10px}.vault-capacity{max-width:100%}}

/* Mobile dock: icons, restrained glass, tactile active capsule. */
.dock-icon{display:none}
@media(max-width:760px){header>.tabs{inset:auto 12px calc(10px + env(safe-area-inset-bottom));width:auto;max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;border:1px solid var(--border-hairline);border-radius:26px;background:var(--bg-glass);box-shadow:0 8px 30px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}header>.tabs button{position:relative;display:flex;flex-direction:column;gap:5px;min-height:58px;min-width:0;width:100%;padding:8px 4px;border:0;border-radius:20px;font-size:11px;line-height:1.2;background:transparent;transition:background var(--duration-control,180ms) var(--ease),color var(--duration-control,180ms) var(--ease),transform var(--duration-fast,120ms) var(--ease)}header>.tabs .dock-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform var(--duration-control,180ms) var(--ease)}header>.tabs button[aria-pressed=true]{background:var(--brand-soft-blue);color:var(--accent-blue);box-shadow:inset 0 0 0 1px rgba(0,113,227,.10);font-weight:650}header>.tabs button[aria-pressed=true] .dock-icon{animation:dock-select 280ms var(--ease) both}header>.tabs button:active{transform:scale(.94);background:var(--brand-soft-blue)}header>.tabs button:focus-visible{outline-offset:1px}header>.tabs button .badge{position:absolute;right:10px;top:4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--accent-blue);color:#fff;font-size:11px;line-height:1;border-radius:var(--radius-pill)}main{padding-bottom:calc(120px + env(safe-area-inset-bottom))}#status{bottom:calc(100px + env(safe-area-inset-bottom))}header>.tabs [data-tab=home],header>.tabs [data-tab=books],header>.tabs [data-tab=partners],header>.tabs [data-tab=voucher]{display:none}}
@keyframes dock-select{0%{transform:translateY(2px) scale(.9)}60%{transform:translateY(-2px) scale(1.08)}100%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){header>.tabs .dock-icon{animation:none!important;transition:none!important}header>.tabs button:active{transform:none}}