:root{--ink:#18221d;--muted:#59645e;--forest:#214e3b;--moss:#dfe9d8;--sand:#f4f0e6;--paper:#fffef9;--line:#d8ddd8;--orange:#cf6c35;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75}a{color:inherit}header{position:sticky;top:0;z-index:10;background:rgba(255,254,249,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{max-width:var(--max);margin:auto;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{text-decoration:none;font-size:1.24rem;font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.04em;color:var(--muted)}nav{display:flex;gap:20px;font-size:.9rem}nav a{text-decoration:none}.hero{position:relative;background:#173b2c url('assets/hero.webp') center/cover no-repeat;color:white;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,22,.93),rgba(18,48,35,.77) 43%,rgba(18,48,35,.08) 78%);z-index:-1}.hero-inner{max-width:var(--max);margin:auto;padding:96px 24px 88px;display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.eyebrow{font-size:.79rem;letter-spacing:.14em;font-weight:700;color:#c8dfb9}.hero h1{font-size:clamp(2.35rem,6vw,5.1rem);line-height:1.12;letter-spacing:.04em;margin:12px 0 22px}.hero p{max-width:650px;font-size:1.08rem;color:#e5eee8}.gear-mark{min-height:300px}.gear-mark span{display:none}.wrap{max-width:var(--max);margin:auto;padding:72px 24px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:0;line-height:1.35}.section-head p{max-width:520px;color:var(--muted);margin:0}.pill{display:inline-block;background:var(--moss);color:var(--forest);font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:99px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:14px;padding:0 0 24px;background:white;text-decoration:none;transition:.18s;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(25,50,35,.08)}.card>.pill{margin:20px 24px 0}.card h3{font-size:1.13rem;line-height:1.55;margin:12px 24px 8px}.card p{font-size:.9rem;color:var(--muted);margin:0 24px}.state{font-size:.72rem;margin:18px 24px 0;color:var(--forest);font-weight:700}.card-media{width:100%;height:176px;display:block;object-fit:cover;background:#e5e9e3}.axis{background:var(--sand)}.axis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.axis-item{background:var(--paper);border-top:4px solid var(--forest);padding:20px 15px}.axis-item strong{display:block;margin-bottom:6px}.axis-item span{font-size:.84rem;color:var(--muted)}.notice{border-left:4px solid var(--orange);padding:18px 20px;background:#fff7f0}.article{max-width:780px}.article-cover-wrap{max-width:980px;margin:0 auto 8px;padding:0 24px}.article-cover-wide{width:100%;max-height:520px;aspect-ratio:16/8;object-fit:cover;border-radius:0 0 18px 18px;display:block}.article h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.35;margin:22px 0}.article h2{font-size:1.6rem;margin-top:52px;border-bottom:1px solid var(--line);padding-bottom:10px}.article h3{margin-top:32px}.lead{font-size:1.08rem;color:#354139}.verdict{background:var(--sand);border-radius:14px;padding:26px;margin:32px 0}.verdict strong{display:block;color:var(--forest);margin-bottom:6px}.compare{width:100%;border-collapse:collapse;font-size:.9rem}.compare th,.compare td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare th{background:#f2f5f0}.breadcrumb{font-size:.78rem;color:var(--muted);margin-bottom:24px}.cta{display:inline-block;background:var(--forest);color:white;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:700}.footer{background:#15251d;color:#dce5df}.footer-inner{max-width:var(--max);margin:auto;padding:48px 24px;display:flex;justify-content:space-between;gap:40px}.footer a{color:#dce5df}.fine{font-size:.78rem;color:#aebbb3}@media(max-width:780px){nav{display:none}.hero{background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(11,31,22,.94),rgba(11,31,22,.63))}.hero-inner{grid-template-columns:1fr;padding:68px 18px 62px}.gear-mark{display:none}.grid{grid-template-columns:1fr}.axis-grid{grid-template-columns:1fr 1fr}.section-head,.footer-inner{display:block}.section-head p{margin-top:10px}.wrap{padding:52px 18px}.nav{padding:13px 18px}.compare{font-size:.78rem}.compare th,.compare td{padding:10px 7px}.article-cover-wrap{padding:0}.article-cover-wide{border-radius:0;aspect-ratio:16/10}}