.assessment-page{--assessment-line:color-mix(in srgb,currentColor 18%,transparent)}
.assessment-filters{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:1rem;margin:1.5rem 0}
.assessment-filters label{display:grid;gap:.5rem;font-weight:650}
.assessment-filters input,.assessment-filters select{width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid var(--assessment-line);border-radius:6px;color:inherit;background:var(--paper,#fff);font:inherit}
.assessment-group{margin:2.5rem 0}.assessment-group h3{margin:0 0 1rem}
.assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.assessment-card{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border:1px solid var(--assessment-line);border-radius:8px;text-decoration:none!important;color:inherit;transition:background .15s}
.assessment-card:hover{background:color-mix(in srgb,#bce3ff 28%,transparent)}
.assessment-card:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.assessment-card strong{font-size:1.15rem;line-height:1.3}.assessment-card span,.assessment-card small{font-size:.85rem;line-height:1.5}.assessment-card small{margin-top:auto}
.assessment-state{padding:1rem 1.25rem;border-left:4px solid #497a93;background:color-mix(in srgb,#bce3ff 20%,transparent);font-weight:650}
.assessment-rubric details{border-top:1px solid var(--assessment-line);padding:.85rem 0}.assessment-rubric summary{cursor:pointer;padding:.4rem 0}.assessment-rubric dl{margin:1rem 0}.assessment-rubric dt{font-weight:700;margin:1rem 0 .3rem}.assessment-rubric dd{margin:0;max-width:80ch;line-height:1.65}
.assessment-page [hidden]{display:none!important}
@media(max-width:900px){.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.assessment-filters,.assessment-grid{grid-template-columns:1fr}.assessment-card{padding:1rem}.assessment-group{margin:1.75rem 0}}
@media print{.assessment-filters,#assessment-count{display:none}.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-card{break-inside:avoid}}
.assessment-rubric dd{white-space:pre-line}
.assessment-score-scale{margin:2rem 0}.assessment-level{margin:0 0 3rem;padding-top:1rem;border-top:3px solid var(--level-color,#304ba7)}
.assessment-level--1{--level-color:#72798d;--level-tint:#f0f1f5}.assessment-level--2{--level-color:#326f85;--level-tint:#eaf3f5}.assessment-level--3{--level-color:#406c49;--level-tint:#eef4ed}.assessment-level--4{--level-color:#4345a2;--level-tint:#eeedfa}
.assessment-level-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.assessment-level-heading>div{display:flex;align-items:center;gap:.8rem}.assessment-level-heading h3{margin:0;font-size:1.3rem!important}.assessment-level-heading p{margin:0!important;white-space:nowrap;font-weight:650}.assessment-level-number{font-size:.8rem;font-weight:700;color:var(--level-color)}
.assessment-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.assessment-score-card{min-width:0;border:1px solid var(--assessment-line);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--level-tint) 30%,#fff)}
.assessment-score-card h4{margin:0!important;padding:1rem 1.2rem;background:var(--level-tint);color:var(--level-color);font-size:1rem!important;line-height:1.2!important;display:flex;align-items:baseline;gap:.5rem}.assessment-score-card h4 span{font-size:2.5rem;font-weight:800;letter-spacing:-.04em}
.assessment-score-card dl{margin:0;padding:0 1.2rem}.assessment-score-card dl>div{padding:1rem 0;border-bottom:1px solid var(--assessment-line)}.assessment-score-card dl>div:last-child{border:0}.assessment-score-card dt,.assessment-domains dt{font-weight:750;font-size:.84rem;line-height:1.4;margin-bottom:.5rem}.assessment-score-card dd,.assessment-domains dd{margin:0;font-size:.95rem;line-height:1.6;white-space:pre-line}
.assessment-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.assessment-domains article{padding:1.25rem;border:1px solid var(--assessment-line);border-radius:8px}.assessment-domains h3{font-size:1.2rem!important}.assessment-domains dl>div{margin:1.25rem 0}
@media(max-width:760px){.assessment-score-grid,.assessment-domains{grid-template-columns:1fr}.assessment-level-heading{align-items:flex-start}.assessment-level-heading>div{align-items:baseline}.assessment-level-heading h3{font-size:1.1rem!important}.assessment-score-card h4{padding:.9rem 1rem}.assessment-score-card dl{padding:0 1rem}}
@media print{.assessment-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-score-card{break-inside:avoid}.assessment-level-heading{break-after:avoid}.assessment-score-card dd{font-size:9pt}}
