:root { color-scheme:light; --ink:#172033; --muted:#516273; --teal:#0f766e; --line:#d6e3e4; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f8f9; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; line-height:1.7; }
header { display:flex; align-items:center; justify-content:space-between; gap:1rem; max-width:1060px; margin:auto; padding:1.2rem 1.5rem; }
.brand { color:var(--teal); font-weight:800; font-size:1.25rem; }
.badge,.type { display:inline-block; width:fit-content; border:1px solid var(--line); border-radius:99px; padding:.15rem .7rem; font-size:.8rem; background:white; }
main { max-width:1060px; margin:auto; padding:0 1.5rem 2rem; }
h1 { font-size:clamp(1.6rem,5vw,2rem); line-height:1.4; margin:.6rem 0; }
h2 { font-size:1.15rem; line-height:1.5; margin:0; }
p { margin:0 0 1rem; }
.event { font-weight:700; margin-bottom:.6rem; }
.event span { display:inline-block; color:var(--muted); font-size:.9rem; font-weight:400; margin-left:.6rem; }
.muted,footer { color:var(--muted); font-size:.85rem; }
.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.card { background:white; border:1px solid var(--line); border-radius:14px; padding:1.15rem; min-width:0; }
.card-heading { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .7rem; }
dl { margin:.8rem 0 1rem; }
dl > div { margin:.5rem 0 0; }
dt { color:var(--muted); font-size:.8rem; }
dd { margin:0; }
button { width:100%; font:inherit; font-size:.95rem; font-weight:700; min-height:48px; padding:.65rem .75rem; border-radius:10px; border:1px solid #99b7b2; color:#115e59; background:#f0faf7; cursor:pointer; }
button:hover:not(:disabled) { background:#dff2eb; }
button:disabled { color:#596572; background:#e0e6e9; cursor:not-allowed; }
:focus-visible { outline:3px solid #854d0e; outline-offset:4px; }
.feedback { margin:0; color:#21483d; font-size:.85rem; }
.feedback:not(:empty),.notice { margin-top:.7rem; padding:.7rem; border-radius:8px; background:#e9f7f1; }
footer { border-top:1px solid var(--line); padding-top:1rem; margin-top:1.5rem; }
.skip { position:absolute; top:-5rem; left:1rem; padding:.7rem; background:white; color:var(--teal); z-index:1; }
.skip:focus { top:.5rem; }
@media(max-width:650px) { header { padding:1rem; } main { padding:0 1rem 1.5rem; } .cards { grid-template-columns:1fr; gap:.75rem; } .card { padding:1rem; } .card dl { display:grid; grid-template-columns:1fr 1.4fr; gap:.3rem .8rem; } .card dl > div { margin:0; } .card dl > div:last-child { grid-column:1 / -1; } .event span { display:block; margin-left:0; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto; } }