:root{--ink:#17211d;--paper:#f4f1e8;--muted:#69736d;--line:#d8d5ca;--lime:#c8ff56;--mint:#93e6c5;--white:#fffef9;--serif:Georgia,"Yu Mincho",serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}body{margin:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(244,241,232,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:8px;align-items:center;color:var(--ink);text-decoration:none;font-family:"DM Sans",sans-serif;font-size:18px;letter-spacing:.08em}.brand b{background:var(--ink);color:var(--lime);padding:3px 7px;border-radius:3px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--ink)}.topnote{font-size:12px;color:var(--muted)}main{max-width:1320px;margin:auto;padding:0 clamp(20px,5vw,72px)}.hero{padding:clamp(70px,11vw,150px) 0 80px;border-bottom:1px solid var(--line)}.kicker,.eyebrow,.edition-label{font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.17em;font-weight:700}.hero h1{font-family:var(--serif);font-size:clamp(44px,7.4vw,102px);line-height:.99;letter-spacing:-.045em;margin:20px 0 30px;font-weight:400}.hero h1 em{font-style:normal;box-shadow:inset 0 -.26em 0 var(--lime)}.lead{max-width:720px;font-size:clamp(16px,2vw,21px);line-height:1.9;color:#3d4842}.legend{display:flex;gap:28px;margin-top:36px;font-family:"DM Sans",sans-serif;font-size:13px}.legend span{display:flex;gap:9px;align-items:center}.legend i{width:12px;height:12px;border-radius:2px}.legend .current{background:var(--mint)}.legend .pro{background:var(--lime)}.list{padding:64px 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{font-family:var(--serif);font-size:32px;margin:0}.section-head span{font-size:12px;color:var(--muted)}.comparison-card{display:block;color:var(--ink);text-decoration:none;padding:34px;border:1px solid var(--line);background:var(--white);transition:.2s}.comparison-card:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:8px 8px 0 var(--lime)}.comparison-card h2{font-family:var(--serif);font-size:clamp(27px,3.5vw,46px);line-height:1.25;margin:14px 0}.comparison-card p{color:var(--muted);line-height:1.8;max-width:760px}.read-link{display:inline-block;margin-top:14px;font-weight:700}.empty{text-align:center;padding:72px 24px;border:1px dashed #a8aea8;background:rgba(255,255,255,.35)}.empty h2{font-family:var(--serif);font-size:30px}.empty p{color:var(--muted)}.pulse{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(200,255,86,.22)}footer{border-top:1px solid var(--line);padding:32px clamp(20px,5vw,72px);font:12px "DM Sans",sans-serif;color:var(--muted)}.comparison-main{padding-top:48px;padding-bottom:100px}.comparison-intro{max-width:900px;margin-bottom:44px}.back{color:var(--ink);font-size:13px}.comparison-intro .kicker{margin-top:50px}.comparison-intro h1{font-family:var(--serif);font-size:clamp(38px,6vw,72px);line-height:1.12;margin:18px 0}.comparison-intro>p:last-child{color:var(--muted);line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;align-items:start;border:1px solid var(--ink)}.article-panel{min-width:0;background:var(--white)}.article-panel+article{border-left:1px solid var(--ink)}.article-panel>header{padding:20px 28px;border-bottom:1px solid var(--ink);position:sticky;top:68px;z-index:4}.panel-current>header{background:var(--mint)}.panel-pro>header{background:var(--lime)}.article-panel header h2{font:700 22px "DM Sans",sans-serif;letter-spacing:.04em;margin:3px 0}.article-panel header p{font-size:11px;margin:0;opacity:.72}.article-copy{padding:clamp(24px,4vw,52px)}.article-copy>h1{font-family:var(--serif);font-size:clamp(29px,3.2vw,44px);line-height:1.3;margin:0 0 22px}.article-copy .dek{font-size:17px;font-weight:600;color:#3f4a45;border-left:4px solid var(--ink);padding-left:16px}.article-copy h2,.article-copy h3,.article-copy h4{font-family:var(--serif);font-size:25px;margin:2.2em 0 .8em}.article-copy p,.article-copy li{font-size:15px;line-height:2;color:#28322d}.article-copy a{color:#176c54;text-underline-offset:3px;overflow-wrap:anywhere}.article-copy ul{padding-left:1.3em}@media(max-width:860px){.topnote{display:none}.split{grid-template-columns:1fr}.article-panel+article{border-left:0;border-top:1px solid var(--ink)}.article-panel>header{position:static}.hero h1 br{display:none}}