@font-face{font-family:TutorRounded;src:url('/flash/fonts/Nunito.ttf');font-weight:200 1000}
:root{--ink:#263f3c;--muted:#63746c;--paper:#f7f4ec;--line:#dce1d3;--green:#315f50;--peach:#f4dfcc;--sage:#e1eadb;--gold:#f6ebc7;--sky:#deeced;--lilac:#e9e2ef;--rose:#f2e0dd}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 TutorUI,Arial,sans-serif}body.tutor-app[data-tutor-tool="visual-aids"]{touch-action:pan-y;overscroll-behavior:auto;user-select:auto}button,input,select{font:inherit}button,select{cursor:pointer}button{min-height:44px;border:0;border-radius:12px;padding:10px 17px;color:var(--ink);font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b67128;outline-offset:4px}.primary{background:var(--green);color:#fffdf3}.quiet{background:#e9ede2;border:1px solid #d5ddcc}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--muted);margin:0 0 8px}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:white;padding:12px}.skip-link:focus{top:10px}main{max-width:1430px;margin:auto;padding:28px 38px 50px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 26px}.library-heading h1{font:850 clamp(36px,4vw,54px)/1.1 TutorRounded,Arial,sans-serif;letter-spacing:-1.8px;margin:0}.library-heading h1 span{color:#c89542}.library-heading p:last-child{color:var(--muted);font-size:14px;margin:12px 0 0}.heading-art{width:240px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:65px}.heading-art span:nth-child(1){color:#709b8c;transform:translateY(10px)}.heading-art span:nth-child(2){color:#d89375;transform:translateY(-14px) rotate(-8deg)}.heading-art span:nth-child(3){color:#d4b052;font-size:70px}
.filter-panel{border:1px solid var(--line);border-radius:22px;padding:21px 24px;background:#fffdf7;box-shadow:0 5px 16px #314d3910}fieldset{padding:0;margin:0 0 15px;border:0;min-width:0}legend{font-size:13px;font-weight:800;margin:0 0 9px}legend span{font-size:11px;font-weight:400;color:var(--muted);margin-left:9px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{font-size:12px;border:1px solid var(--line);background:#f9faf5;padding:8px 14px;min-height:38px;border-radius:9px}.chips button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:white}.filter-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;border-top:1px solid #e9ecdf;padding-top:15px}.search-label{font-size:11px;font-weight:700;display:grid;gap:5px;width:min(420px,100%)}input[type="search"]{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-height:44px;color:var(--ink);width:100%}.filter-bottom button{font-size:12px;white-space:nowrap}.cycle-panel{display:flex;align-items:center;gap:22px;padding:19px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.cycle-panel>div{margin-right:auto}.cycle-panel strong{font:800 18px TutorRounded,Arial,sans-serif}.cycle-panel p{font-size:12px;color:var(--muted);margin:3px 0 0}.cycle-panel>label:not(.shuffle-label){display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}select{background:#fffdf7;color:var(--ink);border:1px solid #cbd5c4;border-radius:10px;padding:9px 30px 9px 12px;min-height:44px}input[type="checkbox"]{width:18px;height:18px;accent-color:var(--green)}.shuffle-label,.display-options label{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}.cycle-panel button{font-size:13px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px 0 16px}.results-heading h2{font:800 21px TutorRounded,Arial,sans-serif;margin:0}.results-heading h2 span{font:600 11px TutorUI,Arial,sans-serif;display:inline-block;background:#e4e9dc;border-radius:30px;padding:5px 10px;margin-left:9px}.results-heading>span{font-size:11px;color:var(--muted)}
.aid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.aid-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden;background:#fffdf8;border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 8px #2c4c3410;transition:transform .16s,box-shadow .16s}.aid-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #2c4c3417}.aid-art{display:flex;align-items:center;justify-content:center;position:relative;background:var(--sage)}.age-badge{position:absolute;right:10px;top:9px;font-size:9px;border:1px solid #ffffff9c;background:#ffffff9c;padding:2px 7px;border-radius:20px}.tone-peach{--tone:var(--peach)}.tone-sage{--tone:var(--sage)}.tone-gold{--tone:var(--gold)}.tone-sky{--tone:var(--sky)}.tone-lilac{--tone:var(--lilac)}.tone-rose{--tone:var(--rose)}[class*="tone-"] .aid-art{background:var(--tone)}.card-copy{padding:13px 15px 14px;display:flex;flex-direction:column;flex:1}.card-copy small{font-size:9px;font-weight:600;color:var(--muted);margin-bottom:5px}.card-copy strong{font:850 18px/1.2 TutorRounded,Arial,sans-serif;letter-spacing:-.3px}.card-copy p{font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin:7px 0 12px}.card-open{border-top:1px solid #e8ecdf;padding-top:9px;display:flex;justify-content:space-between;font-size:10px;margin-top:auto}.empty-state{text-align:center;padding:55px 15px;border:1px dashed #b4c2a8;border-radius:18px}.empty-state h2{font:800 25px TutorRounded,Arial,sans-serif}.empty-state p,.library-note{font-size:12px;color:var(--muted)}.library-note{text-align:center;margin:28px 0 0}
@media(min-width:851px){main{padding-top:20px}.library-heading{margin:0 0 18px}.library-heading h1{font-size:44px}.library-heading p:last-child{font-size:13px;margin-top:8px}.filter-panel{padding:16px 22px}fieldset{margin-bottom:11px}.filter-bottom{padding-top:10px}.cycle-panel{padding:14px 0}.results-heading{margin-top:18px}}
@media(max-width:850px){main{padding:24px}.heading-art{width:160px;font-size:47px}.cycle-panel{gap:12px}.cycle-panel>div{width:100%}}
@media(max-width:520px){main{padding:18px 15px}.library-heading{margin:6px 0 20px}.library-heading h1{font-size:36px}.library-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.library-heading p:last-child{font-size:12px}.heading-art{display:none}.filter-panel{padding:17px 15px}.chips{gap:6px}.chips button{font-size:11px;padding:8px 10px}.filter-bottom{flex-wrap:wrap}.search-label{width:100%}.cycle-panel{gap:12px}.cycle-panel .primary{width:100%}.results-heading>span{display:none}.results-heading h2{font-size:19px}.aid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-copy{padding:11px}.card-copy small{font-size:8px}.card-copy p{font-size:10px}}
@media(max-width:340px){.aid-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.aid-card{transition:none}}