:root{--bg:#f5f7fb;--panel:#fff;--ink:#17202a;--muted:#667085;--line:#d8e0ea;--blue:#244b7a;--green:#176b55;--gold:#9a6a16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Malgun Gothic",sans-serif;background:var(--bg);color:var(--ink)}.hero{padding:38px clamp(18px,5vw,76px);background:linear-gradient(135deg,#fff,#eaf2fb 58%,#edf7f2);border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 10px;color:var(--green);font-weight:700}h1{margin:0;font-size:34px;letter-spacing:0;line-height:1.2}.lead{max-width:900px;line-height:1.65;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions a,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:6px;padding:10px 13px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700}.actions a:nth-child(2){background:var(--green);border-color:var(--green)}.actions a:nth-child(3){background:#fff;color:var(--blue)}main{padding:22px clamp(16px,4vw,56px) 50px}.grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.grid strong{display:block;margin-bottom:8px;color:var(--blue)}p,li{line-height:1.6}.summary{border-left:4px solid var(--gold)}.flow{margin:18px 0}.flow ol{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:8px;padding:0;list-style:none}.flow li{border:1px solid var(--line);border-radius:6px;padding:10px;text-align:center;background:#fff;font-weight:700}.panel{margin-top:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px}.card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfdff}pre{white-space:pre-wrap;background:#111827;color:#d1fae5;border-radius:8px;padding:14px;overflow:auto;font-size:13px}table{width:100%;border-collapse:collapse;background:#fff}td,th{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}@media(max-width:960px){.grid,.cards,.flow ol{grid-template-columns:1fr}h1{font-size:28px}.hero{padding-top:30px}}