:root{--ink:#2d2a27;--muted:#756f69;--bg:#fbfaf7;--card:#fff;--line:#e8e2da;--accent:#ef7a65;--accent2:#7c9b82;--gold:#e9b94f;--soft:#f3eee7;--shadow:0 18px 50px rgba(45,42,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.85}.wrap{width:min(920px,92%);margin:auto}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:15px;font-weight:900}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500}.brand-lockup{display:flex;align-items:center;gap:9px;line-height:1.1}.brand-icon{width:36px;height:36px;object-fit:contain;flex:none}.brand-copy{display:grid;gap:2px}.brand-parent{font-size:9px;letter-spacing:.06em;color:#0b8f8e;font-weight:900}.brand-site{font-size:15px}.brand-lockup small{font-size:9px}.brand-logo{width:min(230px,100%);height:auto;margin:0 0 22px}.nav{display:flex;gap:18px;color:var(--muted);font-size:12px}.hero{padding:74px 0 50px;background:linear-gradient(135deg,#fff9f3,#f3eee7)}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--accent)}h1{font-size:clamp(34px,6vw,56px);line-height:1.18;letter-spacing:-.03em;margin:12px 0 18px}h2{font-size:clamp(24px,4vw,34px);line-height:1.35;margin:46px 0 16px}h3{font-size:18px;margin:26px 0 8px}.lead{max-width:720px;color:#5f5954;font-size:17px;margin:0}.meta{font-size:12px;color:var(--muted);margin-top:18px}.article{padding:30px 0 72px;max-width:760px}.article p,.article li{font-size:15px}.article ul{padding-left:1.4em}.article li+li{margin-top:7px}.notice{padding:16px 18px;border-left:4px solid var(--gold);background:#fff9e8;border-radius:0 14px 14px 0;font-size:13px}.point{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin:20px 0}.point strong{color:var(--accent)}.toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:28px 0}.toc b{font-size:13px}.toc ol{margin:8px 0 0;padding-left:1.3em;font-size:13px}.next{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-top:42px;font-size:13px}.next a{font-weight:900;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:46px 0 72px}.card{display:flex;flex-direction:column;min-height:200px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}.card h2{font-size:19px;margin:10px 0}.card p{font-size:13px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:34px 0 46px;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.footer-links a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.nav{display:none}.hero{padding:54px 0 36px}.grid{grid-template-columns:1fr}.article p,.article li{font-size:14px}.next{display:block}.next a{display:inline-block;margin-top:8px}}