.detail-hero { display:grid; grid-template-columns:110px minmax(0,1fr); gap:17px; align-items:center; padding:22px 3px 20px; }
.detail-hero .detail-cover-frame { width:110px; margin:0; border-radius:18px; box-shadow:0 9px 22px #235d7622; }
.detail-hero .detail-cover { border-radius:18px; }
.detail-heading { min-width:0; }
.detail-heading .detail-title-row { display:block; }
.detail-heading h2 { margin:4px 0 9px; font-size:22px; line-height:1.3; letter-spacing:-.5px; }
.detail-heading .eyebrow { margin:0; font-size:11px; color:#127f8b; letter-spacing:1px; }
.detail-heading #detailUpdated { display:none; }
.detail-heading .tag-row { gap:5px; margin:0; }
.detail-heading .tag { padding:4px 8px; font-size:10px; background:#ffffff9c; }
.detail-screen .detail-body { margin-top:0; padding:17px; border-radius:24px; }
.rating-card { border:1px solid #208d9620; border-radius:19px; padding:15px 15px 11px; margin-bottom:17px; background:linear-gradient(125deg,#ecf8f7,#f7fbfc 80%); }
.rating-heading { display:flex; justify-content:space-between; align-items:center; }
.rating-heading h3 { margin:0; font-size:13px; font-weight:700; color:#254854; }
.rating-heading>span { font-size:10px; color:#708791; }
.rating-layout { display:grid; grid-template-columns:94px minmax(0,1fr); gap:14px; align-items:center; padding:13px 0 12px; }
.rating-overall { display:flex; flex-direction:column; align-items:flex-start; }
.rating-overall>strong { font-size:58px; line-height:1; letter-spacing:-3px; font-weight:750; color:#128894; font-variant-numeric:tabular-nums; }
.rating-overall>span { font-size:11px; margin-top:8px; color:#627f88; }
.rating-overall.is-unrated>strong { font-size:30px; letter-spacing:-1px; }
.rating-dimensions { display:grid; gap:9px; }
.rating-dimension>div:first-child { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:4px; font-size:11px; color:#536d77; }
.rating-dimension strong { font-size:12px; font-weight:650; color:#284854; font-variant-numeric:tabular-nums; }
.rating-track { height:6px; border-radius:20px; overflow:hidden; background:#dcebed; }
.rating-track>span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#25a6a3,#65bca5); }
.rating-note { border-top:1px solid #278e9515; padding-top:9px; margin:0; font-size:10px; color:#71888f; line-height:1.5; }
.detail-body .meta-grid { gap:8px; margin:0 0 21px; }
.detail-body .meta-grid.has-duration { grid-template-columns:repeat(3,minmax(0,1fr)); }
.detail-body .meta-grid div { padding:11px 8px; background:#f4f8fa; border:0; border-radius:12px; }
.detail-body .meta-grid dt { font-size:10px; margin-bottom:6px; }
.detail-body .meta-grid dd { font-size:13px; color:#2c4d5c; }
.synopsis-card { padding:0 1px 17px; border-bottom:1px solid #30586c12; margin-bottom:17px; }
.synopsis-card h3,.resource-heading h3 { margin:0 0 12px; font-size:14px; color:#294b59; display:flex; align-items:center; gap:7px; }
.synopsis-card h3 svg { width:16px; height:16px; color:#479da0; stroke-width:1.8; }
.synopsis-content { font-size:13px; line-height:1.9; color:#647582; overflow-wrap:anywhere; }
.synopsis-content p { margin:0 0 10px; white-space:pre-wrap; }
.synopsis-content p:last-child { margin:0; }
.synopsis-content.is-collapsed { display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.synopsis-toggle { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; border:0; padding:11px 0 0; min-height:36px; color:#188994; font-size:12px; font-weight:600; background:transparent; cursor:pointer; }
.synopsis-toggle svg { width:14px; height:14px; }
.synopsis-toggle:focus-visible { outline:2px solid #168b95; outline-offset:3px; border-radius:6px; }
.resource-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.resource-heading>span { font-size:10px; color:#87949c; }
.detail-screen .link-stack { gap:9px; }
.detail-screen .site-footer { opacity:.7; }
@media(max-width:350px) { .detail-hero { grid-template-columns:90px minmax(0,1fr); gap:12px; }.detail-hero .detail-cover-frame { width:90px; }.detail-heading h2 { font-size:20px; }.rating-layout { grid-template-columns:78px minmax(0,1fr); gap:10px; }.rating-overall>strong { font-size:49px; }.detail-screen .detail-body { padding:14px; } }
.rating-card.is-empty { display:flex; align-items:center; gap:13px; padding:21px 16px; background:linear-gradient(125deg,#f0f8f8,#f8fbfc); }
.rating-empty-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#75a0a6; background:#e4f0f1; }
.rating-empty-icon svg { width:23px; height:23px; stroke-width:1.5; }
.rating-empty-copy h3 { margin:0 0 5px; color:#426773; font-size:17px; font-weight:650; }
.rating-empty-copy p { margin:0; color:#84979e; font-size:11px; }
.rating-overall.is-unrated>strong { font-size:19px; letter-spacing:0; }
.rating-dimension strong { white-space:nowrap; }
.synopsis-content.is-empty { color:#92a0a7; padding:8px 0; }