*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;line-height:1.6;margin:0;background:#f8fafc;color:#0f172a}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;color:#0b1324}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{background:#ffffff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e2e8f0}
.brand{display:flex;gap:16px;align-items:center;padding:12px 24px}
.brand img{height:64px;width:auto}
.main-nav{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 16px}
.main-nav a{padding:8px 12px;border-radius:10px;background:#eef2f7}
.main-nav a.active{background:#0ea5e9;color:white}
.hero{background:#e2f1fb;border:1px solid #bfdbfe;padding:24px;border-radius:14px;margin-bottom:24px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:white;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
.card img{width:100%;height:160px;object-fit:cover;display:block}
.card .p{padding:16px}
blockquote{background:#fff7ed;border-left:4px solid #fb923c;margin:0;padding:12px 16px;border-radius:8px}
.notice{background:#ecfeff;border:1px solid #a5f3fc;color:#083344;padding:12px 14px;border-radius:10px}
.table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}
.kicker{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:600;font-size:.8rem}
.site-footer{border-top:1px solid #e2e8f0;background:#ffffff;margin-top:40px;padding:24px;text-align:center;color:#475569}
.small{font-size:.9rem;color:#475569}
ul.simple{margin:0 0 0 18px}
figure{margin:0}
figcaption{font-size:.85rem;color:#475569}