:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#192b29;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:760px;margin:auto;padding:28px}header{padding-top:40px}a{color:inherit}#brand{text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1px}#brand span{display:block;font-size:10px;letter-spacing:2px;color:#697873;margin-top:6px}main{min-height:65vh;padding-top:65px}h1{font-size:clamp(32px,6vw,48px);font-weight:600;letter-spacing:-1.7px;margin:0 0 16px}p{line-height:1.65}button{font:inherit;cursor:pointer;border:1px solid #cad0c7;border-radius:12px;padding:16px 22px;background:#fff;color:inherit;min-height:48px}button:hover{border-color:#276553;background:#eef4ee}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d89339;outline-offset:4px}button:disabled{opacity:.5;cursor:default}.primary{background:#245b4c;color:white;border-color:#245b4c}.primary:hover{background:#194438;color:white}.home-actions{display:grid;gap:14px;margin:38px 0}.home-actions button{display:flex;justify-content:space-between;text-align:left;padding:26px;font-size:20px}.muted,small{color:#64746e}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:22px}.card{background:#fff;border:1px solid #dedfd6;border-radius:18px;padding:30px;margin:24px 0}.question{font-size:22px;line-height:1.55;white-space:pre-wrap}.answer{border-top:1px solid #dedfd6;margin-top:24px;padding-top:22px;white-space:pre-wrap;line-height:1.7}.row{display:flex;gap:10px;flex-wrap:wrap}.row button{flex:1}.choices{display:grid;gap:12px;margin-top:28px}.choices button{text-align:left}.selected{border:2px solid #245b4c;background:#e7eee7}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.back{background:none;border:0;padding:0;min-height:36px;text-align:left;font-size:14px}.progress{height:4px;background:#e1e4dc;border-radius:10px;margin:16px 0}.progress i{display:block;height:100%;background:#245b4c;border-radius:10px}textarea{width:100%;min-height:150px;font:inherit;line-height:1.6;border:1px solid #c5cec5;border-radius:12px;padding:16px;margin-top:20px;resize:vertical}.score{font-size:70px;letter-spacing:-4px;color:#245b4c}.result{border-bottom:1px solid #dedfd6;padding:20px 0}.result p{white-space:pre-wrap}footer{border-top:1px solid #dedfd6;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#64746e;padding-top:22px;padding-bottom:30px}footer a{white-space:nowrap}blockquote{margin:16px 0;padding-left:18px;border-left:3px solid #b5c9bc;white-space:pre-wrap;line-height:1.6}@media(max-width:500px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:38px}.card{padding:22px}.row button{padding:14px 10px}footer{flex-direction:column;gap:10px}}
/* Quiet, compact reviewer; protocol pages stay in the document flow. */
main:has(.topline){padding-top:24px}
.topline{color:#64746e;font-size:13px}
.card{border-color:#e2e4db;border-radius:16px;margin:18px 0;padding:32px}
.card .eyebrow{font-size:11px;letter-spacing:1.2px;color:#64746e;margin-bottom:16px}
.question{font-weight:550;line-height:1.5}
.answer{margin-top:28px;padding-top:26px;border-color:#e8ebe4;font-size:17px;line-height:1.75}
.card>p{margin:18px 0 0;line-height:1.5}
.card>p small{font-size:11px;color:#74817b}
.protocol{border-top:1px solid #e8ebe4;margin-top:24px}
.protocol summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 0;font-size:13px;font-weight:550;color:#45685b;min-height:52px;list-style:none}
.protocol summary::-webkit-details-marker{display:none}
.protocol summary:hover{color:#192b29}
.protocol summary:focus-visible{outline:3px solid #d89339;outline-offset:4px;border-radius:4px}
.protocol-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.protocol[open] .protocol-chevron{transform:rotate(225deg)}
.protocol-pages{margin:2px -16px 0}
.protocol img{display:block;width:100%;height:auto;background:white}
.protocol img+img{margin-top:20px}
.row:has([data-rate]){gap:8px}
[data-rate]{font-size:14px;padding:14px 10px;border-color:#dbe0d6;background:#fafbf7}
[data-rate] small{display:inline-block;margin-top:4px;font-size:11px}
@media(max-width:500px){main:has(.topline){padding-top:16px}.card{padding:24px 20px}.question{font-size:20px}.answer{font-size:16px}.protocol-pages{margin-left:-14px;margin-right:-14px}[data-rate]{padding:12px 6px}}
.study-home{max-width:500px;margin:0 auto}.study-home h1{font-size:32px;letter-spacing:-1px;margin-bottom:32px}.deck-progress{margin:0 0 26px}.study-progress{height:5px;margin:12px 0 20px}.study-progress i{transition:width .2s ease}.study-home .home-actions{margin:26px 0 24px;gap:12px}.study-home .home-actions>small{text-align:center;font-size:12px}.custom-study{border-top:1px solid #dedfd6;padding-top:8px}.custom-study summary{padding:16px 0;cursor:pointer;font-size:14px;color:#45685b}.custom-fields{display:grid;gap:10px;padding:8px 0 16px}.custom-fields label{font-size:12px;color:#64746e}.custom-fields select{font:inherit;width:100%;min-width:0;min-height:48px;padding:12px;background:#fff;border:1px solid #cad0c7;border-radius:10px;color:#192b29}.custom-fields select:focus-visible,.custom-study summary:focus-visible{outline:3px solid #d89339;outline-offset:3px}.custom-fields small{font-size:12px;margin:4px 0 8px}.session-complete{padding:24px 0}.session-complete h1{font-size:36px}.keyboard-hint{text-align:center;font-size:12px;color:#74817b;margin-top:20px}@media(prefers-reduced-motion:reduce){.study-progress i{transition:none}}@media(max-width:500px){.study-home h1{font-size:28px}.topline>small{text-align:right;font-size:11px}.keyboard-hint{display:none}.session-complete h1{font-size:32px}}
.study-home .custom-title{margin:24px 0;font-size:28px}.topic-checks{border:0;padding:0;margin:0 0 24px;min-width:0}.topic-checks legend{font-size:13px;color:#64746e;padding:0 0 12px}.topic-checks label{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #dedfd6;cursor:pointer}.topic-checks input{width:20px;height:20px;accent-color:#245b4c;flex:none}.topic-checks input:focus-visible{outline:3px solid #d89339;outline-offset:4px}.custom-start{width:100%}
.home-menu{width:100%;max-width:380px}.home-menu .home-actions{margin:0;gap:16px}.home-menu .home-actions button{justify-content:center;text-align:center;padding:22px}.home-menu .home-actions button+button{font-size:18px}body:has(.home-menu) header{text-align:center}main:has(.home-menu){padding-top:clamp(40px,9vh,84px)}.rating-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rating-option{text-align:center;min-width:0}.rating-option button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:76px;padding:12px 6px}.rating-label{font-weight:600;line-height:1.3}.rating-option button small{display:block;margin:0;line-height:1.3;font-size:11px}.rating-key{display:block;margin-top:10px;color:#64746e}.rating-key kbd{display:inline-block;min-width:23px;padding:2px 6px;border:1px solid #dbe0d6;border-radius:5px;font:11px/1.4 ui-monospace,monospace;background:#fafbf7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.rating-grid{gap:8px}.rating-option button{min-height:72px}.home-menu .home-actions button{font-size:18px}}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card-heading .eyebrow{margin:0;min-width:0}.report-card{flex:none;min-height:32px;padding:6px 10px;border:1px solid #e2e4db;border-radius:7px;background:#f6f5ef;color:#64746e;font-size:11px;font-weight:400}.report-card:hover{background:#e8ebe4;border-color:#cad0c7;color:#192b29}.report-dialog{width:calc(100% - 40px);max-width:440px;max-height:85vh;overflow:auto;padding:26px;border:1px solid #dedfd6;border-radius:16px;background:#f6f5ef;color:#192b29}.report-dialog::backdrop{background:rgba(25,43,41,.35)}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.report-heading h2{font-size:22px;letter-spacing:-.5px;margin:0}.report-close{background:none;border:0;min-height:40px;min-width:40px;padding:0;font-size:26px;color:#64746e}.report-dialog>p{font-size:14px;margin:12px 0 24px}.report-dialog label{font-size:14px}.report-dialog textarea{margin-top:10px;background:white;min-height:140px}.report-dialog form>button{width:100%}.report-status{font-size:13px;line-height:1.5;margin:12px 0}.report-status:empty{display:none}.report-dialog form>button{margin-top:12px}.report-export{display:block;text-align:center;font-size:11px;color:#64746e;margin-top:22px}.report-success{line-height:1.6}
.rating-option button{min-height:54px}.report-card{border:0;border-radius:0;background:transparent;padding:6px 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cad0c7;color:#74817b}.report-card:hover{background:transparent;color:#64746e;text-decoration-color:currentColor}.report-card:focus-visible,.report-dialog :focus-visible{outline:1px solid #74817b;outline-offset:3px}.report-dialog textarea:focus{border-color:#74817b;outline:1px solid #cad0c7;outline-offset:1px}
