:root { color-scheme:light; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color:#282b27; background:#f7f7f4; line-height:1.7; letter-spacing:0; }
* { box-sizing:border-box; }
body { margin:0; } a { color:#375e43; text-underline-offset:3px; } a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #ba673a; outline-offset:3px; }
body>header { padding:20px max(20px,calc((100% - 900px)/2)); background:#fff; border-bottom:1px solid #dadfd5; }
.hc-public-brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-size:20px; font-weight:700; }
nav { display:flex; gap:8px 20px; flex-wrap:wrap; margin-top:16px; font-size:13px; } nav [aria-current] { font-weight:700; }
main { max-width:820px; margin:0 auto; padding:32px 24px 64px; } h1 { font-size:30px; line-height:1.35; overflow-wrap:anywhere; margin:8px 0 24px; } h2 { font-size:21px; line-height:1.5; } h3 { font-size:18px; line-height:1.5; }
.hc-public-date { color:#686f62; font-size:13px; margin:0; } section { margin:32px 0; padding-top:20px; border-top:1px solid #dbe0d6; } p,li { overflow-wrap:anywhere; } li { margin:8px 0; } ul { padding-left:22px; }
footer { margin-top:40px; padding-top:24px; border-top:1px solid #dbe0d6; font-size:13px; }
form { display:grid; gap:16px; margin:24px 0; max-width:520px; } label { display:grid; gap:8px; font-size:14px; } label:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:10px; }
input { min-width:0; width:100%; font:inherit; border:1px solid #a6b29d; background:#fff; border-radius:6px; min-height:48px; padding:10px 12px; } input[type=checkbox] { flex:0 0 20px; width:20px; min-height:20px; margin-top:4px; accent-color:#375e43; }
button { font:inherit; font-size:14px; min-height:48px; padding:12px 16px; border:1px solid #375e43; color:#fff; background:#375e43; border-radius:6px; cursor:pointer; white-space:normal; } button:disabled { opacity:.55; cursor:wait; } .hc-delete-final { background:#9b3526; border-color:#9b3526; } [data-delete-cancel] { background:transparent; color:#375e43; }
.is-error { color:#9b3526; } [hidden] { display:none!important; }
@media(max-width:420px) { main { padding:24px 20px 48px; } h1 { font-size:26px; } nav { gap:8px 14px; } }