.grade-page{--grade-red:#b95666;--grade-red-soft:#de9aa4;--grade-red-line:#e8b8c0;--grade-red-wash:#fff8f9;--grade-ink:#39404b;--grade-muted:#6b7280;--grade-line:#e3e6ea;--grade-side:#fbfbfc;--grade-accent:var(--grade-red);--grade-accent-line:var(--grade-red-line);--grade-accent-wash:var(--grade-red-wash);min-height:100vh;background:#fff;color:var(--grade-ink);font-size:14px;line-height:1.75}
.grade-page[data-grade="8"]{--grade-accent:#287ea5;--grade-accent-line:#bbd5e3;--grade-accent-wash:#f6fbfd}
.grade-page[data-grade="9"]{--grade-accent:#548561;--grade-accent-line:#c1d8c5;--grade-accent-wash:#f7fbf7}
.grade-page *, .grade-page *::before, .grade-page *::after{box-sizing:border-box}
.grade-page button,.grade-page input{font:inherit}
.grade-page button{cursor:pointer}
.grade-page a{color:inherit;text-decoration:none}
.grade-page :is(a,button,input):focus-visible{outline:3px solid #08728f;outline-offset:2px}
.grade-sprite{position:absolute;width:0;height:0;overflow:hidden}
.grade-page svg:not(.grade-sprite){width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.grade-workspace{padding:0 30px 60px;background:#fff}
.grade-workspace__inner{max-width:1000px;margin:0 auto}
.grade-initial{padding:28px 0 20px}
.grade-kicker{color:var(--grade-accent);font-size:12px;font-weight:700}
.grade-resource-group{padding:8px 6px}
.grade-resource-group[hidden]{display:none}
.grade-resource-group h2,.grade-resource-group h3{margin:1px 5px 6px;color:#4b5563;font-size:13px;font-weight:700}
.grade-resource{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:5px;border:0;border-radius:4px;background:transparent;color:#626a75;font-size:13px;line-height:1.4;text-align:right;transition:color .22s ease-out,background-color .22s ease-out}
.grade-resource span{min-width:0;overflow-wrap:anywhere}
.grade-resource:hover,.grade-resource.is-active{background:#f0f2f4;color:var(--grade-ink)}
.grade-resource.is-active{font-weight:700}
.grade-resource[hidden]{display:none}
.grade-resource .grade-resource__icon{width:18px;height:18px;color:var(--grade-accent);stroke-width:1.7}
.grade-resource{min-height:44px}
.grade-discovery__intro{padding:0 0 21px;border-bottom:1px solid var(--grade-line)}
.grade-discovery__intro h1{margin:3px 0;color:#343b45;font-size:26px;line-height:1.5}
.grade-discovery__intro p{margin:0;color:var(--grade-muted);font-size:13px}
.grade-discovery__tools{padding:20px 0 8px}
@media(min-width:901px){.grade-discovery__tools{display:none}}
.grade-discovery__search{max-width:620px}
.grade-discovery__results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;color:var(--grade-muted);font-size:12px}
.grade-discovery__results button{min-height:40px;padding:5px 8px;border:0;background:transparent;color:var(--grade-accent);font-size:12px}
.grade-discovery__results button:hover{text-decoration:underline}
.grade-discovery__results button[hidden],.grade-discovery__chapter[hidden],.grade-discovery__chapter-body[hidden],.grade-discovery__types button[hidden],.grade-discovery__group[hidden],.grade-discovery__more[hidden],.grade-discovery__chapter-count[hidden]{display:none}
.grade-discovery__chapter{margin:14px 0;scroll-margin-top:110px;border:1px solid var(--grade-accent-line);border-radius:7px;background:#fff;overflow:hidden;overflow-anchor:none}
.grade-discovery__chapter h2{margin:0}
.grade-discovery__chapter-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:53px;padding:10px 16px;border:0;background:#fff;color:var(--grade-ink);text-align:right}
.grade-discovery__chapter-toggle:hover{color:var(--grade-accent)}
.grade-discovery__chapter-name{display:flex;align-items:baseline;flex:1;flex-wrap:wrap;gap:3px 9px;min-width:0;font-size:16px}
.grade-discovery__chapter-name>span{color:var(--grade-accent);font-size:12px;font-weight:700;white-space:nowrap}
.grade-discovery__chapter-name strong{font-weight:500}
.grade-discovery__chapter-count{flex:none;color:var(--grade-muted);font-size:11px;font-weight:400;white-space:nowrap}
.grade-discovery__chapter-toggle>svg{width:17px!important;height:17px!important;color:var(--grade-accent);transition:transform .22s ease-out}
.grade-discovery__chapter:not(.is-collapsed) .grade-discovery__chapter-toggle>svg{transform:rotate(180deg)}
.grade-discovery__chapter-body{padding:13px 16px 16px;border-top:1px solid var(--grade-line)}
.grade-discovery__empty{margin:0;color:var(--grade-muted);font-size:13px}
.grade-discovery__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:17px}
.grade-discovery__types button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:7px 10px;border:1px solid var(--grade-line);border-radius:5px;background:#fff;color:#59626e;font-size:12px;text-align:right;transition:color .22s ease-out,border-color .22s ease-out,background-color .22s ease-out}
.grade-discovery__types button:hover,.grade-discovery__types button[aria-pressed="true"]{border-color:var(--grade-accent-line);background:var(--grade-accent-wash);color:var(--grade-accent)}
.grade-discovery__types small{color:var(--grade-muted);font-size:11px}
.grade-discovery__group{padding:10px 0;border-top:1px solid var(--grade-line)}
.grade-discovery__group h3{margin:0 0 5px;color:#4b5563;font-size:13px;font-weight:700}
.grade-discovery__group .grade-resource{min-height:44px;padding:7px 5px;border-bottom:1px solid #f0f1f3;border-radius:0;color:#636d79}
.grade-discovery__group .grade-resource[hidden]{display:none}
.grade-discovery__group .grade-resource:hover{background:transparent;color:var(--grade-accent)}
.grade-discovery__more{min-height:40px;padding:6px 5px;border:0;background:transparent;color:var(--grade-accent);font-size:12px;font-weight:700;text-align:right}
.grade-discovery__more:hover{text-decoration:underline}
@media(max-width:900px){.grade-discovery__intro h1{font-size:21px}.grade-discovery__types{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-discovery__chapter-toggle{gap:9px;padding:9px 12px}.grade-discovery__chapter-name{display:grid;gap:0;font-size:14px}.grade-discovery__chapter-count{font-size:10px}.grade-discovery__chapter-body{padding:13px 11px 16px}}
@media(max-width:900px){.grade-discovery__chapter{scroll-margin-top:92px}}
@media(max-width:360px){.grade-discovery__chapter-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){.grade-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.grade-page .grade-sarnakh-support{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--grade-accent-line);border-radius:7px;background:var(--grade-accent-wash);color:var(--grade-accent);font-weight:700;cursor:pointer;transition:border-color .25s ease-out,background-color .25s ease-out}
.grade-page .grade-sarnakh-support:hover{border-color:var(--grade-accent);background:color-mix(in srgb,var(--grade-accent) 10%,white)}
@media(max-width:900px){.grade-workspace{padding:0 14px}.grade-workspace__inner{max-width:640px}.grade-initial{padding:20px 0 48px}.grade-resource{font-size:14px}}

.grade-page .grade-discovery__permalink{display:flex;align-items:center;width:fit-content;max-width:calc(100% - 32px);min-height:44px;margin:12px 16px;padding:6px 0;color:var(--grade-accent);font-size:12px}
.grade-discovery__chapter.is-collapsed>.grade-discovery__permalink{display:none}
.grade-page .grade-discovery__permalink:hover,.grade-chapter-breadcrumb a:hover{text-decoration:underline}
.grade-chapter-breadcrumb{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;color:var(--grade-accent);font-size:13px}
.grade-discovery__group h2{font-size:16px;font-weight:700;margin:8px 0}

.grade-global-filters{display:none}
@media(min-width:1024px){
.grade-global-filters{display:block;position:sticky;top:56px;z-index:30;padding:14px 0 16px;border-bottom:1px solid var(--grade-line);background:#fff}
.grade-global-filters__label{display:block;margin-bottom:9px;color:var(--grade-muted);font-size:12px}
.grade-global-filters .grade-discovery__types{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.grade-global-filters .grade-discovery__types button{justify-content:center;gap:10px;min-height:44px;padding:8px 12px}
.grade-discovery__chapter-body>.grade-discovery__types{display:none}
}

/* The feedback strip intentionally keeps the approved light palette. */
.bird-feedback[hidden]{display:none}
.bird-feedback{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:8px 12px;border:1px solid #e3e6ea;border-radius:8px;background:#fafafa;color:#39404b}
.bird-feedback>img{flex:none;width:64px;height:64px;object-fit:contain;transform:rotate(-5deg)}
.bird-feedback__content{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;flex:1;min-width:0}
.bird-feedback__content>p{flex:1;min-width:160px;margin:0;font-size:14px}
.bird-feedback__answers{display:flex;flex-wrap:wrap;gap:8px}
.bird-feedback button{min-height:40px;padding:7px 12px;border:1px solid #e3e6ea;border-radius:6px;background:#fff;color:#08728f;font:inherit;font-size:12px;cursor:pointer;transition:border-color .2s,background-color .2s}
.bird-feedback button:hover{border-color:#68737e;background:#f0f1f2}
.bird-feedback button:focus-visible{outline:2px solid #08728f;outline-offset:3px}
.bird-feedback .bird-feedback__later,.bird-feedback .bird-feedback__close{border:0;background:transparent;color:#68737e}
.bird-feedback .bird-feedback__close{flex:none;font-size:22px;padding:0;width:32px}
.bird-feedback__math{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1;pointer-events:none;user-select:none;color:#e0e2e5;font:26px/1 Georgia,serif;direction:ltr}
.bird-feedback__math span{position:absolute;transform:rotate(-14deg)}
.bird-feedback__math span:nth-child(1){left:3%;top:8px}
.bird-feedback__math span:nth-child(2){left:20%;bottom:2px}
.bird-feedback__math span:nth-child(3){left:37%;top:-6px}
.bird-feedback__math span:nth-child(4){left:54%;bottom:-5px}
.bird-feedback__math span:nth-child(5){left:71%;top:0}
.bird-feedback__math span:nth-child(6){left:88%;bottom:-4px}
body.bird-feedback-visible #raji-yar,body.bird-feedback-visible #raji-yar-loading{visibility:hidden}
@media(max-width:1023px){.bird-feedback{display:none}}
@media(pointer:coarse){.bird-feedback button{min-height:44px;min-width:44px}}