:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f6f7f8;color:#152126}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:2rem}.foundation{width:min(100%,48rem);background:#ffffff;border:1px solid #d8dee1;padding:clamp(1.5rem,4vw,3rem)}h1{margin-top:0;font-size:clamp(1.5rem,4vw,2.5rem)}p{line-height:1.6}small{color:#52616a}.status{margin-top:1.5rem;border-top:1px solid #e3e7e9;padding-top:1rem}.status[data-state=ready]{color:#12633c}.status[data-state=unavailable]{color:#7a4c00}