:root{color-scheme:light;--ink:#203c36;--muted:#586b64;--paper:#f5f6ef;--line:#d8dfd5;--accent:#245b49}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Yu Gothic',sans-serif;line-height:1.85}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#112d22}header{background:#fff;border-bottom:1px solid var(--line)}header>div{max-width:1120px;margin:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;font-weight:800;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}main{max-width:1120px;margin:auto;padding:42px 26px 80px}h1{font-size:clamp(30px,5vw,54px);line-height:1.4;letter-spacing:-.03em;margin:14px 0 22px}h2{font-size:25px;margin:35px 0 14px}h3{font-size:20px;line-height:1.6}p{max-width:780px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;color:var(--muted)}.hero{padding:25px 0 45px;display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}.hero aside{background:#e6ece1;padding:30px;border-radius:8px;border-top:5px solid var(--accent)}.hero aside strong{font-size:23px;display:block}.button,button{display:inline-block;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:5px;padding:11px 20px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#163c2e;color:white}button.secondary{background:white;color:var(--accent)}button:disabled{opacity:.45;cursor:default}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:25px}.card h3{margin:12px 0}.tag{font-size:12px;color:var(--muted);font-weight:700}.note{padding:16px 20px;border-left:3px solid #a4783b;background:#f4eddf;font-size:14px}.small{font-size:13px;color:var(--muted)}.reading{max-width:800px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}label{display:block;font-size:14px;font-weight:650;margin-bottom:16px}input,select,textarea{font:inherit;max-width:100%;border:1px solid #9aaca2;border-radius:4px;padding:10px;background:white;color:var(--ink)}input:not([type=checkbox]),select{display:block;width:100%;margin-top:6px}textarea{width:100%;min-height:220px;font-family:ui-monospace,monospace;font-size:14px}input[type=checkbox]{width:auto}form .grid{grid-template-columns:repeat(2,1fr)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}th{background:#edf1e8}output{display:block;padding:20px;background:#e6ece1;margin-top:18px}footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:25px 26px 40px;font-size:13px;color:var(--muted)}:focus-visible{outline:3px solid #c17833;outline-offset:4px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:9}[hidden]{display:none!important}li{margin-bottom:12px}code,pre{background:#edf1e8}pre{padding:18px;overflow:auto}article .meta{color:var(--muted);font-size:13px}noscript{display:block;padding:15px;background:#f4eddf}@media(max-width:720px){header>div{align-items:flex-start;flex-direction:column}nav{gap:12px;font-size:13px}main{padding:25px 18px 50px}.hero{grid-template-columns:1fr;gap:20px;padding-top:5px}.grid,form .grid{grid-template-columns:1fr}.card,.panel{padding:20px}h1{font-size:34px}th,td{min-width:120px}}