:root{--school-primary:#2b3a4a;--school-on-primary:#fff;--school-accent:#5b6877;color:#1c2530;background:#f5f7fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}header{color:var(--school-on-primary);background:var(--school-primary);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.75rem 1.5rem;display:flex}header h1{margin:0;font-size:1.25rem}nav{flex-wrap:wrap;flex:20rem;align-items:center;gap:.5rem;display:flex}nav button{color:inherit;background:0 0;border:1px solid #0000}nav button:hover{border-color:var(--school-on-primary)}nav button[aria-current=true]{border-bottom:3px solid var(--school-accent)}.who{margin-inline-start:auto}main{max-width:48rem;margin:0 auto;padding:1.5rem}footer{color:#5b6877;text-align:center;padding:0 1.5rem 1.5rem;font-size:.875rem}.card{background:#fff;border:1px solid #d9dfe6;border-radius:.5rem;padding:1.5rem}.card h2{margin:0 0 1rem;font-size:1.25rem}form{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}label{flex-direction:column;gap:.25rem;width:100%;font-weight:600;display:flex}input[type=text],input[type=email],input[type=date],input[type=time],select,textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #9aa6b2;border-radius:.25rem;padding:.5rem .625rem}fieldset{box-sizing:border-box;border:1px solid #d9dfe6;border-radius:.25rem;width:100%;margin:0;padding:.75rem 1rem}legend{padding:0 .25rem;font-weight:600}label.choice{flex-direction:row;align-items:center;gap:.5rem;width:auto;padding:.25rem 0;font-weight:400}button{font:inherit;color:var(--school-on-primary);background:var(--school-primary);border:1px solid var(--school-primary);cursor:pointer;border-radius:.25rem;padding:.5rem 1rem}button:disabled{opacity:.5;cursor:default}button.plain{color:var(--school-primary);background:0 0;border:none;padding:0;text-decoration:underline}p{margin:0 0 .75rem}.quiet{color:#5b6877;font-weight:400}.problem{color:#a3261d;margin:1rem 0 0}.done{color:#14532d;background:#e3f4e8;border-radius:.25rem;padding:.5rem .75rem}.notice{border-top:1px solid #d9dfe6;padding:.75rem 0}.notice summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.notice-title{font-weight:600}.counts{margin-inline-start:auto;font-weight:600}.notice-body{white-space:pre-wrap;margin:.75rem 0}table{table-layout:fixed;border-collapse:collapse;width:100%}th,td{text-align:start;border-top:1px solid #e6eaef;padding:.375rem .5rem}td.opened{color:#14532d}.date-row{border-bottom:1px solid #e6eaef;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;padding:.5rem 0;display:flex}.date-row label{flex:7rem;width:auto;font-weight:400}.date-row label.date-label{flex:3 14rem}.notice-dates,.attached,.attachments ul{margin:0 0 .75rem;padding-inline-start:1.25rem}button.link{color:var(--school-primary,#1f5fa8);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.conversation{border-top:1px solid #d9dfe6;padding:.5rem 0}button.conversation-line{width:100%;color:inherit;text-align:start;background:0 0;border:none;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:.25rem 0;display:flex}.conversation-line .when{margin-inline-start:auto}.conversation-line .preview{white-space:nowrap;text-overflow:ellipsis;flex:100%;overflow:hidden}.badge{color:#1c2530;background:var(--school-accent);border-radius:1rem;padding:0 .5rem;font-size:.875rem;font-weight:600}.thread{flex-direction:column;gap:.75rem;padding:.75rem 0 .5rem;display:flex}.message{box-sizing:border-box;background:#f0f3f7;border-radius:.5rem;align-self:flex-start;max-width:85%;padding:.625rem .875rem}.message.mine{background:#e6eef8;align-self:flex-end}.message p:last-child,.message .notice-body{margin:0 0 .25rem}label.category{flex-flow:wrap;align-items:center;gap:.5rem;width:auto;margin-top:.5rem;font-weight:400}label.category select{width:auto}.unsure{color:#6b4000;background:#fdf0d5;border-inline-start:3px solid #c77700;border-radius:.125rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400}label.checked{font-weight:600}.threads{margin:0 0 .75rem}.threads ul,.records ul{margin:.5rem 0;padding:0;list-style:none}.threads li{padding:.25rem 0}.turn{border-top:1px solid #d9dfe6;padding:.75rem 0}.asked{font-weight:600}.answer{border:1px solid #d9dfe6;border-radius:.5rem;margin:.75rem 0;padding:.75rem 1rem}.answer-title{margin:0 0 .25rem;font-weight:600}.answer-number{margin:0 0 .25rem;font-size:2.5rem;font-weight:600;line-height:1.1}.refusal{background:#f0f3f7;border-inline-start:4px solid #5b6877;border-radius:.25rem;padding:.75rem 1rem}.refusal p{white-space:pre-wrap;margin:.25rem 0 0}.records li{border-top:1px solid #e6eaef;padding:.375rem 0}.records summary,.record{align-items:baseline;gap:1rem;display:flex}.records summary{cursor:pointer}.record-label{white-space:nowrap;text-overflow:ellipsis;text-align:start;flex:1 1 0;min-width:0;overflow:hidden}.records details[open] .record-label{visibility:hidden}.records .quiet{flex:none;font-size:.875rem}.chart{grid-template-columns:max-content 1fr max-content;align-items:center;gap:.375rem .75rem;margin:.5rem 0 .75rem;padding:0;list-style:none;display:grid}.chart li{display:contents}.chart-label{color:#5b6877;font-size:.875rem}.chart-track{border-inline-start:1px solid #9aa6b2;height:1rem}.chart-bar{background:var(--school-primary);border-radius:0 4px 4px 0;min-width:1px;height:100%;display:block}.chart-value{font-variant-numeric:tabular-nums;text-align:end;font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}