:root{color-scheme:light;--navy:#163243;--ink:#172e3a;--muted:#475d69;--paper:#f3f6f5;--line:#d6e0dc;--accent:#19614e}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 "Malgun Gothic",sans-serif}a{color:var(--accent)}.shell{width:min(100% - 40px,1080px);margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}nav a{text-decoration:none}nav a:first-child{font-weight:800;color:var(--navy)}.content{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;margin-block:30px}.content>article{min-width:0}.hero{padding:clamp(24px,5vw,54px);background:var(--navy);color:white;border-radius:18px}.eyebrow{letter-spacing:.08em;font-weight:bold;font-size:.8rem;color:#aee2ce}.hero h1{margin:.3em 0;font-size:clamp(2rem,5vw,3.1rem);line-height:1.2}.hero p{max-width:35em;color:#dae9e8}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.button{display:inline-block;padding:9px 15px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;font:inherit;font-weight:bold;cursor:pointer}.hero .button{background:#d4f0e4;border-color:#d4f0e4;color:#134838}.button.secondary{background:#fff;color:var(--accent)}.section{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:16px}.section h2{margin:0 0 10px;font-size:1.25rem}.section p,.section ol{margin:0 0 9px}.section p:last-child{margin-bottom:0}.section li+li{margin-top:6px}.rail{align-self:start;border:1px dashed #a6bcb2;border-radius:12px;padding:16px;text-align:center;color:var(--muted);font-size:.85rem;background:#e9f0ed}.rail strong{display:block;color:var(--ink)}.rail p{margin:6px 0}.rail button{margin-top:8px}.guide h1{margin:0}.guide .section:first-child{margin-top:0}footer{padding:12px 0 30px;color:var(--muted);font-size:.85rem}dialog{width:min(410px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:22px}dialog::backdrop{background:#152c3b80}dialog h2{margin:0 0 6px}dialog .actions{justify-content:end}#adStatus{font-size:.84rem}a:focus-visible,button:focus-visible{outline:3px solid #408e73;outline-offset:3px}@media(max-width:780px){.content{grid-template-columns:1fr;gap:16px}.rail{grid-row:2}.shell{width:min(100% - 24px,1080px)}}