main{max-width:900px;margin:2rem auto;padding:0 1rem}section.card{margin:1.2rem 0;padding:1.5rem}form{display:grid;gap:1rem}label{display:grid;gap:.4rem}input:not([type=checkbox]),textarea,select{width:100%;box-sizing:border-box}label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:.7rem}input[type=checkbox]{width:1.1rem;height:1.1rem;min-height:0;padding:0;margin:.2rem 0;flex-shrink:0;accent-color:#234d3e}code{overflow-wrap:anywhere}button{width:fit-content}nav{padding:1rem}pre,output{white-space:pre-wrap;overflow-wrap:anywhere;display:block}#message{padding:1rem;background:var(--paper,#f5f3ef);border-radius:.5rem}footer{padding:2rem;text-align:center}[hidden]{display:none!important}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #ddd}.scroll-table{overflow:auto}

body{margin:0;background:#f7f6f0;color:#173f35;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #dde3da}
.site-header .brand{font-size:1.25rem;font-weight:750;text-decoration:none;color:#173f35}.site-header nav{padding:0;font-size:.9rem}
a{color:#173f35}h1{font-size:clamp(1.8rem,5vw,2.25rem);line-height:1.2}h2{font-size:1.25rem;margin-top:0}p{margin:.6rem 0 1rem}.intro{color:#53665e}
section.card,details.card{background:#fff;border:1px solid #dce3da;border-radius:18px;box-shadow:none;margin:1rem 0;padding:1.4rem}
details.card>summary{font-weight:650;cursor:pointer}details.card>section{margin-top:1rem}details:not(.card){margin:.8rem 0 1.2rem}summary{cursor:pointer}
button{appearance:none;min-height:46px;padding:.7rem 1rem;border:1px solid #173f35;border-radius:10px;background:#173f35;color:#fff;font:600 1rem/1.3 system-ui,-apple-system,sans-serif;cursor:pointer}
button.secondary{background:#fff;color:#173f35}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bf662d;outline-offset:3px}
label{font-size:.95rem;font-weight:600}input:not([type=checkbox]),select,textarea{min-height:46px;padding:.65rem .75rem;border:1px solid #a7b7aa;border-radius:9px;background:#fff;color:#173f35;font:400 1rem/1.4 system-ui}
#message:empty{display:none}#message{padding:1rem;margin:1rem 0;background:#e9f0e6}.task-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0}.task-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .85rem;border:1px solid #a7b7aa;border-radius:24px;text-decoration:none;background:#fff}.task-nav a[aria-current=page]{background:#173f35;color:#fff;border-color:#173f35}
[data-task]{scroll-margin-top:1rem}footer a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:540px){main{margin:1.3rem auto;padding:0 1rem}.site-header{padding:.9rem 1rem}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.site-header nav a{min-height:32px;display:inline-flex;align-items:center}section.card,details.card{padding:1.1rem}.task-nav{gap:.4rem}.task-nav a{font-size:.9rem;padding:.35rem .7rem}form>button{width:100%}}