/* Collection notebook: stronger type, numbered index, ink-blue and orange. */
:root{--blue:#173ab7;--ink:#152441;--muted:#48566d;--line:#c7d1e3;--paper:#f3f6fc}
body{font-family:Meiryo,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:18px;line-height:1.95;background:#edf1f8;color:var(--ink)}
main{background:#fff;box-shadow:0 0 0 1px #d6ddea}.site-header{background:#152441;color:#fff;border:0;padding:26px 42px}.site-header a:hover{color:#ffd395}.brand{font-size:22px;letter-spacing:0;gap:14px}.brand-mark{width:44px;height:48px;border-radius:0;background:#fcad53;color:#152441;font-family:inherit;font-size:24px;font-style:normal;font-weight:700}.brand small{font-size:12px;letter-spacing:.14em;color:#d0d9ed}.site-header nav{font-size:16px;gap:28px;font-weight:400}
.hero{padding:55px 42px 36px;grid-template-columns:1.08fr 1fr;gap:38px;border-bottom:1px solid var(--line);align-items:center;background:linear-gradient(90deg,transparent 41px,#e4eaf5 42px,transparent 43px),#fff}.hero-copy{padding:16px 0 16px 24px}.hero .eyebrow{display:inline-block;background:#fff0db;border-left:5px solid #efa044;padding:8px 13px;font-size:14px;color:#573a10;letter-spacing:.08em;margin:0 0 16px}.hero h1{font-size:clamp(35px,3.5vw,48px);line-height:1.65;letter-spacing:0;font-weight:700;margin:10px 0 22px}.hero h1 em{color:var(--blue);background:linear-gradient(transparent 76%,#ffe1af 76%);padding-bottom:3px}.lead,.hero .lead{font-size:18px;line-height:2;color:#35445d}.hero .button{margin-top:18px}.button{font-size:16px;min-height:52px;border-radius:4px;padding:14px 25px}.hero-note{font-size:14px;line-height:1.85;color:#45536b;margin-top:17px}.hero img{aspect-ratio:1/1;object-fit:cover;border:8px solid #fff;border-radius:0;box-shadow:7px 7px 0 #d9e3f7}.hero figure{padding-right:8px}.hero figcaption{font-size:12px;color:#45536b;margin-top:16px;line-height:1.9}
.disclosure{font-size:14px;background:#f3f6fc;color:#43516a;line-height:1.9;margin:22px 42px 0;padding:13px 18px;border-left:3px solid #637cae}.section{padding:52px 42px}.eyebrow{font-family:inherit;font-size:14px;letter-spacing:.08em;color:#234994;font-weight:700}.section-heading{margin-bottom:28px;align-items:center}.section-heading p{font-size:16px;color:#42516a}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:28px;line-height:1.7;letter-spacing:0;font-weight:700}h3{font-size:22px;letter-spacing:0}.guide-grid{gap:22px}.guide-card{background:repeating-linear-gradient(0deg,#fff 0,#fff 33px,#e9eef8 33px,#e9eef8 34px);border:1px solid #bdcbe4;border-top:6px solid #2448b8;padding:26px;box-shadow:4px 4px 0 #e7edf7;transition:transform .15s,box-shadow .15s}.guide-card:nth-child(2){border-top-color:#dd9135}.guide-card:nth-child(3){border-top-color:#34526a}.guide-card:hover{transform:translateY(-3px);background-color:#f7f9fe;box-shadow:6px 8px 0 #e0e8f7;color:var(--ink)}.guide-number{font-family:Consolas,monospace;font-size:44px;font-style:normal;font-weight:700;line-height:1.2;color:#21469e}.guide-card .eyebrow{font-size:13px;letter-spacing:.09em;margin-top:16px}.guide-card p{font-size:16px;color:#3f4d65;line-height:1.9;min-height:60px}.pill{font-size:14px;background:#e9effb;color:#203e78;padding:4px 10px;border-radius:0}.read{font-size:16px;border-top:1px solid #afbdd7;margin-top:26px;padding-top:16px}.comparison{background:#edf2fc;border-top:1px solid #d2dcef;border-bottom:1px solid #d2dcef}.comparison table{font-size:16px;line-height:1.85;min-width:810px}.comparison thead th{background:#183b86;color:white;font-size:17px}.comparison thead th:first-child{width:170px}.comparison tbody th{font-size:15px;font-weight:700;color:#34435e}.comparison td small{font-size:14px;color:#49566b}.comparison th,.comparison td{padding:22px 20px}.micro{font-size:14px;color:#49566b;line-height:1.9}.product-row{grid-template-columns:58px 1fr 365px;gap:25px;padding:32px 0}.product-index{font-family:Consolas,monospace;font-style:normal;font-size:36px;color:#3159a2}.product-row h3{font-size:20px}.product-row p{font-size:16px}.source{font-size:14px;color:#3e5278}.shop-links .button{font-size:15px;padding:13px}.product-row .micro{font-size:13px}.editor-note{background:#152441;border-top:6px solid #eda04a;padding:48px 42px}.editor-note h2{font-size:32px;line-height:1.8}.editor-note p{font-size:17px;line-height:2}.editor-note a{font-size:16px}.editor-note .eyebrow{font-size:14px;color:#ffcc88}footer{background:#e6edf8;padding:38px 42px}footer p,footer>div:last-child a{font-size:14px;color:#3f4f6c}.article{max-width:860px;padding:48px 42px 65px}.article h1{font-size:36px;font-weight:700;line-height:1.7;letter-spacing:0}.article .lead{font-size:19px;color:#3a4961}.article section p{font-size:18px;line-height:2.1}.article section h2{font-size:26px;border-left:5px solid #eca144;padding-left:16px;margin-bottom:20px}.breadcrumb{font-size:14px}.toc{border:1px solid var(--line);border-top:5px solid #294da0;background:#f4f7fc}.toc a{font-size:16px;line-height:1.8;margin:15px 0}.takeaway{background:#fff4e3;border-left-color:#cf861f}.takeaway p{font-size:18px}.purchase{border:1px solid #c6d3ed;background:#eff4ff}.related{font-size:17px}.article li{margin:15px 0}a:focus-visible{outline:3px solid #d57500;outline-offset:5px}
@media(max-width:1100px){.hero{padding:35px 28px;gap:26px}.hero-copy{padding-left:0}.hero h1{font-size:36px}.hero .lead br{display:none}.product-row{grid-template-columns:40px 1fr}.product-row>div:last-child{grid-column:2}.section{padding:42px 28px}.guide-card{padding:22px}.guide-grid{gap:16px}.site-header{padding:24px 28px}.disclosure{margin-left:28px;margin-right:28px}}
@media(max-width:760px){body{font-size:17px}.site-header{padding:20px;gap:20px}.brand{font-size:21px}.site-header nav{font-size:15px;gap:24px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:30px 20px;background:#fff;gap:22px}.hero-copy{padding:0}.hero h1{font-size:clamp(30px,6.6vw,42px);line-height:1.65}.hero .eyebrow{font-size:13px}.hero .lead{font-size:17px}.hero figure{margin:0}.hero img{aspect-ratio:3/2}.hero figcaption{font-size:12px}.hero-note{font-size:14px}.guide-grid{grid-template-columns:1fr}.guide-number{float:right;font-size:38px}.guide-card{padding:24px}.guide-card .eyebrow{margin-top:0}.guide-card p{min-height:0;font-size:17px}.guide-card h3{font-size:23px}.section{padding:35px 20px}.section-heading{display:block}h2{font-size:24px}.section-heading p{font-size:16px}.disclosure{margin:18px 20px 0;font-size:14px}.product-row{grid-template-columns:32px 1fr;gap:15px}.product-index{font-size:28px}.product-row h3{font-size:19px}.shop-links{gap:10px}.shop-links .button{min-width:125px;font-size:15px}.editor-note{padding:34px 23px;grid-template-columns:1fr}.editor-note h2{font-size:28px}footer{padding:28px 20px}.article{padding:30px 20px 50px}.article h1{font-size:29px}.article .lead{font-size:18px}.article section p{font-size:18px}.article section h2{font-size:24px}.toc a{font-size:16px}.takeaway,.purchase,.toc{padding:22px}.takeaway p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.guide-card:hover{transform:none}}
/* Card-note mark: a sharper layered card silhouette with a collector's spark. */
.brand-mark{position:relative;font-size:0;background:linear-gradient(145deg,#234fc4,#132654);border-radius:12px;overflow:visible;isolation:isolate;box-shadow:4px 4px 0 #f2a14a, inset 0 0 0 1px rgba(255,255,255,.18)}
.brand-mark::before{content:"";position:absolute;inset:9px 10px 8px 8px;border:2px solid #fff;border-radius:4px;transform:rotate(-8deg);z-index:0;box-shadow:3px 3px 0 rgba(255,255,255,.28)}
.brand-mark::after{content:"✦";position:absolute;right:-10px;top:-13px;color:#ffd38d;font-size:18px;line-height:1;z-index:2;text-shadow:0 2px 0 #8a571f}

/* FIT REFRESH */
:root{--blue:#087d72;--ink:#183a35;--paper:#f4f5ef;--line:#d4e2db}
body{background:#edf2ed;color:#203d36;font-family:Meiryo,sans-serif;line-height:1.85}
.site-header{background:#173e36}.brand small{color:#c0dfd5}.brand-mark{background:#087d72;box-shadow:4px 4px 0 #dfef98}.brand-mark::after{color:#dfef98;text-shadow:none}
.hero{background:#f6f7ef;border:0;gap:40px;padding-top:64px;padding-bottom:64px}.hero .eyebrow{background:#e4eddb;border:0;border-radius:30px;color:#2b5243}.hero h1{line-height:1.55}.hero h1 em{color:#087d72;background:linear-gradient(transparent 76%,#e2eda9 76%)}.hero img{border-radius:26px;box-shadow:12px 12px 0 #dce7cd}.hero .lead{color:#43594b}
.button.blue{background:#087d72;border-color:#087d72}.eyebrow,.pick-best{color:#087d72}.guide-card{background:white;border:1px solid #d4e2db;border-top:4px solid #087d72;border-radius:16px;box-shadow:none}.guide-number{color:#087d72}.pill{background:#e6f2e9;border-radius:30px;color:#36583e}.purpose-grid a,.pick-card{border-radius:16px;border-color:#d4e2db}.quick-picks,.comparison,.purchase{background:#f0f6f1}.comparison thead th{background:#23564a}.editor-note{background:#173e36;border-color:#dbeb9f}.editor-note .eyebrow{color:#dbeb9f}.article section h2{border-color:#86b883}.takeaway{background:#f3f6df;border-color:#99aa49}footer{background:#e5eee5}
.fit-hub{background:#fff}.fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.fit-grid>div,.fit-grid>a{min-width:0;padding:25px;border:1px solid #d6e1d6;border-radius:16px;background:#f7f9f2;text-decoration:none;color:#203d36}.fit-grid b{display:block;font-size:14px;color:#49715b}.fit-grid strong{display:block;font-size:clamp(23px,2.6vw,34px);margin:16px 0;line-height:1.3;white-space:nowrap}.fit-grid strong small{font-size:16px}.fit-grid p{font-size:16px;line-height:1.85}.fit-grid h3{font-size:21px}.fit-grid a:hover,.fit-grid>a:hover{background:#edf5e3}.fit-warning{padding:22px 25px;background:#f6f4df;border-left:4px solid #a5ad55;border-radius:0 12px 12px 0;font-size:16px}.buying-route{background:#173e36;color:white}.buying-route>.eyebrow{color:#dfef98}.buying-route>p a{color:#dfef98}.buying-route .fit-grid>a{background:#fff}.buying-route .fit-grid span{color:#087d72;font-weight:bold;font-size:14px}.affiliate-material{max-width:100%}.article .fit-warning p{font-size:16px}.fit-hub .micro{font-size:13px}
@media(max-width:760px){.fit-grid{grid-template-columns:1fr}.hero{padding:32px 20px}.fit-grid strong{font-size:32px}.fit-warning{padding:18px}.site-header nav{gap:15px}.buying-route h2{font-size:25px}}