:root { --ink:#242938; --muted:#636a79; --pink:#cf5c8a; --paper:#fffaf3; --line:#ddd7dd; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 Montserrat,Arial,sans-serif; }
header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:74px; padding:8px clamp(18px,6vw,80px); border-bottom:1px solid var(--line); background:rgba(255,250,243,.94); backdrop-filter:blur(12px); }
header img { display:block; width:155px; height:56px; object-fit:contain; }
header nav { display:flex; gap:20px; flex-wrap:wrap; }
a { color:#9e3862; font-weight:700; }
header a, footer a { color:var(--ink); text-decoration:none; font-size:12px; }
main { width:min(900px,calc(100% - 32px)); margin:55px auto 80px; }
h1,h2 { font-family:"Cabin Sketch","Segoe Print",sans-serif; letter-spacing:0; }
h1 { margin:0; font-size:clamp(40px,7vw,68px); line-height:1; }
h2 { margin:38px 0 8px; font-size:27px; }
.meta { color:var(--muted); font-size:12px; }
.notice { margin:24px 0; padding:15px; border-left:4px solid var(--pink); background:#f8dce7; font-weight:700; }
table { width:100%; border-collapse:collapse; margin:18px 0; background:#fff; font-size:13px; }
th,td { padding:12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
th { background:#f8dce7; }
footer { padding:28px; border-top:1px solid var(--line); background:#242938; color:#fff; text-align:center; }
footer a { color:#fff; }
@media(max-width:650px){ header nav{display:none} table{display:block;overflow-x:auto} }