:root{color-scheme:light;--ink:#1c2222;--muted:#454d4b;--line:#bcc3bf;--soft:#e8ebe7;--accent:#a83e2d;--paper:#fff;--warm:#f8f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:1rem;top:-6rem;padding:.65rem 1rem;background:#fff;color:var(--ink);z-index:10}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-header{border-bottom:1px solid var(--ink)}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:block;color:var(--ink);text-decoration:none;font-size:.72rem;font-weight:700;line-height:1.3;letter-spacing:.04em}.brand strong{font-size:1rem}.site-header nav{display:flex;flex-wrap:wrap;gap:clamp(.8rem,3vw,2rem)}.site-header nav a{font-size:.82rem;font-weight:700;text-decoration:none}.hero{border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding-block:2rem 2.2rem}.kicker{margin:0;color:var(--accent);font-size:.78rem;letter-spacing:.08em;font-weight:800}.hero h1{font-size:clamp(2rem,4vw,3.65rem);line-height:1.25;letter-spacing:.02em;margin:.45rem 0 .7rem}.lead{font-size:1rem;margin:0;max-width:45rem}.hero-mark{width:108px;height:108px;border:2px solid var(--accent);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;transform:rotate(3deg)}.hero-mark span,.hero-mark small{font-size:.65rem;font-weight:700}.hero-mark strong{font-family:serif;font-size:2.4rem}.section{padding:3.25rem 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.25rem}.section-heading h2,.policy h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;margin:.3rem 0}.section-heading>p{margin:.3rem 0;font-size:.9rem;max-width:38rem;color:var(--muted)}.compare-controls{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 0 1.2rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(200px,.6fr);gap:.5rem 2rem}.compare-controls-top{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;font-weight:800}.compare-controls fieldset{margin:0}.compare-controls .hint{grid-column:1/-1;margin:.15rem 0}.device-label{display:block;max-width:20rem}.text-button{border:0;background:none;color:var(--accent);padding:.4rem 0;text-decoration:underline;text-underline-offset:.2em;font-size:.85rem;font-weight:700}fieldset{border:0;padding:0;margin:0 0 1rem}legend,label{font-size:.9rem;font-weight:700}legend{margin-bottom:.4rem}.radio-row{display:flex;gap:.5rem;flex-wrap:wrap}.radio-row label{border:1px solid var(--line);padding:.55rem .8rem;cursor:pointer;background:#fff}.radio-row label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.radio-row input{accent-color:var(--accent)}.hint{font-size:.85rem;line-height:1.65;color:var(--muted)}input:not([type=radio]),select{display:block;width:100%;min-height:44px;margin-top:.3rem;padding:.55rem .65rem;background:#fff;border:1px solid #8e9993;border-radius:0;color:var(--ink);font-size:.9rem}input::placeholder{color:#66726c}.scroll-hint{font-size:.82rem;color:var(--muted);margin:1rem 0 .5rem}.comparison-scroll{overflow-x:auto;overscroll-behavior-x:contain;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}.comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:850px;text-align:left;font-size:.9rem;line-height:1.55}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-table th,.comparison-table td{padding:.9rem .85rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.comparison-table th:first-child{width:105px;position:sticky;left:0;z-index:2;background:#f1f2ef;font-size:.82rem}.comparison-table thead th{background:#fff;border-bottom:2px solid var(--ink);font-weight:800}.comparison-table thead th:first-child{z-index:3}.folio{display:block;color:var(--accent);font-family:Georgia,serif;font-size:.75rem;letter-spacing:.06em;margin-bottom:.25rem}.product-name{display:block;min-height:3.1em}.comparison-table select{font-size:.85rem}.compare-total{display:block;font-size:clamp(1.15rem,2vw,1.5rem);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.3}.breakdown{font-size:.8rem;color:var(--muted);margin:.3rem 0;font-variant-numeric:tabular-nums}.price-condition,.warning,.expired{color:#9a3022;font-size:.82rem;font-weight:800;line-height:1.5;margin:.45rem 0}.comparison-table details summary,.data-summary summary,.calculator-disclosure>summary{cursor:pointer;color:var(--accent);font-weight:800}.comparison-table details p{font-size:.82rem;line-height:1.6;color:var(--muted)}.product-cta{display:inline-block;padding:.6rem .75rem;background:var(--ink);color:#fff;text-decoration:none;font-size:.8rem;font-weight:800}.product-cta:hover{background:var(--accent);color:#fff}.source-link{display:block;color:var(--accent);font-size:.8rem;font-weight:700;margin-top:.65rem}.data-summary{border-bottom:1px solid var(--line);padding:1rem 0;margin:0}.data-summary summary{font-size:.88rem}.data-summary p{font-size:.85rem;color:var(--muted)}.table-scroll{overflow-x:auto}.data-summary table{border-collapse:collapse;width:100%;min-width:560px;text-align:left;font-size:.85rem}.data-summary th,.data-summary td{padding:.7rem;border-bottom:1px solid var(--line);vertical-align:top}.size-figure{margin:2rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--line)}.size-figure figcaption{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.size-figure figcaption span{font-size:.8rem;color:var(--muted)}.size-diagrams{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.25rem}.size-diagrams>div{display:flex;align-items:center;gap:.7rem;font-size:.75rem;line-height:1.5}.size-diagrams i{display:block;flex:none;border:1px solid var(--ink);background:repeating-linear-gradient(0deg,#fff,#fff 7px,#e1e5df 8px)}.size-square{width:84px;height:84px}.size-vertical{width:56px;height:80px}.size-folio{width:74.4px;height:74.4px}.calculator-disclosure{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.1rem 0}.calculator-disclosure>summary{font-size:1.1rem;color:var(--ink)}.calculator-disclosure[open]>summary{margin-bottom:1.5rem}.calculator{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line)}.form-intro{background:var(--warm);padding:1.5rem}.form-intro h3{font-size:1.25rem;margin:.5rem 0}.form-intro p{font-size:.9rem}.pill{font-size:.75rem;color:var(--accent);font-weight:800}.steps{display:grid;gap:.5rem;margin-top:1.5rem;font-size:.8rem}.steps span{border-top:1px solid var(--line);padding-top:.5rem}form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid small{font-weight:400}.form-grid label{display:block}button[type=submit],.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:0;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:.9rem}button[type=submit]{width:100%;margin-top:.6rem}.button:hover,button[type=submit]:hover{background:var(--accent);color:#fff}.error{color:#9a3022;font-weight:700;font-size:.9rem}.results{margin-top:1.5rem}.results-heading{display:flex;align-items:end;justify-content:space-between}.results h3{margin:.2rem 0;font-size:1.2rem}.results>p{font-size:.85rem}.result-card{border-top:1px solid var(--line);padding:1rem 0}.result-top{display:flex;justify-content:space-between;gap:1rem}.result-card h4,.result-card p{margin:.2rem 0}.result-spec{font-size:.85rem}.total{font-size:1.1rem;font-weight:800}.guide-section,.policy{border-top:1px solid var(--ink);padding:3.25rem 0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.guide-grid article{border-top:1px solid var(--ink);padding-top:.8rem}.guide-grid article>span{font-family:Georgia,serif;color:var(--accent)}.guide-grid h3{font-size:1rem;margin:.5rem 0}.guide-grid p{font-size:.88rem;color:var(--muted)}.guide-grid a,.policy a{color:var(--accent);font-weight:700;font-size:.85rem}.source-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.source-list li{border-top:1px solid var(--line)}.source-list a{padding:.9rem 0;display:flex;justify-content:space-between;gap:1rem;font-weight:700;text-decoration:none}.source-list span{font-weight:400;font-size:.8rem;color:var(--accent)}.policy-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem}.policy p{font-size:.9rem}footer{background:var(--ink);color:#fff;padding:1.8rem 0}.footer-inner{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}footer span{color:#dfe5df}.notice{border-left:3px solid var(--accent);padding:.7rem 1rem;background:var(--warm)}.article{max-width:820px;padding:3rem 0 5rem}.article h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.3}.article-lead{font-size:1.05rem;color:var(--muted)}.article section{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}.article h2{font-size:1.5rem}.article h3{margin-top:1.75rem}.article a:not(.button){color:var(--accent)}.article li{margin:.5rem 0}.toc{border-block:1px solid var(--ink);padding:1rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-size:.9rem}.toc strong{width:100%}.binding-diagram{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.binding-diagram>div{padding:1rem;border:1px solid var(--line);font-size:.8rem;font-weight:700}.binding-diagram i{display:block;height:60px;margin:1rem auto;max-width:180px;border-bottom:5px solid #718077}.binding-diagram .flat{border-radius:0 0 50% 50%}.binding-diagram .bound{border-radius:0 0 50% 50%;clip-path:polygon(0 0,46% 30%,50% 80%,54% 30%,100% 0,100% 100%,0 100%)}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:62px}.site-header nav{gap:.65rem}.site-header nav a{font-size:.72rem}.hero-grid{padding:1.5rem 0;gap:.75rem}.hero h1{font-size:clamp(1.85rem,8vw,2.5rem)}.hero-mark{width:70px;height:70px}.hero-mark strong{font-size:1.5rem}.hero-mark span,.hero-mark small{font-size:.55rem}.lead{font-size:.9rem}.section{padding:2.25rem 0}.section-heading{display:block}.section-heading>p{font-size:.85rem}.compare-controls{grid-template-columns:1fr;gap:.5rem}.compare-controls-top,.compare-controls .hint{grid-column:auto}.device-label{max-width:none}.comparison-scroll{margin-inline:-16px;width:calc(100% + 32px)}.comparison-table{width:790px;min-width:790px;font-size:.86rem}.comparison-table th,.comparison-table td{padding:.7rem .55rem}.comparison-table th:first-child{width:75px;font-size:.76rem}.compare-total{font-size:1.2rem}.product-name{min-height:3.6em}.size-diagrams{grid-template-columns:1fr 1fr;gap:1rem}.calculator{grid-template-columns:1fr}.steps{display:none}.form-intro,form{padding:1rem}.guide-section,.policy{padding:2.25rem 0}.guide-grid{grid-template-columns:1fr 1fr}.source-list{grid-template-columns:1fr}.policy-grid{grid-template-columns:1fr;gap:0}.footer-inner{display:block}.footer-inner span{display:block}.article{padding:2.5rem 0 4rem}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.binding-diagram{grid-template-columns:1fr}.site-header nav a{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mobile-product{display:none}@media(max-width:700px){.mobile-product{display:block;font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:.35rem}}

/* Put the comparison and its totals within reach without shrinking the text. */
@media (min-width:768px){.lead{max-width:none}.hero-grid{padding-block:.85rem;gap:1rem}.hero h1{font-size:2rem;line-height:1.3;margin:.15rem 0 .3rem}.hero-mark{width:72px;height:72px}.hero-mark strong{font-size:1.7rem}.hero-mark span,.hero-mark small{font-size:.55rem}#compare.section{padding-top:1rem}.compare-controls{padding:.45rem 0 .55rem;gap:.2rem 2rem}.compare-controls .hint{margin:0}.scroll-hint{margin:.45rem 0 .35rem}.comparison-table th,.comparison-table td{padding:.55rem .85rem}.product-name{min-height:2.5em}}

.hero h1 span{display:inline-block}

/* Local design exploration; never loaded by the published site. */
:root{--ink:#17234b;--muted:#34405d;--line:#b0bfdf;--accent:#b32b29;--paper:#fff;--warm:#fff9de}
.site-header{border-bottom:4px solid #174acb}.brand{color:#174acb}.site-header nav a:hover{color:#b32b29}
.hero{background:#eef4ff;border-bottom:1px solid #b0bfdf}.hero .kicker{color:#b32b29}.hero h1{color:#153ba8}.hero-mark{background:#ffdc58;border-color:#174acb;color:#153ba8;transform:rotate(3deg)}
.compare-controls{border-color:#174acb}.radio-row label:has(input:checked){border-color:#174acb;box-shadow:inset 0 -3px #eb584c;background:#eef4ff}.radio-row input{accent-color:#174acb}.text-button{color:#a02722}
.comparison-scroll{border-color:#174acb}.comparison-table thead th{background:#eaf1ff;border-bottom-color:#174acb}.comparison-table th:first-child{background:#f1f5ff}.folio{color:#a02722}.compare-total{color:#123bb1}.price-condition,.warning,.expired{color:#9b211d}.product-cta{background:#174acb}.product-cta:hover{background:#a02722}.source-link{color:#a02722}
.size-figure{background:#fffdf2;padding:1.4rem 1rem}.size-diagrams i{border:2px solid #174acb;background:repeating-linear-gradient(0deg,#fff,#fff 7px,#d9e6ff 8px);box-shadow:4px 4px 0 #ffdb58}


.binding-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,420px);align-items:center;gap:1.25rem;margin:2rem 0 0;padding:1.25rem;background:#eef4ff;border-left:5px solid #174acb}.binding-preview h3{font-size:1.15rem;margin:0 0 .35rem}.binding-preview p{font-size:.9rem;margin:.25rem 0}.binding-preview a{color:#a02722;font-weight:700}.binding-preview figure,.cover-figure{margin:0}.binding-preview img,.cover-figure img{width:100%;height:auto;display:block}.binding-preview figcaption,.cover-figure figcaption{font-size:.8rem;color:#34405d;margin-top:.3rem}.cover-figure{max-width:760px;margin:1.5rem auto}.cover-legend{display:flex;justify-content:space-around;gap:1rem;font-weight:700;color:#153ba8}.delivery-diagram{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.delivery-diagram>div{border:1px solid #b0bfdf;background:#eef4ff;padding:1rem;text-align:center}.delivery-diagram svg{display:block;width:100%;height:90px}.delivery-diagram p{margin:.3rem 0 0;font-size:.9rem}.delivery-diagram strong{color:#153ba8}@media(max-width:767px){.binding-preview{grid-template-columns:1fr;padding:1rem}.delivery-diagram{gap:.5rem}.delivery-diagram>div{padding:.6rem}.delivery-diagram svg{height:72px}}

.binding-diagram svg{display:block;width:100%;height:100px;margin:.5rem auto 0}

.affiliate-ad{margin-top:1rem;padding-top:.75rem;border-top:1px solid #b0bfdf;font-size:.85rem;line-height:1.6}.affiliate-ad p{font-weight:700;color:#34405d;margin:0 0 .35rem}.affiliate-ad a{color:#143fae;font-weight:700;overflow-wrap:anywhere}.affiliate-ad img{display:inline;width:1px;height:1px}

#advertisements{border-top:1px solid #b0bfdf}.banner-grid{display:grid;grid-template-columns:repeat(auto-fit,300px);gap:2rem;justify-content:space-between}.ad-banner{width:300px}.ad-banner h3{font-size:1rem;margin:0}.ad-banner p{font-size:.85rem;line-height:1.6;min-height:3.2em;margin:.4rem 0 .8rem}.ad-banner img[width="300"]{display:block;width:300px;height:250px}.ad-banner img[width="1"]{display:inline;width:1px;height:1px}@media(max-width:767px){.banner-grid{justify-content:center}}

/* A bright gift-inspired introduction with white, readable comparison surfaces. */
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#102e91 0%,#1649bd 63%,#a62e3a 100%);border-bottom:4px solid #f6cb48;color:#fff}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 83% 18%,rgba(255,225,126,.48),transparent 17%),radial-gradient(circle at 68% 84%,rgba(255,129,104,.3),transparent 24%),repeating-linear-gradient(115deg,transparent 0 48px,rgba(255,255,255,.025) 49px 51px)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:2rem;align-items:center;padding-block:1.5rem}
.hero .kicker{color:#ffe99a;font-size:.8rem;letter-spacing:.06em}
.hero h1{color:#fff;font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.2;margin:.2rem 0 .2rem;letter-spacing:0}
.hero-subtitle{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;color:#fff;margin:0 0 .4rem}
.hero .lead,.hero-scope{color:#fff;max-width:50rem;line-height:1.6}
.hero .lead{font-size:.96rem}.hero-scope{font-size:.8rem;margin:.6rem 0 0}
.hero-actions{margin-top:.7rem}
.hero-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:.65rem 1rem;background:linear-gradient(120deg,#ffe995,#f9c63c);border:1px solid #ffe9a0;color:#17295d;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #b76d24}
.hero-cta:hover{color:#17295d;background:#fff3b5}
.hero-visual{position:relative;margin:0;padding:.45rem;background:#fff;border:2px solid #f9d659;box-shadow:0 5px 0 rgba(14,30,89,.35);transform:rotate(2deg)}
.hero-visual::before,.hero-visual::after{position:absolute;color:#ffe586;font-size:1.5rem;line-height:1;content:"";width:1.1rem;height:1.1rem;background:#ffe586;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%)}.hero-visual::before{top:-1rem;left:-1rem}.hero-visual::after{right:-.7rem;bottom:.6rem}
.hero-visual img{display:block;width:100%;height:auto}.hero-visual figcaption{color:#243457;font-size:.72rem;line-height:1.4;margin-top:.3rem}
.product-section{padding:2.4rem 0 1rem}.product-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.product-heading h2,.compare-intro h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.3;margin:.25rem 0}.product-heading>p{max-width:38rem;color:#34405d;font-size:.9rem;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}.product-card{min-width:0;border:1px solid #a9b7d9;border-top:5px solid #174acb;background:#fff;padding:1rem;box-shadow:0 4px 0 #e5ecfa}.product-card:nth-child(2){border-top-color:#cf463b}.product-card:nth-child(3){border-top-color:#d59a12}.product-card:nth-child(4){border-top-color:#7448a7}
.product-number{margin:0;color:#a02722;font-weight:800;font-size:.78rem}.product-number span{color:#34405d;margin-left:.35rem}.product-card h3{font-size:1.05rem;line-height:1.4;min-height:2.8em;margin:.3rem 0}.product-price{color:#123ba4;font-size:1.45rem;font-weight:800;line-height:1.3;margin:.35rem 0}.product-price small{color:#34405d;font-size:.75rem;font-weight:600}.price-date{font-size:.78rem;color:#9b211d;font-weight:700}
.product-card dl{margin:.8rem 0;border-top:1px solid #d6deef}.product-card dl div{display:grid;grid-template-columns:5.5em 1fr;gap:.3rem;border-bottom:1px solid #e1e7f1;padding:.35rem 0;font-size:.79rem;line-height:1.5}.product-card dt{font-weight:700;color:#34405d}.product-card dd{margin:0}.product-card>p:not(.product-number):not(.product-price):not(.price-date){font-size:.83rem;line-height:1.6}.product-card>p strong{display:block;color:#153ba8}.product-info,.product-ad-link{display:block;color:#123da7;font-size:.83rem;font-weight:800;margin-top:.6rem}.product-ad-link{color:#9b2a22}.product-scope{font-size:.83rem;color:#34405d;margin:1rem 0 0}
.compare-intro{border-top:4px solid #f3c540;padding-top:1.2rem;margin-bottom:1rem}.compare-intro p:last-child{font-size:.9rem;color:#34405d;margin:.35rem 0}
@media(max-width:767px){.hero-grid{display:block;position:relative;padding-block:1.1rem}.hero h1{font-size:clamp(1.7rem,7.2vw,2.1rem)}.hero-subtitle{font-size:1.12rem}.hero .lead{font-size:.9rem}.hero-actions{min-height:70px;padding-right:122px;display:flex;align-items:center}.hero-visual{position:absolute;right:2px;bottom:1rem;width:108px;transform:rotate(2deg)}.hero-visual figcaption{font-size:.7rem}.hero-scope{padding-right:122px;font-size:.76rem}.product-section{padding:2rem 0 .5rem}.product-heading{display:block}.product-heading>p{margin-top:.5rem}.product-grid{grid-template-columns:1fr}.product-card h3{min-height:0}.product-card{padding:1rem}.product-card dl div{font-size:.87rem}.product-card>p:not(.product-number):not(.product-price):not(.price-date){font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mobile-results{display:none}
@media(max-width:767px){.hero h1 span{display:inline-block}.comparison-scroll{overflow:visible}.comparison-table{display:none}.mobile-results{display:grid;gap:1rem}.mobile-result{min-width:0;border:1px solid #b0bfdf;border-left:4px solid #174acb;padding:1rem;background:#fff}.mobile-result h3{font-size:1.05rem;line-height:1.4;margin:0 0 .5rem}.mobile-result label{display:block;margin:.7rem 0}.mobile-result label select{max-width:100%}.mobile-result .mobile-total-label{font-size:.8rem;font-weight:700;margin:.8rem 0 .15rem}.mobile-result .mobile-spec{font-size:.86rem;line-height:1.55;margin:.4rem 0}.mobile-result details{margin:.8rem 0}.mobile-result details summary{cursor:pointer;color:#a02722;font-weight:800}.mobile-result details p{font-size:.85rem;line-height:1.6}.mobile-result .product-cta{margin-top:.4rem}}

/* Two-layer product selection: compact 4-product summary above the detail cards. */
.summary-block{scroll-margin-top:1rem;margin-bottom:1.25rem}
.summary-title{font-weight:800;color:#153ba8;font-size:1rem;margin:0 0 .6rem}
.summary-title span{display:block;font-weight:600;color:#34405d;font-size:.8rem}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.summary-item{display:block;min-width:0;background:#fff;border:1px solid #a9b7d9;border-top:5px solid #174acb;padding:.8rem;box-shadow:0 4px 0 #e5ecfa;text-decoration:none;color:var(--ink)}
.summary-item:nth-child(2){border-top-color:#cf463b}
.summary-item:nth-child(3){border-top-color:#d59a12}
.summary-item:nth-child(4){border-top-color:#7448a7}
.summary-item:hover{color:var(--ink);background:#f4f8ff}
.sum-head{display:flex;align-items:flex-end;gap:.6rem;min-height:48px}
.sum-shape{display:block;flex:none;border:2px solid #174acb;background:repeating-linear-gradient(0deg,#fff,#fff 6px,#d9e6ff 7px);box-shadow:3px 3px 0 #ffdb58}
.shape-sq210{width:46px;height:46px}
.shape-a5{width:31px;height:44px}
.shape-sq186{width:41px;height:41px}
.sum-brand{font-weight:800;font-size:.8rem;color:#34405d;line-height:1.4}
.sum-name{display:block;font-weight:800;font-size:1rem;line-height:1.4;margin-top:.5rem}
.sum-spec{display:block;font-size:.8rem;line-height:1.55;color:#34405d}
.sum-price{display:block;font-size:1.3rem;font-weight:800;line-height:1.3;color:var(--ink);margin-top:.45rem;font-variant-numeric:tabular-nums}
.sum-price small{font-size:.72rem;font-weight:600;color:#34405d}
.sum-warn{display:block;color:#9b211d;font-size:.75rem;font-weight:700;margin-top:.25rem}
.sum-more{display:block;color:#123da7;font-weight:800;font-size:.82rem;margin-top:.5rem}
.summary-note{font-size:.8rem;color:#34405d;margin:.7rem 0 0;line-height:1.6}
.product-card{scroll-margin-top:1rem}
.back-to-summary{display:block;color:#a02722;font-size:.83rem;font-weight:800;margin-top:.6rem}
@media(max-width:767px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.summary-item{padding:.7rem}.sum-name{font-size:.93rem}.sum-price{font-size:1.15rem}.sum-spec{font-size:.76rem}}
@media(max-width:767px){.size-diagrams>div{min-width:0;flex-wrap:wrap}.size-diagrams>div span{min-width:0;overflow-wrap:anywhere}}
@media(max-width:767px){.sum-head{min-height:42px}.shape-sq210{width:40px;height:40px}.shape-a5{width:27px;height:38px}.shape-sq186{width:35px;height:35px}}

/* Reserve the local illustration ratio before lazy loading completes. */
.binding-preview img,.cover-figure img{aspect-ratio:2 / 1}

/* Image-led comparison cards; official banners retain their supplied dimensions. */
.hero-grid{grid-template-columns:1fr;padding-block:1.75rem}.hero h1{font-size:clamp(2rem,4vw,3rem)}.hero-scope{max-width:58rem}.card-jumps{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.25rem 0}.card-jumps a{padding:.45rem .9rem;border:1px solid var(--line);border-radius:24px;font-size:.8rem;text-decoration:none;font-weight:700}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.product-card{padding:1.5rem;border:1px solid #ccd5e5;border-top:4px solid #174acb;border-radius:12px;background:#fff;box-shadow:0 5px 18px #17234b08;display:flex;flex-direction:column;min-width:0}.product-card h3{min-height:0;margin:.25rem 0 1rem;font-size:1.35rem}.card-media{margin:0 0 1.1rem;min-height:328px;flex-shrink:0;background:#f4f6fa;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px 0}.card-media .ad-banner{width:300px}.card-media .media-caption{min-height:0;font-size:.7rem;margin:0 0 8px;color:#526078}.card-media .ad-banner img[width="300"]{width:300px;height:250px}.dimension-media{flex-direction:column}.dimension-media svg{width:300px;height:250px;max-width:100%}.dimension-media figcaption{font-size:.7rem;color:#526078}.product-card .product-price{margin:.15rem 0 .8rem}.product-card>p:not(.product-number):not(.product-price){margin:.4rem 0;font-size:.86rem}.card-details{order:2;margin:1rem 0;border-block:1px solid #dce2ed;padding:.7rem 0;font-size:.85rem}.card-details summary{cursor:pointer;font-weight:700;color:#174acb}.card-details dl{margin-top:.7rem}.product-card .product-info{margin-top:.8rem}.card-compare{display:block;padding:.65rem .9rem;margin-top:.75rem;border-radius:6px;background:#174acb;color:white;font-weight:700;text-align:center;text-decoration:none;font-size:.86rem}.card-compare:hover{background:#12399b;color:#fff}.back-to-summary{order:3;margin-top:auto;padding-top:.5rem}.product-card .product-number{margin:0}.product-section{padding-top:1.75rem}
@media(max-width:767px){.product-grid{grid-template-columns:1fr}.product-card{padding:16px;border-radius:10px}.product-heading{display:block}.card-media{margin-inline:-8px}.hero .hero-grid{padding-block:1.3rem}.hero-subtitle{font-size:1rem}.hero-cta{padding:.65rem 1rem}.hero-scope{font-size:.75rem;padding-right:0}.hero-actions{padding-right:0;min-height:0}.card-jumps{gap:.4rem}.card-jumps a{font-size:.72rem;padding:.4rem .65rem}}
@media(max-width:359px){.product-card{padding-inline:8px}.card-media{margin-inline:-8px}.wrap.product-section{width:calc(100% - 16px)}}