/* base */
:root{--accent:#0C7C70}
html{font-size:112.5%}
:root{--ink:#1F2340;--page:#FFFFFF;--muted:#4A4F68;--line:#D5D8E2;--surface:#F3F4F8;--on-accent:#FFFFFF;--radius:8px;--space:1rem;--column:46rem;--heading-weight:700;--heading-spacing:normal;--row:.6rem}
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5}
body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
main{display:block;width:min(100%, var(--column));margin:0 auto;padding:var(--space)}
h1,h2,h3{font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);line-height:1.2;margin:1.25em 0 .5em}
h1{font-size:1.75rem}
h2{font-size:1.3rem}
h3{font-size:1.1rem}
p,ul,ol,dl,table,form,fieldset{margin:0 0 var(--space)}
a{color:var(--accent);text-underline-offset:.15em}
a:hover{text-decoration-thickness:.15em}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem var(--space);margin:0 0 var(--space)}
header h1{margin:0}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--space)}
nav form,header form{margin:0}
section{margin:0 0 calc(var(--space) * 1.5)}
section>:first-child,section>:first-child>:first-child{margin-top:0}
section>:last-child{margin-bottom:0}
ul,ol{padding-left:1.25rem}
li{padding:.2rem 0}
label{display:block;margin:0 0 .75rem;font-weight:600}
fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space)}
input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.5rem .75rem;border:1px solid var(--muted);border-radius:var(--radius);background:#FFFFFF;color:var(--ink);font-weight:400}
textarea{min-height:6rem}
input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin:0 .5rem 0 0;vertical-align:middle;accent-color:var(--accent)}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.1rem;border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;cursor:pointer}
button:hover,.button:hover{filter:brightness(.9)}
table{width:100%;border-collapse:collapse}
th,td{padding:var(--row) .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-weight:700}
small,.muted{color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:calc(var(--space) * 1.5) 0}
img,svg,video{max-width:100%;height:auto}
code,pre{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:.9em}
pre{overflow-x:auto;padding:var(--space);background:var(--surface);border-radius:var(--radius)}
@media (max-width:40rem){table{display:block;overflow-x:auto}}
@media (min-width:48rem){main{padding:calc(var(--space) * 2) calc(var(--space) * 1.5)}}
/* floor: the kit keeps these */
html{font-size:112.5% !important;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}
body{font-size:1rem !important;overflow-x:hidden !important;overflow-wrap:break-word !important}
body,main,header,nav,footer,section,article,aside,form,fieldset,div,table,pre{max-width:100% !important;min-width:0 !important}
img,svg,video,canvas,iframe,input,select,textarea{max-width:100% !important}
button,select,textarea,.button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px !important}
input[type=checkbox],input[type=radio]{width:1.5rem !important;height:1.5rem !important}
:focus-visible{outline:3px solid #0C7C70 !important;outline-offset:2px !important;box-shadow:0 0 0 5px #FFFFFF !important}
/* look */
:root{--ink:#1F2340;--page:#FFFFFF;--muted:#4A4F68;--line:#DDE0E8;--surface:#F5F6F9;--radius:8px;--space:1rem;--heading-weight:700}
header{padding-bottom:var(--space);border-bottom:1px solid var(--line)}
section{padding:var(--space);border:1px solid var(--line);border-radius:var(--radius)}
section>ul{list-style:none;padding:0}
section>ul>li{padding:.5rem 0;border-bottom:1px solid var(--line)}
thead th{background:var(--surface)}
/* look: clean */