:root{font-family:system-ui,-apple-system,sans-serif;color:#183344;background:#f2f5f6}*{box-sizing:border-box}body{margin:0}header{background:#173c4c;color:white;padding:36px max(20px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:32px;margin:8px 0}h2{font-size:22px}h3{font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px;color:#add9cf}main{max-width:1190px;margin:28px auto;padding:0 20px}section,.card{background:white;border:1px solid #dae3e6;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 3px 14px #173c4c05}p{line-height:1.65}button,input,select,textarea{font:inherit}button{min-height:44px;border:0;border-radius:8px;background:#176c64;color:white;padding:10px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{padding:12px;border:1px solid #bbcbd1;border-radius:8px;max-width:100%;background:white}input[type=password]{display:block;width:560px;margin:12px 0}input[type=checkbox],input[type=radio]{width:22px;height:22px;vertical-align:middle;margin:10px}textarea{width:100%;min-height:140px;margin:10px 0}label{display:block;margin:8px 0}.meta{color:#547079;font-size:13px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}img{width:100%;height:auto;border:1px solid #dce3e5}.pill{display:inline-block;background:#e3f1ed;padding:4px 8px;border-radius:6px;font-size:12px;margin:4px}.selected{outline:2px solid #176c64}#error{color:#a3222c;white-space:pre-wrap}#status{color:#176c64}pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.65}a{color:#176c64}summary{cursor:pointer;min-height:44px;padding:10px}details{margin-top:14px}small{display:block;margin-top:10px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b88025;outline-offset:3px}.mark-point{border-left:3px solid #9abfb8;background:#f5f9f8;padding:14px 18px;margin:12px 0;overflow-wrap:anywhere}.mark-point p{margin:8px 0}.mark-point input[type=text]{width:100%}.mark-point select{margin-left:12px}.rubric h4{margin:22px 0 10px}@media(max-width:600px){header{padding:24px 20px;align-items:start}h1{font-size:25px}.card,section{padding:18px}.toolbar>*{width:100%}.mark-point{padding:12px}.mark-point select{display:block;margin:8px 0}}
.image-viewer{width:96vw;max-width:1400px;border:1px solid #9abfb8;border-radius:12px;padding:16px;color:#183344}.image-viewer::backdrop{background:#102a3aba}.image-viewer .toolbar{justify-content:space-between}.image-pan{overflow:auto;max-height:75vh;overscroll-behavior:contain}.image-pan img{width:auto;max-width:none;display:block}.image-viewer button{flex-shrink:0}
.written-work{border-top:1px solid #dae3e6;padding-top:10px;margin-top:18px}.attachment-row{padding:16px;border:1px solid #c5d9d4;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}.attachment-row button{margin:5px 8px 5px 0}.written-work input[type=file]{width:100%;padding:12px 6px}.attachment-row img{margin-bottom:8px}
.rules-editor{min-height:340px;font-family:ui-monospace,monospace;font-size:14px}.katex-display{overflow-x:auto;overflow-y:hidden;padding:8px 0}pre{overflow-x:auto}code{overflow-wrap:anywhere}.card button{margin:4px}#content>.toolbar{align-items:end}#content>.toolbar label{max-width:100%}