/* Shared editorial fixes, outside the already reviewed guides. */
.audited-page { --accent:#087D70; --accent-dk:#076B60; --text-light:#536579; }
.audited-page :focus-visible { outline:3px solid #B45309; outline-offset:4px; }
.audited-page .nav-item:focus-within > .dropdown { opacity:1; visibility:visible; transform:none; }
.audited-page .footer-tagline,.audited-page .footer-col h4,.audited-page .footer-bottom,.audited-page .footer-bottom a { color:#BFCBDC; }
.audited-page .footer-col a { color:#D4DDEA; }
.audited-page .content-main p a,.audited-page .content-main li a,.audited-page .related-links a { color:#076B60; text-decoration:underline; text-underline-offset:3px; }
.audited-page .pro-box ul,.audited-page .con-box ul { list-style:none; padding:0; }
.audited-page .content-main .pro-box li,.audited-page .content-main .con-box li { padding:4px 0 4px 20px; }
.audited-page .table-scroll { max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:8px; margin:20px 0; }
.audited-page .table-hint { color:var(--text-muted); font-size:.8rem; margin:0 0 8px; }
.audited-page .content-main table { display:table; width:100%; border-collapse:collapse; overflow-wrap:normal; }
.audited-page .content-main th,.audited-page .content-main td { padding:12px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--border); line-height:1.5; word-break:normal; overflow-wrap:normal; }
.audited-page .content-main th { background:#0E172A; color:#fff; font-weight:600; }
.audited-page .content-main tbody tr:nth-child(even) { background:#F6F7F9; }
.audited-page .content-main .excluded-row { background:#FFF7ED; }
.audited-page .content-main .excluded-row td { color:#7C3D0A; }
.audited-page .incompatible { color:#9A3412; font-weight:600; }
.audited-page .editorial-note { border-left:3px solid #087D70; padding:12px 16px; background:#F1F8F6; margin:20px 0; }
.audited-page .image-unavailable { height:auto!important; min-height:0!important; padding:14px; background:#F6F7F9; border:1px solid var(--border); }
.audited-page .image-unavailable img { display:none!important; }
.audited-page .image-status { color:#536579; font-size:.8rem; margin:0 0 8px; }
.audited-page figure figcaption { color:#536579; font-size:.82rem; line-height:1.55; }
.audited-page .diagram-text { padding:14px 16px; background:#F1F8F6; border-left:3px solid #087D70; }
.audited-page .calc-field label,.audited-page .crb-label,.audited-page .calc-matches-title,.audited-page .cmr-specs { color:#D4DDEA; }
.audited-page .calc-eyebrow,.audited-page .crb-val { color:#6EE7D1; }
.audited-page .calc-field input::placeholder { color:#AAB8CA; }
.audited-page .calc-error { color:#FFE1BA; margin:12px 0; }
.audited-page .calc-help { color:#D4DDEA; font-size:.85rem; margin:16px 0; }
.audited-page .star-full,.audited-page .col-aut { color:#076B60; }
.audited-page .star-empty { color:#68788A; }
.audited-page .spec-sheet-header,.audited-page .spec-sheet-header .verified { color:#CBD5E1; }
.audited-page .hero-title em,.audited-page .hero-eyebrow,.audited-page .hero .btn-outline { color:#6EE7D1; }
.audited-page .hero-desc,.audited-page .finder-title,.audited-page .finder-btn-sub { color:#CBD5E1; }
.audited-page .finder-btn-label { color:#F8FAFC; }
.audited-page .hero .btn-outline { border-color:#6EE7D1; }
.audited-page [hidden] { display:none!important; }
@media(max-width:1024px) {
 .audited-page .mobile-toc { margin:24px 0 0; }
 .audited-page .model-specs { margin:0 0 24px; }
}
@media(min-width:1025px) { .audited-page .mobile-toc { display:none; } }
@media(max-width:768px) {
 .audited-page .header-main { position:relative; }
 .audited-page .site-nav[data-open="true"] { display:flex; position:absolute; top:100%; left:0; right:0; background:#fff; padding:16px; border:1px solid var(--border); flex-direction:column; max-height:calc(100dvh - 80px); overflow:auto; box-shadow:0 8px 20px #0E172A18; }
 .audited-page .site-nav .dropdown { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; padding:0 12px 10px; display:block; min-width:0; }
 .audited-page .site-nav .nav-link { display:block; padding:10px; }
 .audited-page .table-scroll table { min-width:560px; max-width:none; }
 .audited-page .content-main .power-table { min-width:340px; }
 .audited-page .content-main th,.audited-page .content-main td { padding:10px 12px; }
 .audited-page .content-main .table-wrap table,.audited-page .content-main .table-wrapper table { min-width:560px; width:100%; }
 .audited-page .page-hero { padding:28px 0; }
 .audited-page .content-layout { padding-top:24px; gap:24px; }
 .audited-page .technical-figure { display:none; }
 .audited-page .hub-link-meta { font-size:.8rem; }
}
/* Keep product evidence beside its explanation, without oversized catalogue photos. */
.image-placement-page .comparison-product { margin:32px 0; padding-bottom:24px; border-bottom:1px solid var(--border); }
.image-placement-page .comparison-product-body { display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start; }
.image-placement-page .comparison-product-body > .product-photo { margin:0!important; }
.image-placement-page .comparison-product-copy { min-width:0; }
.image-placement-page .comparison-product-copy > p:first-child { margin-top:0; }
.image-placement-page .comparison-product .product-photo img { display:block; width:100%; height:260px!important; object-fit:contain; }
.image-placement-page .comparison-product figcaption { margin-top:8px; }
.image-placement-page .brand-photo { max-width:320px; margin:24px 0!important; }
.image-placement-page .brand-photo img { display:block; width:100%; height:260px!important; object-fit:contain; }
.image-placement-page .editorial-photo img { max-height:320px; object-fit:contain; }
.image-placement-page .model-overview { display:grid; grid-template-columns:300px minmax(0,1fr); align-items:start; gap:24px; margin-bottom:28px; }
.image-placement-page .model-overview > .product-photo { margin:0!important; }
.image-placement-page .model-overview img { display:block; width:100%; height:300px!important; object-fit:contain; }
.image-placement-page .model-overview .pro-con-grid { grid-template-columns:1fr; gap:16px; margin:0; }
.image-placement-page .hub-link { justify-content:flex-start; gap:12px; }
.image-placement-page .hub-link > div { flex:1; }
@media(max-width:768px) {
 .image-placement-page .comparison-product-body,.image-placement-page .model-overview { grid-template-columns:minmax(0,1fr); gap:16px; }
 .image-placement-page .comparison-product-body > .product-photo { width:100%; max-width:260px; margin:0 auto!important; }
 .image-placement-page .comparison-product .product-photo img { height:200px!important; }
 .image-placement-page .comparison-product { margin:24px 0; }
 .image-placement-page .brand-photo { max-width:260px; }
 .image-placement-page .brand-photo img,.image-placement-page .editorial-photo img { max-height:220px; }
 .image-placement-page .model-overview > .product-photo { max-width:280px; margin:0 auto!important; }
 .image-placement-page .model-overview img { height:240px!important; }
}
.image-placement-page .comparison-product-text { grid-template-columns:minmax(0,1fr); }


/* Consistent product and brand image positioning across editorial pages. */
.audited-page .brand-photo,.audited-page .product-photo { box-sizing:border-box; max-width:100%; }
.audited-page .brand-photo img,.audited-page .product-photo img { display:block; max-width:100%; object-fit:contain; object-position:center; }
.audited-page .image-placement-page .brand-photo { float:none; clear:both; }
.image-placement-page .brand-photo { width:min(100%,320px); margin:20px auto 24px!important; text-align:center; }
.image-placement-page .brand-photo img { width:100%; height:220px!important; object-fit:contain; object-position:center; }
.image-placement-page .brand-photo figcaption { text-align:center; }
.image-placement-page .comparison-product-body > .product-photo,.image-placement-page .model-overview > .product-photo { min-width:0; align-self:start; }
.image-placement-page .comparison-product .product-photo img { max-height:240px; }
.image-placement-page .model-overview img { max-height:260px; }
@media(max-width:768px) {
 .image-placement-page .brand-photo { width:min(100%,260px); margin:16px auto 20px!important; }
 .image-placement-page .brand-photo img { height:190px!important; }
 .image-placement-page .comparison-product .product-photo img { max-height:200px; }
 .image-placement-page .model-overview img { max-height:220px; }
}