
:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--soft:#f8fafc;--accent:#e45b2b;--navy:#10233e;--ok:#067647;--warn:#b54708}
*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.62}
.wrap{max-width:1120px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 24px rgba(16,35,62,.08)}
.hero{padding:42px 44px;background:linear-gradient(135deg,#fff 0,#fbf7f3 100%);border-bottom:1px solid var(--line)}
.brand{font-size:20px;font-weight:900;letter-spacing:.08em}.brand span{color:var(--accent)}
.kicker{margin-top:12px;color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
h1{font-size:38px;line-height:1.15;margin:8px 0 10px}h2{font-size:25px;margin:30px 0 10px}h3{font-size:18px;margin:22px 0 8px}
.sub{max-width:860px;color:#475467;font-size:17px}.meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.pill{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px}
main{padding:30px 44px 54px}.notice{padding:16px 18px;margin:18px 0;border-left:4px solid var(--warn);background:#fff7ed}.good{border-left-color:var(--ok);background:#ecfdf3}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fff}.card h3{margin-top:0}.card a{font-weight:800;text-decoration:none;color:var(--navy)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid var(--line);padding:9px;vertical-align:top}th{background:var(--navy);color:#fff;text-align:left}
ul,ol{padding-left:22px}.qa details{border:1px solid var(--line);border-radius:9px;padding:11px;margin:8px 0}.qa summary{font-weight:800;cursor:pointer}
footer{padding:22px 44px;border-top:1px solid var(--line);font-size:13px;color:#667085}.pager{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}
.status-index{font-weight:800;color:var(--ok)}.status-hold{font-weight:800;color:var(--warn)}a{color:#174ea6}
@media(max-width:800px){.hero,main,footer{padding-left:22px;padding-right:22px}.grid{grid-template-columns:1fr}h1{font-size:31px}}
