:root { color-scheme: light; font-family: "Yu Gothic UI","Meiryo",system-ui,sans-serif; color: #172f31; background: #eef4f2; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 18px; }
main { width: min(100%, 460px); background: white; border: 1px solid #c7d9d3; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 40px #173a2e12; }
header { padding: 18px 28px; background: #103a34; color: white; font-size: 17px; font-weight: 750; letter-spacing: .08em; }
header span { color: #a8e2cf; }
section { padding: clamp(20px,5vw,32px); }
h1 { margin: 0 0 12px; font-size: clamp(22px,5vw,28px); }
p, dd { margin: 0 0 18px; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
#status { margin: 14px 0 0; color: #52655f; }
#status:empty { display: none; }
dt { font-size: 14px; font-weight: 650; color: #51655e; }
button { border: 1px solid #b1c6bd; background: white; color: #15473e; font: inherit; font-size: 16px; border-radius: 8px; padding: 9px 16px; cursor: pointer; }