.card-image picture{display:contents}.card-image .ph-img{object-fit:var(--media-card-fit,contain);object-position:var(--media-x,50%) var(--media-y,50%)}.mini-post picture{display:contents}.mini-post picture img{object-fit:var(--media-card-fit,contain);object-position:var(--media-x,50%) var(--media-y,50%)}.reviewed-article-hero img{display:block;width:100%;height:auto;object-fit:contain}.article-trust{font-size:.85rem;margin:1rem 0}.article-body table{display:block;max-width:100%;overflow-x:auto}.newsletter .wrap.nl-sec{padding:0}.newsletter .newsletter{display:block;padding:0;background:none;border:0;box-shadow:none}.newsletter-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.newsletter-form input[type=email]{flex:1;min-width:150px;padding:.8rem;border:1px solid #bb835e;border-radius:8px}.newsletter-form button{padding:.8rem 1rem;background:#df8437;color:#251b15;border:1px solid #9e642e;border-radius:8px;cursor:pointer}.nl-consent,.nl-msg{flex-basis:100%;font-size:.8rem}.nl-honeypot{position:absolute;left:-10000px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pager{display:flex;justify-content:center;gap:1rem;padding:1.5rem}.skip-link:focus{position:fixed;left:1rem;top:1rem;z-index:1000;background:white;padding:1rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:1rem}.page-top-art{pointer-events:none}
.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:1rem}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:900px){.related-grid{grid-template-columns:1fr}}.page-top-art svg{width:100%;height:100%}
.ranking-cover-unavailable{box-sizing:border-box;text-align:center;background:var(--paper,#fff5e2);border:1px dashed currentColor;padding:2px;line-height:1.1;font-size:9px}.ranking-cover-unavailable>svg{display:block;width:18px;height:15px;max-width:100%;margin:0 auto 1px;filter:grayscale(1);opacity:.6}.ranking-cover-unavailable>span{display:block}
/* Retain v31's inner-page main spacing with the production skip-link target. */
.inner-page #main-content{max-width:1180px;padding:24px 24px 40px}
@media(max-width:600px){.inner-page #main-content{padding:17px 12px 28px}}
/* Separate the existing mobile navigation labels without changing its artwork. */
@media(max-width:760px){
 html[data-theme=cozy] .reference-pass>header #main-nav{gap:8px;flex-wrap:wrap}
 html[data-theme=cozy] .reference-pass>header #main-nav>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;line-height:1.4;border-radius:4px}
}

/* Retain the reviewed header while restoring native, no-script menu operation. */
#main-nav .reviewed-desktop-nav{display:flex;align-items:center;gap:inherit}
#main-nav .reviewed-mobile-menu{display:none}
.footer-utilities{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:5px 12px;font-size:12px;color:#514637}
.footer-utilities button{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;padding:2px 0;cursor:pointer}
.footer-utilities summary{cursor:pointer;padding:2px 0}
.footer-collections>div{display:flex;flex-wrap:wrap;gap:8px 14px;padding:6px 0}
#privacy-settings-status{max-width:100%;overflow-wrap:anywhere;flex-basis:100%;text-align:center}
@media(max-width:760px){
 html[data-theme=cozy] .reference-pass>header #main-nav{display:contents}
 #main-nav .reviewed-desktop-nav{display:none}
 #main-nav .reviewed-mobile-menu{display:contents}
 .reviewed-mobile-menu>summary{list-style:none;cursor:pointer}
 .reviewed-mobile-menu>summary::-webkit-details-marker{display:none}
 html[data-theme=cozy] .reference-pass>header #navlinks{grid-column:1/-1;grid-row:4;display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
 html[data-theme=cozy] .reference-pass>header .reviewed-mobile-menu:not([open]) #navlinks{display:none}
 html[data-theme=cozy] .reference-pass>header #navlinks>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;line-height:1.4;border-radius:4px}
}

/* The retained base sheet collapses navigation at 950px; this header uses 760px. */
@media(min-width:761px){html[data-theme=cozy] .reference-pass>header #main-nav{display:flex}}
/* Keep native form controls within the reviewed newsletter at enlarged text. */
.newsletter,.newsletter .wrap,.newsletter-form{min-width:0;max-width:100%}
.newsletter-form input[type=email]{box-sizing:border-box;min-width:min(150px,100%);max-width:100%}
.newsletter-form>*{max-width:100%;box-sizing:border-box}

@media(max-width:360px){
 html[data-theme=cozy] .reference-pass .category-cat{max-width:100%}
 html[data-theme=cozy] .reference-pass .cozy-rating{flex-wrap:wrap;max-width:100%}
 .reference-pass .footer-tagline{white-space:normal;min-width:0;overflow-wrap:anywhere}
}

/* The live form shares the reviewed panel's existing heading and expands for
   consent, challenge and status content instead of clipping it to artwork size. */
html[data-theme=cozy] .home-reference-review .october-panels .orange-lower>.newsletter{height:auto;min-height:166px;aspect-ratio:auto}
.newsletter-form-wrap{min-width:0;width:100%}
.newsletter-form-wrap .newsletter-form{gap:6px;font-size:12px}
.newsletter-form-wrap .newsletter-form input[type=email],.newsletter-form-wrap .newsletter-form button{padding:8px;font:inherit}
.newsletter-form-wrap .nl-consent,.newsletter-form-wrap .nl-msg{margin:0;font-size:11px;line-height:1.35}
.newsletter-form-wrap [data-turnstile]{flex-basis:100%}

/* Keep each illustration at its reviewed ratio when verification expands the
   form. Only the newsletter needs extra height during an interactive challenge. */
html[data-theme=cozy] .home-reference-review .october-panels .orange-lower>.village-art,
html[data-theme=cozy] .home-reference-review .october-panels .orange-lower>.cat-books-art{align-self:start}
.newsletter-form-wrap .newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.newsletter-form-wrap input[type=email]{grid-column:1;grid-row:1;min-height:44px;width:100%}
.newsletter-form-wrap button[type=submit]{grid-column:2;grid-row:1;min-height:44px;padding:8px 14px}
.newsletter-form-wrap [data-turnstile]{grid-column:1/-1;grid-row:2;min-width:0}
.newsletter-form-wrap .nl-consent{grid-column:1/-1;grid-row:3}
.newsletter-form-wrap .nl-msg{grid-column:1/-1;grid-row:4}
html[data-theme=cozy] .reference-pass .ranking-cover img{object-fit:var(--media-card-fit,cover);object-position:var(--media-x,50%) var(--media-y,28%)}
