:root{--ink:#1d1e1b;--cream:#eee9dd;--paper:#f8f4ea;--muted:#66675f;--copper:#a45f3d;--line:rgba(29,30,27,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.9;letter-spacing:.035em}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}a{color:inherit}.wrap{width:min(1160px,calc(100% - 54px));margin:auto}.eyebrow{font:700 .68rem/1.3 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--copper)}
header{position:sticky;top:0;z-index:20;background:rgba(238,233,221,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink)}nav{min-height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font:500 1.1rem/1 "Yu Mincho",serif;text-decoration:none}.navlinks{display:flex;gap:24px;font-size:.76rem}.navlinks a{text-decoration:none}.navcta{border-bottom:1px solid var(--ink)}
.journal-hero{padding:90px 0 56px;border-bottom:1px solid var(--ink)}.journal-hero h1{font:500 clamp(2.8rem,7vw,6.2rem)/1.16 "Yu Mincho",Georgia,serif;letter-spacing:-.025em;margin:20px 0 28px}.journal-hero p{max-width:720px;color:var(--muted)}.index{padding:0 0 110px}.index-item{display:grid;grid-template-columns:130px 1.35fr 1fr 30px;gap:26px;padding:30px 0;border-bottom:1px solid var(--line);text-decoration:none}.index-item time,.meta{font-size:.7rem;color:var(--copper);letter-spacing:.08em}.index-item h2{font:500 1.35rem/1.55 "Yu Mincho",Georgia,serif;margin:0}.index-item p{font-size:.85rem;color:var(--muted);margin:0}.index-item b{font-weight:400;text-align:right}
.article-shell{width:min(1160px,calc(100% - 54px));margin:auto;display:grid;grid-template-columns:180px minmax(0,760px) 1fr;gap:45px;padding:74px 0 120px}.article-rail{font-size:.7rem;color:var(--muted);position:sticky;top:94px;align-self:start}.article-rail strong{display:block;font:500 1rem "Yu Mincho",serif;color:var(--ink);margin-bottom:12px}.article{min-width:0}.breadcrumbs{font-size:.72rem;color:var(--muted);margin-bottom:34px}.breadcrumbs a{text-decoration:none}.article h1{font:500 clamp(2.35rem,5.3vw,4.5rem)/1.36 "Yu Mincho",Georgia,serif;letter-spacing:-.015em;margin:18px 0 24px}.dek{font-size:1.06rem;color:var(--muted);margin:0 0 38px}.article h2{font:500 1.72rem/1.55 "Yu Mincho",Georgia,serif;margin:64px 0 17px}.article h3{font:500 1.2rem/1.6 "Yu Mincho",Georgia,serif;margin:36px 0 10px}.article p{margin:0 0 22px}.article ul,.article ol{padding-left:1.35em;margin:0 0 28px}.article li{margin:8px 0}.disclosure{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:32px}.note{padding:24px 0 24px 27px;margin:38px 0;border-left:2px solid var(--copper);font-size:.9rem}.listen{padding:32px;margin:50px 0;background:var(--ink);color:var(--paper)}.listen h2{margin:0 0 10px}.listen p{color:#cfcdc5}.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 0 3px;border-bottom:1px solid currentColor;font-size:.8rem;font-weight:700;text-decoration:none}.cta{margin-top:66px;padding:34px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.cta h2{margin:0 0 10px}.comparison{width:100%;border-collapse:collapse;margin:28px 0 40px;font-size:.8rem}.comparison th,.comparison td{padding:15px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comparison th{font-family:"Yu Mincho",serif;font-weight:500}.product{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:32px 0;margin:0;border-top:1px solid var(--ink)}.product:last-of-type{border-bottom:1px solid var(--ink)}.product-media{aspect-ratio:1/1;background:var(--paper);display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain}.product-media .placeholder{padding:20px;text-align:center;font:700 .65rem/1.7 Arial;letter-spacing:.16em;color:var(--muted)}.product h3{margin:5px 0 12px;font-size:1.4rem}.product .fit{color:var(--copper);font-size:.7rem;font-weight:700;letter-spacing:.12em}.product .btn{margin-top:4px}.small{font-size:.77rem;color:var(--muted)}.side-note{font-size:.76rem;color:var(--muted);padding-top:55px}.side-note:before{content:"EDITOR'S NOTE";display:block;color:var(--copper);font:700 .62rem Arial;letter-spacing:.18em;margin-bottom:12px}
footer{border-top:1px solid var(--ink);padding:28px 0 78px;font-size:.7rem;color:var(--muted)}.foot{display:flex;justify-content:space-between}.foot a{margin-left:16px}
@media(max-width:920px){.article-shell{grid-template-columns:1fr;gap:0}.article-rail{position:static;display:none}.side-note{padding-top:0;margin-bottom:30px;grid-row:1}.article{grid-row:2}.index-item{grid-template-columns:105px 1fr 24px}.index-item p{grid-column:2}.index-item b{grid-column:3;grid-row:1}}
@media(max-width:680px){.wrap,.article-shell{width:min(100% - 30px,1160px)}.navlinks a:not(.navcta){display:none}.journal-hero{padding:64px 0 40px}.index-item{grid-template-columns:1fr 24px;gap:10px}.index-item time,.index-item h2,.index-item p{grid-column:1}.index-item b{grid-column:2;grid-row:1}.article-shell{padding:54px 0 90px}.article h1{font-size:2.35rem}.comparison{display:block;overflow-x:auto;white-space:nowrap}.product{grid-template-columns:1fr}.product-media{max-width:260px}.listen{margin-left:-15px;margin-right:-15px}.foot{display:block}.foot div:last-child{margin-top:10px}.foot a{margin:0 13px 0 0}}
.product.product-text{grid-template-columns:1fr}
.affiliate-card{margin-top:24px;min-height:120px;overflow:hidden;border-radius:10px;background:#fff}.affiliate-card>div{max-width:100%}
main.article{width:min(760px,calc(100% - 44px));margin:auto;padding:84px 0 110px}
.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;margin:38px 0 10px;filter:saturate(.78) contrast(.96)}.caption{font-size:.7rem;color:var(--muted);margin-bottom:42px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin:34px 0 44px}.workflow div{min-height:125px;padding:20px 16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.workflow div:nth-child(3n){border-right:0}.workflow b{display:block;color:var(--copper);font:700 .66rem Arial;letter-spacing:.14em;margin-bottom:9px}.workflow span{font:500 1rem/1.6 "Yu Mincho",serif}.source-list{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.source-list a{text-underline-offset:4px}@media(max-width:680px){.workflow{grid-template-columns:1fr 1fr}.workflow div:nth-child(3n){border-right:1px solid var(--line)}.workflow div:nth-child(2n){border-right:0}}
.article h1.article-title-compact{font-size:clamp(2.35rem,4.2vw,3.3rem);line-height:1.42}
