:root { color-scheme:light; font-family:"Open Sans",Arial,sans-serif; color:#151515; background:#faf9f6; }
* { box-sizing:border-box; } body { margin:0; } main { max-width:1050px; margin:0 auto; padding:40px 24px; } header { border-bottom:1px solid #ccc; padding-bottom:24px; margin-bottom:24px; } h1 { font-size:clamp(27px,5vw,42px); margin:8px 0; } p { line-height:1.55; } .eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:12px; } form { max-width:620px; } label { display:block; margin:12px 0 8px; font-weight:600; } input,select,button { font:inherit; font-size:15px; min-height:44px; border:1px solid #bbb; border-radius:2px; padding:10px 14px; } input { display:block; width:100%; margin-bottom:12px; } button { background:#141414; color:white; cursor:pointer; } button:disabled { opacity:.55; cursor:wait; } button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible { outline:3px solid #498d8d; outline-offset:3px; } .toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; } .toolbar strong { margin-right:auto; } article { border:1px solid #ccc; background:white; padding:20px; margin:18px 0; overflow-wrap:anywhere; } article h2 { font-size:18px; margin:0 0 12px; } article .comment { white-space:pre-wrap; } .meta { color:#505050; font-size:13px; } a { color:#256363; } [hidden] { display:none !important; } #message { min-height:24px; font-weight:600; } @media(max-width:500px) { main { padding:24px 16px; } article { padding:16px; } }