@charset "UTF-8";

:root {
  --page:#ffffff; --white:#ffffff; --ink:#20252b; --muted:#626b75;
  --line:#dce1e7; --surface:#f5f6f8; --surface-hover:#edf1f5;
  --accent:#24648b; --accent-hover:#194e70; --accent-soft:#e9f2f8;
  --inverse-muted:#d3d8df; --inverse-accent:#b8d9ec;
  --overlay:#20252bcc; --shadow:#20252b25;
  --mono:"Consolas","SFMono-Regular",monospace;
  --sans:"Helvetica Neue",Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  --page-width:1240px; --gutter:48px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { margin:0; background:var(--page); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.85; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button,a,input { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; color:inherit; border:0; }
button:disabled { cursor:default; opacity:.6; }
a:hover { color:var(--accent); }
:where(button,a,input,[tabindex]):focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
[hidden] { display:none!important; }
svg { display:block; max-width:100%; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-feature-settings:"palt"; overflow-wrap:anywhere; }
h1 { font-size:clamp(42px,5vw,68px); font-weight:700; line-height:1.4; letter-spacing:-.055em; }
h2 { font-size:clamp(28px,3vw,40px); line-height:1.55; letter-spacing:-.045em; }
h3 { line-height:1.65; letter-spacing:-.015em; }
small { font-size:13px; }
::selection { background:var(--accent-soft); color:var(--ink); }

.site-header,.hero,.category-strip,.section-wrap,.inner-page,.site-footer { width:min(var(--page-width),calc(100% - var(--gutter) * 2)); margin-inline:auto; }
.site-header { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:22px; letter-spacing:-.045em; font-weight:700; white-space:nowrap; line-height:1.4; }
.brand small { display:block; margin-top:3px; font-family:var(--mono); font-size:10px; letter-spacing:.16em; font-weight:400; }
.brand-mark { display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:39px; font-weight:400; letter-spacing:0; line-height:1; }
.brand-mark i { display:block; width:9px; height:9px; background:var(--accent); transform:rotate(45deg); }
.site-header nav { display:flex; align-items:center; gap:28px; font-size:14px; }
.site-header nav a { padding:10px 0; }
.header-cta { padding:10px 18px; border:1px solid var(--ink); font-size:13px; white-space:nowrap; }
.header-cta span { margin-left:20px; }
.header-cta:hover { background:var(--accent-soft); }
.skip { position:fixed; left:16px; top:-100px; z-index:50; background:var(--ink); color:var(--white); padding:12px 20px; }
.skip:focus { top:16px; }

/* A small catalogue: generous space, a clear reading order, a quiet palette. */
.hero { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:60px; padding-block:84px 72px; }
.hero-copy,.hero-shelf { min-width:0; }
.eyebrow { font-family:var(--mono); font-size:12px; line-height:1.6; letter-spacing:.11em; font-weight:400; }
.hero-copy>.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.eyebrow>span { width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--accent); }
.hero h1 { font-size:clamp(46px,5.3vw,72px); line-height:1.45; letter-spacing:-.065em; }
.hero-description { max-width:35em; margin-top:26px; color:var(--muted); font-size:16px; line-height:2; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:50px; padding:13px 22px; border:1px solid var(--ink); background:transparent; font-size:14px; font-weight:600; line-height:1.65; }
.button.primary { background:var(--accent); border-color:var(--accent); color:var(--white); }
.button.primary:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
.button:hover { background:var(--accent-soft); }
.text-link { font-size:14px; font-weight:600; }
.text-link span { margin-left:8px; }
.hero-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:32px 0 0; padding-top:22px; border-top:1px solid var(--line); }
.hero-meta>div { min-width:0; }
.hero-meta dt { font-size:13px; color:var(--muted); }
.hero-meta dd { margin:8px 0 0; font-family:var(--mono); font-size:26px; line-height:1.4; }
.hero-meta dd>span { margin-left:7px; font-family:var(--sans); font-size:13px; }
.hero-note { display:flex; align-items:center; gap:8px; margin-top:26px; color:var(--muted); font-size:13px; }
.tiny-cross { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex-shrink:0; border:1px solid var(--line); line-height:1; }
.hero-shelf { align-self:stretch; display:flex; flex-direction:column; padding:22px; background:var(--surface); }
.shelf-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; font-family:var(--mono); font-size:12px; letter-spacing:.07em; }
.shelf-heading>span { color:var(--muted); white-space:nowrap; }
.shelf-objects { display:grid; grid-template-columns:1.18fr 1fr; grid-template-rows:repeat(2,minmax(160px,1fr)); gap:12px; flex:1; min-height:360px; }
.shelf-objects>a { display:flex; flex-direction:column; align-items:stretch; justify-content:center; position:relative; min-width:0; min-height:0; overflow:hidden; padding:16px 12px 12px; background:var(--white); }
.shelf-objects>a:hover { background:var(--white); }
.shelf-objects>.shelf-feature { grid-row:1/3; background:var(--accent-soft); }
.shelf-objects>a>svg { width:100%; height:100%; flex:1; min-height:0; transform:scale(1.32); }
.shelf-objects>.shelf-feature>svg { transform:scale(1.45); }
.shelf-object-label { display:block; position:relative; z-index:1; margin-top:6px; font-size:13px; line-height:1.6; }
.shelf-object-label small { display:block; margin-bottom:4px; font-family:var(--mono); font-size:10px; letter-spacing:.06em; color:var(--muted); }
.shelf-object-label b { float:right; font-size:17px; font-weight:400; }
.shelf-caption { margin-top:18px; font-size:12px; line-height:1.8; color:var(--muted); }
.hero-bottom { grid-column:1/-1; display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:32px; padding-block:24px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.hero-bottom a { flex-shrink:0; color:var(--ink); text-decoration:underline; text-underline-offset:5px; }

.category-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.category-strip>a { display:flex; align-items:center; gap:22px; min-width:0; padding:32px 26px; }
.category-strip>a:first-child { padding-left:0; }
.category-strip>a:last-child { padding-right:0; }
.category-strip>a+a { border-left:1px solid var(--line); }
.category-strip>a:hover { background:var(--surface); }
.category-strip>a>span { min-width:0; }
.icon { width:38px; height:44px; flex-shrink:0; }
.category-strip small { display:block; font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--muted); }
.category-strip strong { display:block; margin-block:5px; font-size:23px; font-weight:600; }
.category-strip em { display:block; font-size:13px; font-style:normal; color:var(--muted); }
.category-strip b { margin-left:auto; font-size:22px; font-weight:400; }
.finder { display:grid; grid-template-columns:1fr 1.5fr; align-items:center; gap:36px; margin-top:64px; padding:36px; background:var(--surface); }
.finder h2 { margin-top:10px; font-size:29px; }
.finder>div>p:last-child { margin-top:12px; font-size:14px; color:var(--muted); }
.finder-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.finder-options button { min-width:0; padding:22px 16px 16px; text-align:left; background:var(--page); border:1px solid transparent; font-size:23px; }
.finder-options button:hover { background:var(--white); border-color:var(--ink); }
.finder-options button span { display:block; font-size:15px; font-weight:600; }
.finder-options button small { display:block; margin:10px 0 17px; font-size:13px; color:var(--muted); line-height:1.7; }
.finder-arrow { display:block; font-size:23px; font-weight:400; line-height:1.85; }
.tools-section { padding-top:100px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:36px; }
.section-heading h2 { margin-top:12px; }
.section-heading>p { color:var(--muted); font-size:15px; text-align:right; }
.tools-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.filter-tabs { display:flex; align-items:center; gap:28px; }
.filter-tabs button { min-height:50px; padding:14px 0; border-bottom:2px solid transparent; background:transparent; font-size:15px; white-space:nowrap; }
.filter-tabs button.active { border-bottom-color:var(--accent); color:var(--accent); font-weight:700; }
.filter-tabs button span { margin-left:8px; font-family:var(--mono); font-size:12px; color:var(--muted); }
.search-box { display:flex; align-items:center; gap:10px; width:290px; max-width:100%; min-width:0; margin-bottom:8px; border-bottom:1px solid var(--muted); }
.search-box>span { font-size:26px; line-height:1; }
.search-box input { width:100%; min-width:0; padding:10px 0; border:0; color:var(--ink); background:transparent; font-size:14px; }
.search-box input::placeholder { color:var(--muted); opacity:1; }
.results-line { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0 26px; color:var(--muted); font-size:13px; }
.results-line>span { flex-shrink:0; font-family:var(--mono); }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; }
.product-card { display:flex; flex-direction:column; min-width:0; }
.product-art { display:block; position:relative; overflow:hidden; background:var(--surface); }
.product-art:hover { background:var(--surface-hover); }
.product-art>svg { width:100%; height:auto; padding-block:18px 8px; transition:transform .2s ease; }
.product-art:hover>svg { transform:translateY(-3px); }
.product-art.work { background:var(--surface); }
.product-art.learn { background:var(--surface); }
.art-label { position:absolute; z-index:1; top:15px; right:18px; left:18px; display:flex; justify-content:space-between; gap:16px; font-size:12px; color:var(--muted); }
.art-label>span { font-family:var(--mono); }
.art-caption { position:absolute; bottom:10px; right:12px; font-family:var(--mono); font-size:9px; letter-spacing:.08em; color:var(--muted); }
.product-body { display:flex; flex:1; flex-direction:column; padding-top:22px; }
.brand-label { margin-bottom:9px; font-family:var(--mono); font-size:12px; letter-spacing:.07em; color:var(--muted); }
.product-body h3 { font-size:21px; font-weight:600; }
.model { margin-top:5px; font-size:13px; line-height:1.7; color:var(--muted); overflow-wrap:anywhere; }
.product-description { margin-top:17px; font-size:15px; line-height:1.9; color:var(--muted); }
.tags { display:flex; flex-wrap:wrap; gap:7px; margin-block:18px 22px; }
.tags>span { padding:3px 9px; border:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.6; }
.product-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-top:auto; padding-top:16px; border-top:1px solid var(--line); font-size:14px; }
.product-bottom>a { font-weight:600; }
.product-bottom>a>span { margin-left:6px; }
.product-bottom>label { display:flex; align-items:center; gap:7px; min-height:32px; cursor:pointer; color:var(--muted); font-size:13px; }
input[type=checkbox] { width:17px; height:17px; flex-shrink:0; margin:0; accent-color:var(--accent); }
.shelf-note { margin-top:30px; font-size:13px; color:var(--muted); }
.empty-state { padding:64px 24px; text-align:center; background:var(--surface); }
.empty-state p { margin:12px 0 28px; color:var(--muted); }

.guides-section { padding-top:110px; }
.small-label { font-size:13px; color:var(--muted); }
.guide-list { border-top:1px solid var(--ink); }
.guide-row { display:flex; align-items:center; gap:32px; padding:30px 8px; border-bottom:1px solid var(--line); }
.guide-row:hover { background:var(--surface); }
.guide-row>div { min-width:0; overflow-wrap:anywhere; }
.guide-number { width:48px; flex-shrink:0; font-family:var(--mono); font-size:30px; line-height:1.4; color:var(--muted); }
.guide-category { font-size:13px; color:var(--accent); }
.guide-row h3 { margin:7px 0 8px; font-size:23px; font-weight:600; }
.guide-row p { font-size:15px; line-height:1.85; color:var(--muted); }
.guide-arrow { flex-shrink:0; margin-left:auto; padding-inline:16px; font-size:26px; }
.editorial-note { display:flex; align-items:center; gap:42px; margin-block:90px; padding:52px; background:var(--ink); color:var(--white); }
.note-mark { width:104px; flex-shrink:0; text-align:center; font-family:var(--mono); font-size:56px; letter-spacing:-.12em; color:var(--inverse-accent); }
.editorial-note .eyebrow { color:var(--inverse-muted); }
.editorial-note h2 { margin:14px 0 20px; font-size:30px; }
.editorial-note p:not(.eyebrow) { font-size:15px; line-height:2; color:var(--inverse-muted); }
.editorial-note a { display:inline-block; margin-top:23px; color:var(--inverse-accent); text-decoration:underline; text-underline-offset:5px; }
.editorial-note a:focus-visible { outline-color:var(--inverse-accent); }

.site-footer { padding-top:52px; border-top:1px solid var(--ink); }
.footer-top { display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:48px; padding-bottom:52px; }
.footer-intro { max-width:430px; }
.footer-intro>p { max-width:26em; margin-top:18px; color:var(--muted); font-size:14px; }
.footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.footer-group h2 { margin-bottom:6px; font-size:13px; font-weight:500; letter-spacing:.04em; color:var(--muted); }
.footer-group a { padding-block:3px; font-size:15px; }
.footer-bottom { display:flex; justify-content:space-between; align-items:baseline; gap:28px; padding-block:24px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.footer-bottom>span { flex-shrink:0; font-family:var(--mono); }
.footer-bottom>p { max-width:660px; }
.footer-wordmark { width:100%; overflow:hidden; padding-block:8px 24px; font-family:Arial,sans-serif; font-size:clamp(48px,12.5vw,172px); font-weight:700; line-height:1.05; letter-spacing:-.065em; white-space:nowrap; }

/* Comparison controls remain available while the catalogue is browsed. */
.compare-tray { position:fixed; z-index:20; left:50%; bottom:22px; transform:translateX(-50%); display:flex; align-items:center; gap:22px; width:max-content; max-width:calc(100% - 32px); padding:12px 14px 12px 24px; border:1px solid var(--ink); background:var(--white); box-shadow:0 6px 30px var(--shadow); }
.compare-tray>span { font-size:14px; }
.compare-tray strong { margin-right:6px; font-family:var(--mono); font-size:22px; }
.compare-tray>button:not(.button) { padding:10px 4px; background:transparent; font-size:13px; text-decoration:underline; text-underline-offset:4px; color:var(--muted); }
dialog { width:960px; max-width:calc(100vw - 32px); max-height:85vh; padding:36px; overflow:auto; border:1px solid var(--ink); background:var(--page); color:var(--ink); }
dialog::backdrop { background:var(--overlay); backdrop-filter:blur(4px); }
.dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.dialog-head h2 { margin-top:8px; font-size:30px; }
.close-button { padding:4px 8px; background:transparent; font-size:34px; line-height:1; }
.comparison-scroll { margin-top:24px; overflow-x:auto; }
.comparison-scroll table { width:100%; min-width:550px; border-collapse:collapse; font-size:15px; }
.comparison-scroll td,.comparison-scroll th { padding:18px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.comparison-scroll th { background:var(--surface); font-weight:600; }
.comparison-scroll th small { display:block; margin-top:6px; font-weight:400; color:var(--muted); }
.toast { position:fixed; z-index:40; top:20px; left:50%; transform:translate(-50%,-200px); width:max-content; max-width:calc(100vw - 32px); padding:15px 22px; background:var(--ink); color:var(--white); font-size:14px; transition:transform .2s; }
.toast.visible { transform:translate(-50%,0); }

/* Product pages and reading pages use the same larger typographic scale. */
.inner-page { padding-block:35px 88px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px 12px; margin-bottom:48px; color:var(--muted); font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.detail-hero { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:60px; }
.detail-art,.detail-copy { min-width:0; }
.detail-art { position:relative; padding-block:46px; background:var(--surface); }
.detail-art svg { width:100%; }
.detail-copy h1 { margin:15px 0; font-size:clamp(30px,3vw,42px); line-height:1.6; }
.model-heading { display:block; margin-top:12px; color:var(--muted); font-size:.55em; letter-spacing:0; overflow-wrap:anywhere; }
.detail-copy>.detail-lead { margin:22px 0 14px; font-size:20px; font-weight:600; }
.detail-copy>.detail-desc { font-size:16px; color:var(--muted); }
.review-note,.article-meta { margin:22px 0; font-size:13px; line-height:1.9; color:var(--muted); }
.article-meta a,.source-link a,.article-toc a { text-decoration:underline; text-underline-offset:4px; }
.purchase-block { margin-top:26px; }
.purchase-block .button { max-width:100%; margin-top:10px; text-align:center; white-space:normal; }
.purchase-block .price-note { margin-top:12px; color:var(--muted); font-size:13px; line-height:1.9; }
.ad-note { font-size:13px; color:var(--muted); }
.source-link { margin-top:20px; overflow-wrap:anywhere; }
.detail-body { max-width:850px; margin:72px auto 0; }
.detail-body section { margin-bottom:52px; }
.detail-body h2 { margin-bottom:22px; font-size:28px; }
.detail-body p { font-size:16px; line-height:2; }
.spec-list { display:grid; grid-template-columns:190px minmax(0,1fr); margin:0; border-top:1px solid var(--line); }
.spec-list dt,.spec-list dd { margin:0; padding:18px 22px; border-bottom:1px solid var(--line); font-size:15px; overflow-wrap:anywhere; }
.spec-list dt { background:var(--surface); }
.detail-body ul { padding-left:24px; font-size:16px; line-height:2; }
.detail-body li+li { margin-top:10px; }
.detail-callout { padding:30px; border-left:3px solid var(--accent); background:var(--surface); }
.detail-callout h2 { margin-bottom:14px; font-size:22px; }
.detail-callout p { font-size:16px; line-height:2; }
.sources { color:var(--muted); font-size:14px; overflow-wrap:anywhere; }
.sources a { text-decoration:underline; text-underline-offset:4px; }
.sources p,.detail-body .sources p { margin:10px 0; font-size:14px; }
.article-page { max-width:850px; }
.article-page h1 { margin:18px 0 24px; font-size:clamp(32px,3.5vw,46px); line-height:1.6; }
.article-intro { max-width:850px; color:var(--muted); font-size:17px; line-height:2; }
.article-page .detail-body { margin-top:44px; }
.article-page .detail-body p { font-size:16px; line-height:2.1; }
.article-page .detail-body .review-note { font-size:13px; }
.article-page .detail-body .sources p { font-size:14px; }
.back-link { display:inline-block; margin-top:30px; text-decoration:underline; text-underline-offset:5px; }
.related-links { display:flex; flex-wrap:wrap; gap:12px; }
.related-links a { display:inline-flex; max-width:100%; padding:14px 18px; border:1px solid var(--line); font-size:14px; overflow-wrap:anywhere; }
.related-links a:hover { background:var(--accent-soft); }
.detail-body .related-links,.category-page>.related-links { margin-top:24px; }
.article-toc { display:block; margin:32px 0 52px; padding:28px; background:var(--surface); font-size:15px; }
.article-toc p { font-weight:600; }
.article-toc ol { margin:14px 0 0; padding-left:24px; }
.article-toc li+li { margin-top:10px; }
.editorial-table { max-width:100%; margin:22px 0; overflow-x:auto; border:1px solid var(--line); }
.editorial-table table { width:100%; min-width:540px; border-collapse:collapse; font-size:15px; line-height:1.85; }
.editorial-table caption { padding:18px; text-align:left; font-weight:600; background:var(--surface); }
.editorial-table th,.editorial-table td { padding:16px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.editorial-table th { background:var(--surface); }
.editorial-table td { background:var(--white); }
.faq-answer { padding:24px 0; border-bottom:1px solid var(--line); }
.faq-answer h3 { margin-bottom:12px; font-size:20px; }
.detail-body .guide-row { gap:22px; }
.detail-body .guide-row h3 { font-size:20px; }
.detail-body .guide-row p { font-size:14px; line-height:1.9; }
.category-page>h1 { max-width:1050px; margin-block:18px 24px; font-size:clamp(32px,4vw,48px); line-height:1.6; }
.category-page>section { margin-top:60px; }
.category-page>section>h2 { margin-bottom:24px; font-size:30px; }
.category-criteria { padding:32px; background:var(--surface); }
.category-criteria ul { margin-bottom:0; padding-left:24px; }
.category-criteria li+li { margin-top:12px; }
.category-page .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:940px; }
.guide-index-section { margin-top:52px; }
.guide-index-section>h2 { margin-bottom:20px; font-size:28px; }

@media (max-width:1120px) {
  :root { --gutter:32px; }
  .site-header { gap:20px; }
  .site-header nav { gap:18px; font-size:13px; }
  .header-cta { padding-inline:14px; }
  .header-cta span { margin-left:12px; }
  .hero { gap:36px; padding-block:66px 56px; }
  .hero h1 { font-size:clamp(43px,5.4vw,60px); }
  .hero-copy>.eyebrow { font-size:11px; }
  .hero-shelf { padding:18px; }
  .shelf-objects { grid-template-rows:repeat(2,155px); min-height:322px; }
  .category-strip>a { padding:26px 20px; gap:15px; }
  .category-strip em { font-size:12px; }
  .finder { grid-template-columns:1fr; gap:24px; padding:30px; }
  .finder-options button { padding:20px; }
  .finder-options button small { margin-bottom:12px; }
  .product-grid { gap:40px 22px; }
  .product-body h3 { font-size:19px; }
  .product-bottom { align-items:flex-start; flex-direction:column; gap:6px; }
  .detail-hero { gap:36px; }
  .footer-top { gap:30px; }
}
@media (max-width:900px) {
  .site-header { min-height:96px; }
  .site-header nav { gap:20px; }
  .site-header nav a:last-child { display:none; }
  .brand { font-size:20px; }
  .hero { grid-template-columns:1fr; gap:38px; }
  .hero h1 { font-size:clamp(48px,8vw,68px); }
  .hero-description { max-width:40em; }
  .hero-meta { max-width:540px; }
  .hero-shelf { padding:24px; }
  .shelf-objects { grid-template-columns:1.3fr 1fr 1fr; grid-template-rows:minmax(220px,1fr); min-height:220px; }
  .shelf-objects>.shelf-feature { grid-row:auto; }
  .shelf-objects>a>svg,.shelf-objects>.shelf-feature>svg { transform:scale(1.3); }
  .category-strip>a { gap:12px; }
  .category-strip .icon { width:30px; height:38px; }
  .category-strip strong { font-size:21px; }
  .category-strip em { display:none; }
  .tools-section,.guides-section { padding-top:80px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 26px; }
  .product-body h3 { font-size:21px; }
  .filter-tabs { gap:20px; }
  .search-box { width:240px; }
  .search-box input { font-size:13px; }
  .guide-row { gap:22px; }
  .guide-row h3 { font-size:21px; }
  .editorial-note { gap:28px; margin-block:72px; padding:36px; }
  .note-mark { width:72px; font-size:44px; }
  .footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; }
  .footer-intro { grid-column:1/-1; }
  .detail-copy h1 { font-size:30px; }
  .detail-copy>.detail-lead { font-size:19px; }
}
@media (max-width:680px) {
  :root { --gutter:22px; }
  h2 { font-size:28px; }
  .site-header { min-height:88px; gap:16px; }
  .site-header nav { display:none; }
  .brand { gap:8px; font-size:18px; }
  .brand-mark { gap:4px; font-size:31px; }
  .brand-mark i { width:7px; height:7px; }
  .brand small { font-size:9px; }
  .header-cta { padding:9px 10px; font-size:12px; }
  .header-cta span { margin-left:8px; }
  .hero { padding-block:44px 40px; gap:30px; }
  .hero-copy>.eyebrow { margin-bottom:24px; font-size:10px; letter-spacing:.07em; }
  .hero h1 { font-size:clamp(36px,9.8vw,58px); line-height:1.5; letter-spacing:-.055em; }
  .hero-description { margin-top:23px; font-size:15px; line-height:2; }
  .hero-description br { display:none; }
  .hero-actions { gap:18px 20px; margin-top:27px; }
  .hero-actions .button { padding-inline:18px; }
  .hero-meta { gap:18px 28px; margin-top:28px; padding-top:20px; }
  .hero-shelf { padding:18px; }
  .shelf-heading { flex-wrap:wrap; gap:8px; margin-bottom:15px; font-size:10px; }
  .shelf-objects { grid-template-columns:1.15fr 1fr; grid-template-rows:repeat(2,145px); gap:10px; min-height:300px; }
  .shelf-objects>.shelf-feature { grid-row:1/3; }
  .shelf-objects>a { padding:14px 10px 10px; }
  .shelf-objects>.shelf-feature>svg { transform:scale(1.5); }
  .shelf-object-label { font-size:12px; }
  .shelf-caption { margin-top:16px; font-size:12px; }
  .hero-bottom { display:block; padding-top:22px; font-size:13px; }
  .hero-bottom a { display:inline-block; margin-top:16px; }
  .category-strip { grid-template-columns:1fr; }
  .category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child { padding:21px 4px; gap:22px; }
  .category-strip>a+a { border-left:0; border-top:1px solid var(--line); }
  .category-strip .icon { width:36px; height:43px; }
  .category-strip strong { margin-block:3px; font-size:23px; }
  .category-strip em { display:block; font-size:13px; }
  .category-strip small { font-size:11px; }
  .category-strip b { padding-right:5px; }
  .finder { margin-top:40px; padding:24px; gap:24px; }
  .finder h2 { margin-top:8px; font-size:26px; }
  .finder>div>p:last-child { font-size:14px; }
  .finder-options { grid-template-columns:1fr; gap:10px; }
  .finder-options button { position:relative; padding:16px 42px 16px 16px; font-size:0; }
  .finder-options button span { font-size:16px; }
  .finder-options button small { margin:4px 0 0; font-size:13px; }
  .finder-arrow { position:absolute; top:22px; right:17px; }
  .tools-section,.guides-section { padding-top:62px; }
  .section-heading { display:block; margin-bottom:28px; }
  .section-heading h2 { margin-top:10px; font-size:29px; }
  .section-heading>p { margin-top:14px; padding-top:0; font-size:13px; text-align:left; }
  .section-heading>.text-link { display:inline-block; margin-top:16px; }
  .eyebrow { font-size:11px; }
  .tools-bar { flex-direction:column; align-items:stretch; gap:16px; border-bottom:0; }
  .filter-tabs { justify-content:space-between; gap:10px; border-bottom:1px solid var(--line); }
  .filter-tabs button { padding:13px 0; font-size:14px; }
  .filter-tabs button span { margin-left:5px; font-size:11px; }
  .search-box { width:100%; margin:0; padding:2px 14px; border:1px solid var(--line); }
  .search-box input { min-height:44px; font-size:16px; }
  .results-line { align-items:flex-start; gap:12px; padding:18px 0 24px; font-size:13px; }
  .product-grid,.category-page .product-grid { grid-template-columns:1fr; gap:42px; }
  .product-art>svg { height:245px; width:100%; }
  .product-body { padding-top:20px; }
  .product-body h3 { font-size:22px; }
  .brand-label { font-size:12px; }
  .product-description { margin-top:15px; font-size:15px; }
  .product-bottom { flex-direction:row; align-items:center; gap:10px; }
  .shelf-note { font-size:13px; }
  .guides-section .section-heading { display:block; }
  .small-label { display:block; margin-top:12px; font-size:13px; }
  .guide-row { align-items:flex-start; gap:15px; padding:25px 0; }
  .guide-number { width:29px; margin-top:2px; font-size:23px; }
  .guide-category { font-size:13px; }
  .guide-row h3 { margin-block:7px 10px; font-size:19px; }
  .guide-row p { font-size:14px; line-height:1.9; }
  .guide-arrow { margin-top:30px; padding:0; font-size:21px; }
  .editorial-note { display:block; margin-block:56px; padding:28px; }
  .note-mark { display:block; width:auto; margin-bottom:24px; text-align:left; font-size:36px; }
  .editorial-note h2 { margin-block:14px 18px; font-size:26px; }
  .editorial-note p:not(.eyebrow) { font-size:15px; }
  .editorial-note br { display:none; }
  .site-footer { padding-top:36px; }
  .footer-top { gap:32px 24px; padding-bottom:34px; }
  .footer-intro>p { margin-top:16px; font-size:14px; }
  .footer-group { gap:9px; }
  .footer-group a { font-size:14px; }
  .footer-bottom { flex-direction:column; gap:14px; padding-block:24px; font-size:12px; }
  .footer-wordmark { padding-block:6px 22px; font-size:12vw; }
  .compare-tray { bottom:10px; gap:8px 12px; flex-wrap:wrap; width:calc(100% - 24px); max-width:none; padding:12px; }
  .compare-tray>span { flex:1; font-size:12px; line-height:1.6; }
  .compare-tray strong { margin-right:3px; font-size:19px; }
  .compare-tray>button:not(.button) { font-size:12px; }
  .compare-tray>.button { min-height:42px; padding:9px 12px; gap:8px; font-size:13px; }
  dialog { padding:24px 18px; }
  .dialog-head h2 { font-size:25px; }
  dialog>p { font-size:14px; }
  .comparison-scroll table { font-size:14px; }
  .inner-page { padding-block:26px 56px; }
  .breadcrumbs { margin-bottom:32px; gap:6px 8px; font-size:12px; }
  .detail-hero { grid-template-columns:1fr; gap:28px; }
  .detail-art { padding-block:8px; }
  .detail-art svg { max-height:280px; }
  .detail-copy h1 { font-size:31px; }
  .detail-copy>.detail-lead { font-size:20px; }
  .detail-copy>.detail-desc { font-size:16px; }
  .review-note,.article-meta { font-size:13px; }
  .detail-body { margin-top:48px; }
  .detail-body section { margin-bottom:42px; }
  .detail-body h2 { margin-bottom:20px; font-size:25px; }
  .spec-list { grid-template-columns:106px minmax(0,1fr); }
  .spec-list dt,.spec-list dd { padding:16px 12px; font-size:14px; }
  .detail-body ul { padding-left:22px; font-size:16px; }
  .detail-callout { padding:24px; }
  .detail-callout h2 { font-size:21px; }
  .detail-callout p { font-size:16px; }
  .article-page h1 { margin-block:16px 22px; font-size:30px; line-height:1.65; }
  .article-intro { font-size:16px; }
  .article-page .detail-body { margin-top:34px; }
  .article-page .detail-body p { font-size:16px; line-height:2; }
  .article-page .detail-body .review-note { font-size:13px; }
  .article-page .detail-body .sources p { font-size:14px; }
  .article-toc { margin-block:30px 42px; padding:24px; font-size:15px; }
  .article-toc ol { padding-left:20px; }
  .editorial-table table { font-size:14px; }
  .editorial-table th,.editorial-table td { padding:14px; }
  .faq-answer h3 { font-size:19px; }
  .detail-body .guide-row { gap:12px; }
  .detail-body .guide-row h3 { font-size:18px; }
  .detail-body .guide-row p { font-size:14px; }
  .related-links a { padding:13px 15px; font-size:14px; }
  .category-page>h1 { font-size:31px; }
  .category-page>section { margin-top:44px; }
  .category-page>section>h2 { margin-bottom:22px; font-size:26px; }
  .category-criteria { padding:24px; }
  .category-criteria ul { padding-left:20px; }
  .guide-index-section>h2 { font-size:25px; }
}
@media (max-width:380px) {
  :root { --gutter:16px; }
  .site-header { gap:8px; }
  .site-header .brand { font-size:17px; }
  .site-header .brand-mark { font-size:28px; }
  .header-cta { padding:9px 8px; font-size:11px; }
  .header-cta span { margin-left:4px; }
  .hero h1 { font-size:36px; }
  .hero-copy>.eyebrow { font-size:9px; }
  .hero-actions { gap:18px; }
  .hero-meta { gap:20px; }
  .hero-shelf { padding:14px; }
  .shelf-objects { grid-template-rows:repeat(2,132px); min-height:274px; }
  .shelf-object-label { font-size:11px; }
  .finder,.editorial-note { padding:22px; }
  .finder h2 { font-size:25px; }
  .section-heading>p { font-size:13px; }
  .filter-tabs { gap:7px; }
  .filter-tabs button { font-size:13px; }
  .filter-tabs button span { margin-left:4px; }
  .product-bottom { gap:8px; font-size:13px; }
  .product-bottom>label { font-size:12px; }
  .compare-tray>span { flex-basis:70%; }
  .compare-tray>.button { width:100%; }
  .guide-row,.detail-body .guide-row { gap:10px; }
  .guide-number { width:26px; font-size:21px; }
  .guide-arrow { font-size:18px; }
  .article-page h1 { font-size:28px; }
  .detail-callout,.article-toc,.category-criteria { padding:20px; }
  .footer-top { gap:28px 16px; }
  .footer-group a { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}

/* Product-led shopping pages: photographs, selection reasons, and clear next steps. */
.shop-hero { display:grid; grid-template-columns:.72fr 1.55fr; align-items:center; gap:36px; padding-block:40px 30px; }
.shop-intro { min-width:0; }
.shop-intro h1 { margin:14px 0 20px; font-size:clamp(32px,3.2vw,44px); line-height:1.55; letter-spacing:-.045em; }
.shop-intro>p:not(.eyebrow) { max-width:28em; color:var(--muted); font-size:15px; line-height:1.95; }
.hero-pick { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:24px; min-width:0; min-height:340px; padding:24px; border:1px solid var(--line); background:var(--surface); }
.hero-product-image { display:flex; align-items:center; justify-content:center; min-width:0; height:286px; padding:18px; background:var(--white); }
.hero-product-image>img { display:block; width:100%; height:100%; object-fit:contain; }
.hero-pick-copy { min-width:0; }
.use-case { display:inline-block; width:fit-content; max-width:100%; padding:3px 9px; background:var(--accent-soft); color:var(--accent); font-size:12px; font-weight:600; line-height:1.7; }
.hero-pick-copy h2 { margin:12px 0 10px; font-size:24px; line-height:1.6; letter-spacing:-.025em; }
.hero-pick-copy>p:not(.use-case) { font-size:14px; line-height:1.85; color:var(--muted); }
.hero-pick-specs { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
.hero-pick-specs>span { padding:3px 8px; background:var(--white); border:1px solid var(--line); color:var(--ink); font-size:12px; line-height:1.7; }
.amazon-cta { gap:10px; min-height:48px; font-size:14px; text-align:center; }
.hero-pick-copy>.amazon-cta { width:100%; margin-top:20px; padding-inline:14px; }
.hero-pick-copy>.text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:5px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.shop-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.shop-paths>:is(button,a) { position:relative; min-width:0; min-height:84px; padding:15px 40px 15px 19px; background:var(--white); border:1px solid var(--line); text-align:left; }
.shop-paths>:is(button,a):hover { background:var(--accent-soft); border-color:var(--accent); }
.shop-paths>:is(button,a)>span { display:block; font-size:16px; font-weight:600; line-height:1.7; }
.shop-paths>:is(button,a)>small { display:block; margin-top:4px; color:var(--muted); font-size:13px; line-height:1.7; }
.shop-paths>:is(button,a)>b,.shop-paths .finder-arrow,.shop-paths .path-arrow { position:absolute; top:50%; right:17px; transform:translateY(-50%); font-size:21px; font-weight:400; line-height:1; }
.shopping-home .tools-section { padding-top:48px; }
.shopping-home .section-heading { margin-bottom:26px; }
.shopping-home .section-heading h2 { font-size:32px; }
.shopping-home .product-grid { gap:30px 24px; }
.shopping-home .guides-section { padding-top:72px; }
.shopping-home .editorial-note { margin-block:64px; }

.product-card { border:1px solid var(--line); background:var(--white); }
.product-visual { margin:0; border-bottom:1px solid var(--line); background:var(--white); }
.product-image-link { display:flex; align-items:center; justify-content:center; height:280px; padding:22px 24px 8px; overflow:hidden; background:var(--white); }
.product-photo { display:block; width:100%; height:100%; object-fit:contain; }
.product-image-link:hover { background:var(--surface); }
.image-credit { margin:0; padding:0 16px; text-align:right; color:var(--muted); font-size:11px; line-height:1.6; }
.image-credit>a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:3px; }
.product-body { padding:22px; }
.product-body>.use-case { margin:0 0 12px; }
.product-body>.brand-label { margin:0 0 7px; font-size:11px; }
.product-body h3 { font-size:20px; line-height:1.6; }
.product-body>.model { margin-top:6px; font-size:12px; }
.card-benefit { margin:16px 0 12px; color:var(--ink); font-size:17px; font-weight:600; line-height:1.8; }
.card-highlights,.detail-body .card-highlights { margin:0 0 14px; padding:0; list-style:none; font-size:14px; line-height:1.8; }
.card-highlights>li { position:relative; padding-left:15px; }
.card-highlights>li+li,.detail-body .card-highlights>li+li { margin-top:6px; }
.card-highlights>li::before { position:absolute; left:0; top:0; content:'•'; color:var(--accent); }
.card-caution { margin:0 0 18px; color:var(--muted); font-size:12px; line-height:1.8; }
.product-body>.amazon-cta { width:100%; margin-top:auto; padding-inline:12px; }
.retail-format { display:block; min-height:3.4em; margin-top:8px; color:var(--muted); font-size:12px; line-height:1.7; }
.product-body>.product-bottom { flex-direction:row; align-items:center; gap:8px 12px; margin-top:12px; padding-top:12px; font-size:13px; }
.product-bottom>a { display:inline-flex; align-items:center; min-height:44px; }
.product-bottom>label { min-height:44px; font-size:12px; }
.article-products.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.article-products .product-image-link { height:250px; }
.detail-body .product-body .use-case { font-size:12px; line-height:1.7; }
.detail-body .product-body .brand-label { font-size:11px; line-height:1.7; }
.detail-body .product-body .model { font-size:12px; line-height:1.7; }
.detail-body .product-body .card-benefit { font-size:17px; line-height:1.8; }
.detail-body .product-body .card-caution { font-size:12px; line-height:1.8; }
.detail-body .product-body h3 { font-size:19px; }

.detail-media { min-width:0; border:1px solid var(--line); background:var(--white); }
.detail-media>figure { margin:0; }
.detail-media img { display:block; width:100%; height:450px; max-height:540px; padding:30px; object-fit:contain; }
.detail-media .image-credit { border-top:1px solid var(--line); }
.detail-highlights { margin-block:22px; }
.detail-highlights ul { margin:0; padding-left:22px; font-size:15px; line-height:1.9; }
ul.detail-highlights { padding-left:22px; font-size:15px; line-height:1.9; }
.detail-highlights li+li { margin-top:8px; }
.shopping-verdict { padding:28px; border:1px solid var(--line); background:var(--accent-soft); }
.shopping-verdict h2 { margin-bottom:14px; font-size:25px; }
.shopping-verdict p { font-size:16px; line-height:1.95; }
.mobile-purchase { display:none; }
.guide-shortlist { display:grid; gap:12px; margin-block:24px 34px; }
.shortlist-item { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:18px; padding:16px; border:1px solid var(--line); background:var(--white); }
.shortlist-item>a { display:flex; align-items:center; justify-content:center; width:80px; min-height:96px; background:var(--white); }
.shortlist-item>a>img { display:block; width:80px; height:96px; object-fit:contain; }
.shortlist-copy { min-width:0; }
.shortlist-copy h3 { font-size:17px; line-height:1.7; }
.shortlist-copy p,.article-page .detail-body .shortlist-copy p { margin-top:6px; color:var(--muted); font-size:13px; line-height:1.8; }
.shortlist-copy>a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:4px; }

@media (max-width:1120px) {
  .shop-hero { grid-template-columns:.72fr 1.4fr; gap:26px; }
  .shop-intro h1 { font-size:35px; }
  .hero-pick { gap:18px; padding:20px; }
  .hero-product-image { height:276px; padding:12px; }
  .hero-pick-copy h2 { font-size:22px; }
  .hero-pick-copy>.amazon-cta { font-size:13px; }
  .product-body { padding:18px; }
  .product-image-link { height:250px; padding-inline:18px; }
  .product-body h3 { font-size:19px; }
  .card-benefit,.detail-body .product-body .card-benefit { font-size:16px; }
}
@media (max-width:900px) {
  .shop-hero { grid-template-columns:1fr; gap:24px; padding-block:32px 24px; }
  .shop-intro h1 { margin-block:10px 12px; font-size:37px; }
  .shop-intro>p:not(.eyebrow) { max-width:none; }
  .hero-pick { grid-template-columns:1fr 1.1fr; min-height:0; }
  .hero-product-image { height:250px; }
  .hero-pick-copy h2 { font-size:24px; }
  .hero-pick-copy>.amazon-cta { font-size:14px; }
  .shop-paths { gap:10px; }
  .shop-paths>:is(button,a) { padding:14px 32px 14px 14px; }
  .shop-paths>:is(button,a)>span { font-size:15px; }
  .shop-paths>:is(button,a)>small { font-size:12px; }
  .shop-paths>:is(button,a)>b,.shop-paths .finder-arrow,.shop-paths .path-arrow { right:12px; }
  .product-image-link { height:280px; }
  .product-body { padding:22px; }
  .product-body h3 { font-size:20px; }
  .detail-media img { height:380px; padding:24px; }
}
@media (max-width:680px) {
  .shop-hero { gap:22px; padding-block:28px 22px; }
  .shop-intro h1 { margin-block:10px 14px; font-size:30px; line-height:1.6; }
  .shop-intro>p:not(.eyebrow) { font-size:14px; line-height:1.9; }
  .hero-pick { grid-template-columns:1fr; gap:18px; padding:20px; }
  .hero-product-image { height:220px; padding:12px; }
  .hero-pick-copy h2 { margin-block:10px 9px; font-size:23px; }
  .hero-pick-copy>p:not(.use-case) { font-size:14px; }
  .hero-pick-specs { margin-top:12px; }
  .hero-pick-copy>.amazon-cta { margin-top:16px; }
  .hero-pick-copy>.text-link { margin-top:4px; }
  .shop-paths { grid-template-columns:1fr; gap:8px; }
  .shop-paths>:is(button,a) { min-height:74px; padding:13px 40px 13px 16px; }
  .shop-paths>:is(button,a)>span { font-size:15px; }
  .shop-paths>:is(button,a)>small { margin-top:3px; font-size:13px; }
  .shop-paths>:is(button,a)>b,.shop-paths .finder-arrow,.shop-paths .path-arrow { right:16px; }
  .shopping-home .tools-section { padding-top:36px; }
  .shopping-home .section-heading { margin-bottom:23px; }
  .shopping-home .section-heading h2 { font-size:27px; }
  .shopping-home .product-grid { gap:26px; }
  .shopping-home .guides-section { padding-top:50px; }
  .shopping-home .editorial-note { margin-block:48px; }
  .product-image-link { height:270px; padding:22px 24px 8px; }
  .product-body { padding:20px; }
  .product-body h3 { font-size:21px; }
  .product-body>.brand-label { font-size:12px; }
  .card-benefit,.detail-body .product-body .card-benefit { font-size:17px; }
  .card-highlights,.detail-body .card-highlights { font-size:14px; }
  .product-body>.amazon-cta { min-height:50px; font-size:14px; }
  .product-body>.product-bottom { font-size:13px; }
  .product-bottom>label { font-size:12px; }
  .article-products.product-grid { grid-template-columns:1fr; gap:24px; }
  .article-products .product-image-link { height:260px; }
  .detail-media img { height:320px; max-height:none; padding:24px; }
  .detail-highlights { margin-block:20px; }
  .detail-highlights ul,ul.detail-highlights { font-size:15px; }
  .shopping-verdict { padding:22px; }
  .shopping-verdict h2 { font-size:23px; }
  .mobile-purchase { position:fixed; z-index:19; inset:auto 0 0; display:flex; align-items:center; gap:12px; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--line); background:var(--white); box-shadow:0 -4px 20px var(--shadow); }
  .mobile-purchase>span,.mobile-purchase>p,.mobile-purchase>div { flex:1; min-width:0; color:var(--ink); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
  .mobile-purchase .button { flex-shrink:0; max-width:55%; min-height:48px; padding:11px 14px; font-size:13px; }
  .item-page { padding-bottom:136px; }
  .item-page~.site-footer { padding-bottom:112px; }
  .guide-shortlist { gap:10px; margin-block:22px 30px; }
  .shortlist-item { gap:14px; padding:14px; }
  .shortlist-copy h3 { font-size:16px; }
}
@media (max-width:380px) {
  .shop-intro h1 { font-size:28px; }
  .hero-pick { padding:16px; }
  .hero-product-image { height:200px; }
  .hero-pick-copy h2 { font-size:22px; }
  .hero-pick-specs { gap:6px; }
  .hero-pick-specs>span { padding-inline:7px; font-size:11px; }
  .product-image-link { height:245px; padding-inline:18px; }
  .product-body { padding:18px; }
  .product-body h3 { font-size:20px; }
  .product-body>.product-bottom { gap:6px 10px; }
  .detail-media img { height:280px; padding:20px; }
  .mobile-purchase { gap:10px; padding-inline:12px; }
  .mobile-purchase .button { padding-inline:12px; font-size:12px; }
  .shortlist-item { grid-template-columns:68px minmax(0,1fr); gap:12px; padding:12px; }
  .shortlist-item>a { width:68px; }
  .shortlist-item>a>img { width:68px; height:90px; }
  .shortlist-copy h3 { font-size:15px; }
  .shortlist-copy p,.article-page .detail-body .shortlist-copy p { font-size:13px; }
}

/* Unlicensed photographs are represented by an explicit text panel, not an illustration. */
.product-image-pending { display:flex; flex-direction:column; justify-content:center; gap:14px; width:100%; height:100%; min-width:0; padding:24px; border:1px solid var(--line); border-top:3px solid var(--accent); background:var(--surface); color:var(--ink); text-align:left; }
.product-image-pending>span { color:var(--muted); font-family:var(--mono); font-size:12px; line-height:1.6; letter-spacing:.04em; overflow-wrap:anywhere; }
.product-image-pending>strong { font-size:20px; font-weight:600; line-height:1.65; overflow-wrap:anywhere; }
.product-image-pending>small { color:var(--accent); font-size:13px; line-height:1.8; }
.product-image-link:hover .product-image-pending { background:var(--accent-soft); }
.shop-intro>.text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:14px; color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.shop-paths>:is(button,a) { display:block; }
.hero-pick-copy>p.image-credit { margin-top:0; padding:0; text-align:left; font-size:11px; line-height:1.6; }
.hero-pick-copy>p.image-credit>a { min-height:44px; }

/* Match the common figure structure in detail pages and compact article shortlists. */
.detail-media>.product-visual { border-bottom:0; }
.detail-media .product-image-link { height:450px; padding:30px; }
.detail-media .product-photo { height:100%; max-height:100%; padding:0; }
.detail-media .product-image-pending { padding:32px; }
.detail-media .product-image-pending>strong { font-size:28px; }
.shortlist-item>.product-visual { width:80px; min-width:0; margin:0; border:0; }
.shortlist-item .product-image-link { width:80px; height:110px; padding:0; }
.shortlist-item .product-photo { width:100%; height:100%; }
.shortlist-item .image-credit { padding:0; text-align:left; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.shortlist-item .image-credit>a { min-height:44px; max-width:100%; }
.shortlist-item .product-image-link:has(.product-image-pending) { height:auto; min-height:150px; }
.shortlist-item .product-image-pending { gap:8px; min-height:150px; padding:9px 7px; }
.shortlist-item .product-image-pending>span { font-size:10px; line-height:1.5; letter-spacing:0; }
.shortlist-item .product-image-pending>strong { font-size:11px; line-height:1.7; }
.shortlist-item .product-image-pending>small { font-size:10px; line-height:1.7; }
.shortlist-copy>.amazon-cta { min-height:44px; max-width:100%; margin:10px 10px 0 0; padding:10px 14px; color:var(--white); font-size:13px; line-height:1.7; text-decoration:none; }
.shortlist-copy>.amazon-cta:hover { color:var(--white); }
.guide-shortlist>h2 { margin-bottom:4px; font-size:25px; }

.theme-page>h1 { max-width:1050px; margin:18px 0 24px; font-size:clamp(32px,4vw,48px); line-height:1.6; }
.theme-page>.article-intro { max-width:850px; }
.theme-page>section { margin-top:48px; }
.theme-page>section>h2 { margin-bottom:22px; font-size:30px; }
.theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:28px; }
.theme-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:26px; border:1px solid var(--line); background:var(--white); }
.theme-card[href]:hover { border-color:var(--accent); background:var(--surface); }
.theme-card h2,.theme-card h3 { margin:12px 0; font-size:23px; line-height:1.6; }
.theme-card p { margin-bottom:16px; color:var(--muted); font-size:15px; line-height:1.9; }
.theme-card ul { margin:0 0 18px; padding-left:21px; font-size:14px; line-height:1.9; }
.theme-card li+li { margin-top:6px; }
.theme-card>a { display:inline-flex; align-items:center; min-height:44px; margin-top:auto; color:var(--accent); font-size:14px; font-weight:600; }
.theme-card>a.button.primary { color:var(--white); }
.preview-banner { margin-block:26px; padding:20px 24px; border:1px solid var(--line); border-left:3px solid var(--accent); background:var(--accent-soft); color:var(--ink); font-size:14px; line-height:1.9; }
.preview-banner>strong { display:block; margin-bottom:6px; color:var(--accent); font-size:16px; }
.preview-banner p { font-size:14px; line-height:1.9; }
.preview-banner a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.preview-list { display:grid; gap:16px; margin:24px 0; padding:0; list-style:none; }
.preview-list>li,.preview-list>article { min-width:0; padding:24px; border:1px solid var(--line); background:var(--surface); }
.preview-list h2,.preview-list h3 { margin-bottom:12px; font-size:22px; }
.preview-list p { margin-bottom:12px; color:var(--muted); font-size:15px; line-height:1.9; }
.preview-list a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.recent-updates { margin-top:64px; padding-block:36px 64px; border-top:1px solid var(--line); }
.recent-updates h2 { font-size:27px; }
.recent-updates ul { margin:22px 0; padding:0; list-style:none; }
.recent-updates li { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:baseline; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); }
.recent-updates time { color:var(--muted); font-family:var(--mono); font-size:12px; }
.recent-updates li>a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; line-height:1.8; }
.recent-updates>p { max-width:850px; color:var(--muted); font-size:14px; line-height:1.9; }
.recent-updates>p>a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }

@media (max-width:900px) {
  .theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-card { padding:24px; }
  .detail-media .product-image-link { height:380px; padding:24px; }
}
@media (max-width:680px) {
  .product-image-pending { gap:12px; padding:22px; }
  .product-image-pending>strong { font-size:20px; }
  .detail-media .product-image-link { height:320px; padding:24px; }
  .detail-media .product-image-pending { padding:24px; }
  .detail-media .product-image-pending>strong { font-size:24px; }
  .shortlist-copy>.amazon-cta { width:100%; margin-right:0; padding:10px 12px; font-size:12px; }
  .guide-shortlist>h2 { font-size:23px; }
  .theme-page>h1 { font-size:31px; }
  .theme-page>section { margin-top:38px; }
  .theme-page>section>h2 { font-size:26px; }
  .theme-grid { grid-template-columns:1fr; gap:18px; margin-block:24px; }
  .theme-card { padding:24px; }
  .theme-card h2,.theme-card h3 { font-size:23px; }
  .preview-banner { padding:18px 20px; font-size:14px; }
  .preview-list>li,.preview-list>article { padding:22px; }
  .preview-list h2,.preview-list h3 { font-size:21px; }
  .recent-updates { margin-top:48px; padding-block:28px 48px; }
  .recent-updates h2 { font-size:24px; }
  .recent-updates li { grid-template-columns:1fr; gap:5px; padding-block:15px; }
  .recent-updates li>a { font-size:14px; }
}
@media (max-width:380px) {
  .product-image-pending { padding:18px; }
  .product-image-pending>strong { font-size:18px; }
  .detail-media .product-image-link { height:280px; padding:20px; }
  .detail-media .product-image-pending { padding:20px; }
  .detail-media .product-image-pending>strong { font-size:21px; }
  .shortlist-item>.product-visual { width:68px; }
  .shortlist-item .product-image-link { width:68px; }
  .shortlist-item .product-image-pending { padding:8px 6px; }
  .shortlist-copy>.amazon-cta { padding-inline:9px; }
  .theme-page>h1 { font-size:29px; }
  .theme-card,.preview-list>li,.preview-list>article { padding:20px; }
}

/* Supplemental reading and purchase choices remain in the article's normal flow. */
.book-details,.next-questions,.comparison-purchase,.comparison-candidate { min-width:0; }
.book-details>.spec-list { margin-block:20px 24px; }
.book-details>h3 { margin:30px 0 12px; font-size:21px; line-height:1.7; }
.book-details>ul { margin-block:12px 26px; }
.book-details>.review-note { margin-block:18px; font-size:13px; line-height:1.9; }
.next-questions { margin-top:52px; padding-top:30px; border-top:1px solid var(--line); }
.next-questions>.guide-list { margin-top:22px; border-top:0; }
.next-questions .guide-row { align-items:center; gap:24px; padding:24px 0; }
.next-questions .guide-row h3 { margin-block:8px 10px; font-size:20px; line-height:1.7; }
.next-questions .guide-row p { font-size:14px; line-height:1.9; }
.next-questions .guide-category { color:var(--accent); font-size:12px; }
.next-questions .guide-arrow { padding-inline:10px; }
.comparison-purchase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:26px; padding:24px; border:1px solid var(--line); background:var(--surface); }
.comparison-purchase>p { grid-column:1/-1; }
.detail-body .comparison-purchase>p { font-size:15px; line-height:1.9; }
.comparison-candidate { display:flex; flex-direction:column; padding:20px; border:1px solid var(--line); background:var(--white); }
.comparison-candidate>h3 { margin-bottom:12px; font-size:19px; line-height:1.65; }
.detail-body .comparison-candidate>p { margin-bottom:12px; font-size:14px; line-height:1.9; }
.detail-body .comparison-candidate>.review-note { color:var(--muted); font-size:12px; line-height:1.85; }
.comparison-candidate>.purchase-block { margin-top:auto; padding-top:10px; }
.comparison-candidate .purchase-block>.amazon-cta { width:100%; margin-top:0; padding-inline:12px; font-size:13px; }
.detail-body .comparison-candidate .price-note,.detail-body .comparison-candidate .ad-note { font-size:12px; line-height:1.85; }
.comparison-candidate .ad-note { margin-bottom:10px; }
.preview-list :is(p,li),.preview-banner p { overflow-wrap:anywhere; }
.article-page .detail-body>section,.editorial-table { min-width:0; }

/* The article already contains purchase links; no fixed prompt covers the reading area. */
.mobile-purchase { display:none; position:static; inset:auto; z-index:auto; margin:0; padding:0; border:0; box-shadow:none; }
.item-page { padding-bottom:88px; }
.item-page~.site-footer { padding-bottom:0; }

@media (max-width:680px) {
  .book-details>h3 { margin-top:26px; font-size:20px; }
  .book-details>.review-note { font-size:13px; }
  .next-questions { margin-top:42px; padding-top:26px; }
  .next-questions .guide-row { align-items:flex-start; gap:16px; padding-block:22px; }
  .next-questions .guide-row h3 { font-size:19px; }
  .next-questions .guide-arrow { margin-top:28px; padding-inline:0; }
  .comparison-purchase { grid-template-columns:1fr; gap:16px; padding:20px; }
  .comparison-candidate { padding:20px; }
  .comparison-candidate>h3 { font-size:19px; }
  .comparison-candidate .purchase-block>.amazon-cta { min-height:48px; font-size:14px; }
  .item-page { padding-bottom:56px; }
}
@media (max-width:380px) {
  .comparison-purchase { padding:16px; }
  .comparison-candidate { padding:16px; }
  .comparison-candidate .purchase-block>.amazon-cta { padding-inline:10px; font-size:13px; }
  .next-questions .guide-row { gap:12px; }
}

/* Put the three starting points before the product feature on small screens. */
.shop-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr); grid-template-areas:'intro feature' 'paths feature'; align-items:start; column-gap:32px; row-gap:18px; padding-block:32px 28px; }
.shop-intro { grid-area:intro; }
.shop-intro h1 { margin:10px 0 14px; font-size:clamp(32px,2.8vw,40px); line-height:1.45; }
.shop-intro>p:not(.eyebrow) { font-size:15px; line-height:1.85; }
.shop-intro>.text-link { margin-top:8px; }
.hero-pick { grid-area:feature; align-self:stretch; min-height:0; }
.shop-hero>.shop-paths { grid-area:paths; width:100%; max-width:100%; margin:0; padding:0; grid-template-columns:1fr; gap:8px; }
.shop-hero>.shop-paths>:is(button,a) { min-height:60px; padding:10px 38px 10px 14px; }
.shop-hero>.shop-paths>:is(button,a)>span { font-size:15px; line-height:1.6; }
.shop-hero>.shop-paths>:is(button,a)>small { margin-top:2px; font-size:12px; line-height:1.6; }
.shop-hero>.shop-paths>:is(button,a)>b { right:15px; font-size:20px; }

@media (max-width:1120px) {
  .shop-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); column-gap:24px; }
  .shop-intro h1 { font-size:34px; }
  .hero-pick { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:16px; padding:20px; }
  .hero-product-image { height:220px; padding:12px; }
  .hero-pick-copy h2 { font-size:22px; }
  .hero-pick-copy>.amazon-cta { margin-top:15px; }
}
@media (max-width:900px) {
  .shop-hero { grid-template-columns:minmax(0,1fr); grid-template-areas:'intro' 'paths' 'feature'; gap:18px; padding-block:26px 24px; }
  .shop-intro h1 { font-size:34px; }
  .shop-intro>p:not(.eyebrow) { max-width:40em; }
  .shop-hero>.shop-paths { gap:7px; }
  .hero-pick { grid-template-columns:1fr 1.1fr; align-self:auto; gap:22px; }
  .hero-product-image { height:220px; }
}
@media (max-width:680px) {
  .shop-hero { gap:14px; padding-block:22px 20px; }
  .shop-intro h1 { margin:8px 0 10px; font-size:28px; line-height:1.4; }
  .shop-intro>p:not(.eyebrow) { font-size:14px; line-height:1.75; }
  .shop-intro>p:not(.eyebrow)>br { display:none; }
  .shop-intro>.text-link { margin-top:2px; font-size:13px; }
  .shop-hero>.shop-paths { gap:6px; }
  .shop-hero>.shop-paths>:is(button,a) { min-height:58px; padding:8px 34px 8px 12px; }
  .shop-hero>.shop-paths>:is(button,a)>span { font-size:14px; line-height:1.5; }
  .shop-hero>.shop-paths>:is(button,a)>small { font-size:12px; line-height:1.5; }
  .shop-hero>.shop-paths>:is(button,a)>b { right:12px; font-size:19px; }
  .hero-pick { grid-template-columns:1fr; gap:16px; padding:18px; }
  .hero-product-image { height:200px; max-height:200px; padding:10px; }
  .hero-pick-copy h2 { margin-block:8px; font-size:22px; line-height:1.5; }
  .hero-pick-copy>.amazon-cta { margin-top:14px; }
}
@media (max-width:380px) {
  .shop-intro h1 { font-size:27px; }
  .shop-intro>p:not(.eyebrow) { font-size:13px; }
  .hero-pick { padding:16px; }
  .hero-product-image { height:180px; max-height:200px; }
  .hero-pick-copy h2 { font-size:21px; }
}

/* Keep long Japanese article titles from leaving a single character on a line. */
.article-page>h1 { text-wrap:balance; }