:root{color-scheme:light;--ink:#182030;--muted:#59677c;--line:#dfe5ee;--focus:#3263da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:96px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}header,main{max-width:1180px;margin:auto;padding:24px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf1}.brand img{display:block;width:150px;height:48px;object-fit:contain}.header-tools{display:flex;gap:24px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:36px 0 48px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-.055em;margin:14px 0 24px}.hero img{width:100%;height:auto;max-height:380px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--muted)}.intro,.note,.zone{color:var(--muted);max-width:620px}.action{display:inline-block;background:var(--ink);color:#fff;border-radius:28px;padding:12px 24px;margin-top:14px;font-size:14px}.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px 0;border-block:1px solid #e8ebf1;font-size:13px;color:var(--muted)}.posters p{margin:0;border-left:2px solid #dce3ef;padding-left:14px}h2{font-size:30px;letter-spacing:-.03em;margin:40px 0 8px}h3{font-size:22px;margin:24px 0 6px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin-top:0}.status{border:1px solid #e8b84f;background:#fff8e5;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}label{display:block;font-size:13px;font-weight:650;margin:24px 0 8px}input{font:inherit;width:100%;max-width:620px;padding:13px 16px;border:1px solid #cdd5e1;border-radius:12px;background:#fff}.result-count{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 36px}.card{border:1px solid var(--line);border-radius:18px;padding:24px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:#6b84b2}.card strong{font-size:19px}.card span{font-size:12px;color:var(--muted)}.search-results{grid-template-columns:repeat(3,1fr)}.choice-group{display:flex;gap:12px;margin:20px 0}.choice-group button,button{font:inherit;border:1px solid #bfc9d8;background:#fff;border-radius:12px;padding:11px 18px}.choice-group button[aria-pressed=true]{background:var(--ink);color:#fff}.clock{display:block;font-size:clamp(26px,4vw,48px);font-weight:700;letter-spacing:-.03em;margin:12px 0}.notice{max-width:680px;border-left:4px solid #e8b84f;background:#fff8e5;padding:16px 18px}button:disabled{color:#7b8492;background:#eef1f5;cursor:not-allowed}footer{text-align:center;border-top:1px solid #e8ebf1;padding:30px 20px;font-size:12px;color:var(--muted)}footer p{margin:5px}nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;overflow:auto;padding:12px max(12px,calc((100vw - 1180px)/2));gap:4px}nav a{flex:1;min-width:78px;text-align:center;padding:13px 10px;font-size:12px;font-weight:650;border-radius:12px;white-space:nowrap}nav a[aria-current=page]{background:var(--ink);color:#fff}.skip{position:absolute;z-index:20;left:12px;top:-80px;background:#fff;padding:12px}.skip:focus{top:8px}@media(max-width:850px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header,main{padding:18px 20px}.hero{grid-template-columns:1fr;gap:12px;padding:28px 0}.hero img{max-height:230px}.posters{grid-template-columns:1fr;gap:14px}.cards,.search-results{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:18px;min-height:130px}nav a{flex:0 0 80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--surface-panel:#f7f9fc}
select{font:inherit;width:100%;padding:13px 16px;border:1px solid #cdd5e1;border-radius:12px;background:#fff}.catalog-controls{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr);gap:10px;align-items:end}.catalog-controls label:first-child{grid-column:1/-1}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 36px}.table-wrap{overflow:auto;margin:22px 0 32px;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:680px;text-align:left}th,td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);background:var(--surface-panel)}tr:last-child td{border-bottom:0}.empty-state{grid-column:1/-1;color:var(--muted);padding:24px;border:1px dashed var(--line);border-radius:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.catalog-controls{grid-template-columns:1fr}.catalog-controls label:first-child{grid-column:auto}}

/* Content controls follow the current Design; locked shell rules above stay intact. */
#surface-content{min-width:0}#surface-content section{margin-block:24px 36px}#surface-content .card{overflow-wrap:anywhere;gap:12px}#surface-content .choice-group{flex-wrap:wrap}#surface-content select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}#surface-content .loading-state{padding:24px;color:var(--muted)}#surface-content button,#surface-content input,#surface-content select{min-height:44px}#surface-content .catalog-controls>*{min-width:0}@media(max-width:380px){#surface-content .cards{grid-template-columns:1fr}#surface-content .pager{gap:8px}}
