:root{--navy:#101f32;--lime:#d6f367;--ink:#172638}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.95;background:#f5f7f8}a{color:inherit}header{background:var(--navy);color:white;padding:20px max(5%,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header a{text-decoration:none}header strong{font-size:24px}main{max-width:1100px;margin:auto;padding:65px 24px 100px}.eyebrow{color:#52646d;font-size:12px;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(32px,4vw,52px);line-height:1.4}h2{font-size:23px;line-height:1.5;margin-top:45px}.intro{font-size:19px;color:#53636d}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px}.card,article{background:white;border:1px solid #dce2e7;border-radius:12px;padding:28px}.card{text-decoration:none;display:block}.card:hover{border-color:#9cb54b}.card h2{font-size:22px;margin:10px 0}.card p{color:#53636d}.tag{color:#4d6820;font-size:12px;font-weight:bold}article{max-width:820px;margin:36px auto}article li{margin:20px 0;padding-left:8px}article li::marker{color:#6c8d24}article p{line-height:2.1}.note{background:#f1f5e6;padding:18px;border-left:4px solid #8caa37;font-size:14px}.back{display:inline-block;margin-top:30px}footer{background:var(--navy);color:white;text-align:center;padding:28px;font-size:13px}@media(max-width:680px){.grid{grid-template-columns:1fr}header{padding:18px}main{padding:42px 18px}article,.card{padding:22px}}