:root{--bg:#f5f4ee;--ink:#162f30;--line:#d8ded6;--accent:#d8ef73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.85 system-ui,'Malgun Gothic',sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#426b13}a:focus-visible{outline:3px solid #59761d;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:800;font-size:21px;text-decoration:none}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}h1{font-size:clamp(38px,6vw,72px);line-height:1.2;letter-spacing:-.055em;margin:32px 0}h2{font-size:29px;line-height:1.4;margin-top:48px}h3{font-size:22px;line-height:1.5}.hero{padding:45px 0 65px;max-width:860px}.hero p,.lead{font-size:20px;max-width:780px}.tag{font-size:13px;letter-spacing:.08em}.button{display:inline-block;background:var(--ink);color:white;border-radius:5px;padding:14px 22px;margin-top:20px;text-decoration:none}.button:hover{color:var(--accent)}section{border-top:1px solid var(--line);padding-bottom:45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.grid b{font-size:13px;color:#54634d}.reading a{display:flex;justify-content:space-between;gap:15px;text-decoration:none;border-bottom:1px solid var(--line);padding:22px 0}.reading span{font-size:13px}.notice{border-left:4px solid #849b39;background:#eaf0dc;padding:20px;font-size:14px}.table{overflow-x:auto;margin:35px 0}table{width:100%;border-collapse:collapse;font-size:15px;min-width:530px}th,td{padding:18px;border-bottom:1px solid var(--line);text-align:left}thead{background:#e4e9dc}caption{text-align:left;font-size:13px;margin-bottom:12px}main>p,main>ol{max-width:840px}li{margin-bottom:12px}footer{border-top:1px solid var(--line);font-size:13px;color:#536360;margin-top:55px}footer a{margin-right:20px}@media(max-width:650px){header,main,footer{padding:22px}header{align-items:start;flex-direction:column;gap:10px}nav{gap:19px}.grid{grid-template-columns:1fr;gap:15px}.hero{padding:25px 0 45px}.reading a{flex-direction:column;gap:0}}