/* Reading, comparison and purchase cues share the site's blue/white palette. */
.article-jump { display:inline-flex; margin-top:22px; padding:12px 0; color:#205e84; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.section-evidence { font-size:12px!important; color:#637484; line-height:1.8; margin-top:22px!important; }
.section-evidence a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.expanded-article .comparison-purchase { display:grid; }
.expanded-article .comparison-candidate { min-width:0; display:flex; flex-direction:column; background:#f5f9fc; border:1px solid #dce6ed; }
.expanded-article .comparison-candidate .product-visual { flex:none; }
.expanded-article .comparison-candidate h3 { font-size:19px; }
.expanded-article .code-example { margin:24px 0; padding:20px; background:#f1f6fa; border:1px solid #d3e2eb; border-radius:10px; min-width:0; }
.code-example figcaption { font-size:13px; color:#536b7a; margin-bottom:16px; }
.code-example pre { max-width:100%; overflow:auto; padding:18px; border-radius:6px; background:#183246; color:#f2f7fc; font:13px/1.8 ui-monospace,Consolas,monospace; }
.search-candidate { margin-top:26px; padding:24px; border:1px solid #d2e1ea; border-radius:10px; background:#f5f9fc; }
@media(max-width:600px){.expanded-article .code-example{padding:12px}.expanded-article .comparison-purchase{grid-template-columns:minmax(0,1fr)}.expanded-article .comparison-candidate h3{font-size:18px}.search-candidate{padding:18px}}
.enriched-article { --article-blue:#205e84; --article-soft:#edf5fa; }
.enriched-article .article-meta { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; margin-bottom:28px; font-size:12px; }
.article-ad-label { padding:4px 9px; border:1px solid var(--line); border-radius:4px; }
.enriched-article .detail-hero { gap:40px; align-items:start; }
.enriched-article .detail-copy h1 { margin:12px 0 18px; font-size:clamp(25px,2.5vw,35px); line-height:1.55; letter-spacing:.01em; overflow-wrap:anywhere; }
.enriched-article .detail-lead { margin:0 0 24px; font-size:22px; line-height:1.8; color:#163c57; }
.enriched-article .model-heading { font-size:.7em; margin-top:5px; font-weight:500; }
.enriched-article .detail-media { border-radius:16px; overflow:hidden; }
.enriched-article .detail-media .product-image-link { height:450px; padding:38px; background:#fff; }
.enriched-article .detail-media .product-photo { width:100%; height:100%; }
.enriched-article .detail-media .image-credit { background:#f8fafc; }
.article-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:24px 0 22px; border-block:1px solid #dbe5ed; }
.article-metrics>div { min-width:0; display:flex; flex-direction:column-reverse; justify-content:end; gap:7px; padding:17px 10px 17px 0; }
.article-metrics>div+div { border-left:1px solid #dbe5ed; padding-left:14px; }
.article-metrics dd { margin:0; font-size:20px; color:#194d70; font-weight:700; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
.article-metrics dt { font-size:11px; color:#596a78; line-height:1.6; }
.enriched-article .detail-body { max-width:880px; margin-top:64px; }
.enriched-article .detail-body h2 { line-height:1.65; letter-spacing:.015em; }
.enriched-article .detail-body h3 { line-height:1.7; }
.enriched-article .detail-body>section>p+p { margin-top:18px; }
.enriched-article .detail-body>section { scroll-margin-top:100px; }
.enriched-article .detail-body>section>p.review-note { font-size:13px; color:var(--muted); }
.enriched-article .eyebrow { font-size:11px; line-height:1.8; letter-spacing:.12em; margin-bottom:10px; color:var(--article-blue); }
.reader-fit { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px; }
.reader-fit>div { min-width:0; border:1px solid #dce7ee; border-top:3px solid #39779e; padding:24px; background:#f4f8fb; border-radius:4px 4px 10px 10px; }
.reader-fit>div+div { background:#f8f9fa; border-top-color:#9aa6af; }
.reader-fit h3 { font-size:17px; margin-bottom:12px; }
.enriched-article .reader-fit ul { margin:0; font-size:14px; padding-left:20px; }
.enriched-article .article-toc { background:#f7f9fb; border:1px solid #e2e8ed; border-radius:10px; padding:26px 30px; }
.enriched-article .article-toc p { font-size:15px; margin:0; }
.enriched-article .article-toc li { margin:0; }
.enriched-article .article-toc a { display:inline-block; padding:7px 0; line-height:1.7; }
.enriched-article .section-number { display:block; margin:0 0 7px; color:#42718f; font-size:11px; font-weight:700; letter-spacing:.12em; }
.enriched-article .editorial-table { margin:20px 0 24px; border-radius:8px; border:1px solid #d8e3eb; }
.enriched-article .editorial-table table { margin:0; }
.enriched-article .editorial-table th { background:#eef5f9; }
.article-scene { margin:0 0 44px; }
.article-scene img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:14px; }
.article-scene figcaption,.guide-product-figure>figcaption { color:#647381; padding-top:12px; font-size:12px; line-height:1.8; }
.article-page>.article-scene { margin:30px 0 0; }
.article-page>.article-scene img { max-height:440px; aspect-ratio:2.1/1; object-fit:cover; }
.article-page>.detail-body { margin-top:46px; }
.guide-product-figure { margin:32px 0 0; }
.guide-product-figure>div { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.guide-product-figure .product-visual { border:0; }
.guide-product-figure .product-visual+.product-visual { border-left:1px solid var(--line); }
.guide-product-figure .product-image-link { height:290px; padding:20px; background:#fff; }
.decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
.decision-grid>div { min-width:0; display:flex; flex-direction:column; padding:23px 20px; border:1px solid #dce6ed; border-radius:10px; background:#f6f9fb; }
.decision-number { font:600 13px ui-monospace,monospace; color:#4a7895; margin-bottom:15px; }
.decision-grid h3 { font-size:17px; margin-bottom:13px; }
.enriched-article .decision-grid p { font-size:14px; line-height:1.9; margin-bottom:16px; }
.decision-grid a { display:block; margin-top:auto; padding-top:10px; font-size:13px; font-weight:600; color:var(--article-blue); text-decoration:underline; text-underline-offset:5px; }
.enriched-article .comparison-purchase { padding:0; border:0; background:transparent; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.comparison-candidate { border-radius:12px; overflow:hidden; padding:24px; }
.comparison-candidate .product-visual { margin:-24px -24px 20px; }
.comparison-candidate .product-image-link { height:230px; padding:20px; background:#fff; }
.comparison-candidate .candidate-label { color:#3a6a87; font-weight:600; }
.comparison-candidate h3 a { text-decoration:underline; text-decoration-color:#ccd9e3; text-underline-offset:5px; }
.enriched-article .comparison-candidate .candidate-reason { font-weight:600; font-size:16px; color:#26485f; }
.candidate-read { font-size:14px; font-weight:600; color:var(--article-blue); padding:10px 0 20px; text-decoration:underline; text-underline-offset:5px; }
.purchase-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.purchase-buttons .amazon-cta { flex:1 1 200px; justify-content:center; min-height:52px; margin-top:0; border-radius:6px; font-size:14px; padding:14px 18px; background:#245e86; border-color:#245e86; }
.purchase-buttons .amazon-cta:hover { background:#174767; border-color:#174767; transform:translateY(-2px); }
.purchase-buttons .amazon-cta+.amazon-cta { background:#fff; color:#245e86; }
.enriched-article .purchase-block { margin-top:22px; }
.enriched-article .purchase-block .ad-note { margin:0 0 8px; color:#657481; font-size:11px; line-height:1.8; }
.enriched-article .purchase-block .price-note { font-size:12px; line-height:1.85; margin-top:10px; }
.comparison-candidate .purchase-block { margin-top:auto; padding-top:12px; }
.enriched-article .purchase-section { padding:32px; border-radius:14px; border:1px solid #c8ddea; background:#eef6fb; }
.enriched-article .purchase-section h2 { margin-bottom:16px; font-size:25px; color:#193f59; }
.purchase-summary { display:grid; grid-template-columns:180px minmax(0,1fr); gap:26px; align-items:center; margin-top:26px; }
.purchase-summary h3 { font-size:18px; margin-bottom:8px; }
.enriched-article .purchase-summary p { font-size:14px; }
.purchase-thumb .product-visual { border:1px solid #dce6ed; border-radius:10px; overflow:hidden; }
.purchase-thumb .product-image-link { padding:15px; height:180px; background:#fff; }
.purchase-thumb .image-credit { padding:0 8px; background:#fff; font-size:10px; }
.reading-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.reading-link { min-width:0; display:flex; flex-direction:column; gap:0; border:1px solid #dbe4eb; border-radius:12px; overflow:hidden; background:#fff; transition:border-color .2s,box-shadow .2s; }
.reading-link:hover { border-color:#769db7; box-shadow:0 8px 24px #1747670b; }
.reading-thumb { position:relative; display:block; height:180px; padding:16px; background:#f6f8fa; }
.reading-thumb img { width:100%; height:100%; object-fit:contain; }
.reading-thumb img.scene-thumbnail { object-fit:cover; border-radius:4px; }
.reading-thumb>small { position:absolute; right:8px; bottom:6px; font-size:9px; color:#617180; background:#ffffffde; padding:2px 4px; }
.reading-copy { display:flex; flex-direction:column; gap:10px; padding:22px; }
.reading-copy>small { font-size:10px; letter-spacing:.06em; color:#4c718b; }
.reading-copy>strong { font-size:18px; line-height:1.7; }
.reading-copy>span { font-size:13px; line-height:1.9; color:#657583; }
.reading-copy>b { margin-top:5px; font-size:13px; color:var(--article-blue); }
.reading-link-compact { display:grid; grid-template-columns:140px minmax(0,1fr); margin:0 0 52px; align-items:center; background:#f6f9fb; }
.reading-link-compact .reading-thumb { height:160px; background:#fff; }
.reading-link-compact .reading-copy { padding:20px 26px; }
.reading-link-compact .reading-copy>strong { font-size:18px; }
.practical-note { padding:30px; border-radius:12px; background:#f4f8fb; }
.practical-note ol { padding-left:24px; margin:20px 0; }
.practical-note li::marker { color:#2f6b92; font-weight:700; }
.article-faq details { border-bottom:1px solid #dbe4eb; }
.article-faq summary { cursor:pointer; padding:20px 0; font-size:16px; font-weight:600; line-height:1.8; }
.article-faq summary::marker { color:#36779e; }
.article-faq details p { padding:0 0 22px 20px; }
.art-product-real { background:#f6f8fa; }
.art-product-real>.product-photo { position:absolute; inset:18% 12%; width:76%; height:66%; padding:8px; object-fit:contain; }
.art-product-real .art-kicker,.art-product-real .art-caption,.art-scene .art-kicker,.art-scene .art-caption { z-index:1; }
.art-scene>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; }
.art-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#ffffffb8,transparent 35%,transparent 70%,#fffffff0); }
.art-scene .art-caption { font-size:12px; }
@media(max-width:1000px) {
  .enriched-article .detail-hero { gap:28px; }
  .enriched-article .detail-media .product-image-link { height:370px; padding:26px; }
  .article-metrics dd { font-size:17px; }
  .decision-grid { gap:12px; }
  .decision-grid>div { padding:20px 16px; }
}
@media(max-width:760px) {
  .enriched-article .detail-hero { display:flex; flex-direction:column; gap:0; }
  .enriched-article .detail-copy { display:contents; }
  .enriched-article .detail-copy>.eyebrow { order:0; margin:0; }
  .enriched-article .detail-copy>h1 { order:1; margin:10px 0 24px; }
  .enriched-article .detail-media { order:2; width:100%; margin-bottom:22px; }
  .enriched-article .detail-copy>.detail-lead { order:3; margin:0; }
  .enriched-article .detail-copy>.article-metrics { order:4; width:100%; margin:22px 0; }
  .enriched-article .detail-copy>.purchase-block { order:5; width:100%; margin:0; }
  .enriched-article .detail-copy>.card-caution { order:6; margin-top:14px; }
  .enriched-article .detail-media .product-image-link { height:320px; padding:24px; }
  .enriched-article .detail-copy h1 { font-size:27px; }
  .enriched-article .detail-lead { font-size:21px; }
  .article-metrics dd { font-size:18px; }
  .reader-fit,.decision-grid { grid-template-columns:1fr; }
  .reader-fit>div { padding:22px; }
  .decision-grid>div { padding:22px; }
  .decision-number { margin-bottom:8px; }
  .decision-grid h3 { margin-bottom:8px; }
  .enriched-article .detail-body { margin-top:44px; }
  .enriched-article .detail-body h2 { font-size:23px; }
  .enriched-article .purchase-section,.practical-note { padding:24px; }
  .purchase-summary { grid-template-columns:1fr; gap:20px; }
  .purchase-thumb { max-width:190px; width:100%; }
  .reading-grid { grid-template-columns:1fr; }
  .reading-link { display:grid; grid-template-columns:120px minmax(0,1fr); }
  .reading-thumb { height:100%; min-height:170px; padding:12px; }
  .reading-copy,.reading-link-compact .reading-copy { padding:20px; gap:8px; }
  .reading-copy>strong,.reading-link-compact .reading-copy>strong { font-size:16px; }
  .reading-link-compact .reading-thumb { height:100%; min-height:170px; }
  .article-page>.article-scene img { aspect-ratio:3/2; }
  .guide-product-figure .product-image-link { height:210px; padding:10px; }
  .guide-product-figure .image-credit { font-size:10px; padding:0 10px; }
  .enriched-article .comparison-purchase { grid-template-columns:1fr; }
}
@media(max-width:420px) {
  .enriched-article .detail-media .product-image-link { height:280px; }
  .enriched-article .detail-copy h1 { font-size:24px; }
  .enriched-article .detail-lead { font-size:19px; }
  .article-metrics dd { font-size:16px; }
  .article-metrics dt { font-size:10px; }
  .article-metrics>div+div { padding-left:9px; }
  .enriched-article .article-toc { padding:22px; }
  .reading-link { grid-template-columns:86px minmax(0,1fr); }
  .reading-copy,.reading-link-compact .reading-copy { padding:17px; }
  .reading-thumb { padding:7px; }
  .reading-thumb>small { right:3px; font-size:8px; }
  .enriched-article .purchase-section,.practical-note { padding:20px; }
  .guide-product-figure .product-image-link { height:160px; }
}
@media(prefers-reduced-motion:reduce) {
  .reading-link,.purchase-buttons .amazon-cta { transition:none; }
  .purchase-buttons .amazon-cta:hover { transform:none; }
}