/* Brand details shared with the feature pages, scoped to the planning hub. */
.site-header{gap:22px;min-height:76px;padding-block:14px}
.hub-brand img{width:142px}
.desktop-nav{gap:19px}
.desktop-nav a{font-size:12px;font-weight:550;gap:6px}
.header-tools{gap:10px}
.framework-control{min-height:38px;padding:8px 11px;font-size:12px;gap:7px}
.framework-control svg{width:15px;height:15px}
.menu-link-arrow{display:inline-block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;vertical-align:middle;flex:none}
.mobile-nav{position:relative;flex:none}
.mobile-nav>summary{display:grid;place-items:center;list-style:none;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--green)}
.mobile-nav>summary::-webkit-details-marker{display:none}
.mobile-nav[open]>summary{background:var(--paper)}
.mobile-nav nav{display:grid;position:absolute;right:0;top:55px;width:290px;max-width:calc(100vw - 32px);padding:9px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 14px 44px #1f3a3325;z-index:20}
.mobile-nav nav a{display:flex;align-items:center;gap:7px;min-height:46px;padding:11px 13px;border-radius:8px;font-size:14px;line-height:1.4}
.mobile-nav nav a:hover,.mobile-nav nav a[aria-current]{background:var(--paper)}
.mobile-nav nav a[aria-current]{font-weight:650}
.mobile-nav .site-return{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;padding-top:15px}

/* The first framework choice gets the same generous treatment as teaching context. */
.setup{width:min(1056px,100%);padding:22px 28px}
.setup h1{font-size:clamp(36px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 16px}
.setup>.intro{font-size:17px;line-height:1.5;max-width:620px;margin-bottom:28px}
.setup .framework-options,.framework-dialog .framework-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.setup .framework-option,.framework-dialog .framework-option{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:162px;padding:29px 32px;gap:20px;border:1px solid #DCE3D1;border-radius:22px;background:#FFFFFF;color:var(--green);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.setup .framework-option:nth-child(1),.framework-dialog .framework-option:nth-child(1){background:#EEF3DE}
.setup .framework-option:nth-child(2),.framework-dialog .framework-option:nth-child(2){background:#F3F5EB}
.setup .framework-option:nth-child(3),.framework-dialog .framework-option:nth-child(3){background:#F7F8F1}
.setup .framework-option:nth-child(4),.framework-dialog .framework-option:nth-child(4){background:#FFFFFF}
.setup .framework-option strong,.framework-dialog .framework-option strong{font-size:32px;line-height:1.15;letter-spacing:-.04em;font-weight:650}
.setup .framework-option small,.framework-dialog .framework-option small{display:block;max-width:350px;font-size:15px;line-height:1.5;margin-top:10px;color:#596A60}
.setup .framework-option:hover,.framework-dialog .framework-option:hover{border-color:#A8B694;background:#E8EFD6;box-shadow:0 8px 24px #1F3A330D;transform:translateY(-2px)}
.setup .framework-option[aria-pressed=true],.framework-dialog .framework-option[aria-pressed=true]{background:#E9F0D2;border-color:#A4B57C;box-shadow:inset 0 0 0 1px #A4B57C}
.framework-selected{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--green);color:white;border-radius:50%}
.framework-selected svg{width:18px;height:18px}
.setup .no-framework{margin:17px auto 0;font-size:14px;line-height:1.4}
.setup .footnote{font-size:12px;line-height:1.5}
.framework-dialog{width:min(1000px,calc(100% - 48px));padding:30px 32px;max-height:calc(100dvh - 40px);border-radius:24px}
.framework-dialog h2{font-size:36px;letter-spacing:-.04em;margin:15px 0 12px}
.framework-dialog>p{font-size:16px;margin-bottom:24px}
.framework-dialog .no-framework{margin-top:18px}

/* The opening arrow belongs next to the item name, exactly as on All features. */
.open-arrow{display:inline-flex;align-items:center;vertical-align:middle;width:16px;height:20px;margin-left:6px;opacity:0;transform:translateX(-2px);transition:opacity .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1);pointer-events:none}
.open-arrow svg,.result-actions .open-arrow svg{display:block;width:16px;height:16px;stroke-width:2.6}
:is(button,a):is(:hover,:focus-visible) .open-arrow{opacity:1;transform:translateX(4px)}
.action-card:hover:not(:has(.card-secondary:is(:hover,:focus-visible))) .card-primary .open-arrow{opacity:1;transform:translateX(4px)}
.action-card:has(.card-secondary:focus-visible) .card-primary .open-arrow{opacity:0;transform:translateX(-2px)}
.summary-toggle{display:inline-grid;place-items:center;vertical-align:middle;flex:none;width:20px;height:20px;margin-left:8px;color:var(--green)}
.summary-toggle svg{width:15px;height:15px;transition:transform .16s}
details[open]>summary .summary-toggle svg{transform:rotate(180deg)}
.category-row strong>.open-arrow{margin-left:4px}
.category-row{grid-template-columns:42px minmax(0,1fr)}
.home-wrap .category-row{grid-template-columns:34px minmax(0,1fr)}
.browse-card h2 .open-arrow,.framework-option strong .open-arrow{vertical-align:baseline}
.no-framework .open-arrow{flex:none}

/* Framework names lead, while the Off2Class level stays available alongside them. */
.level-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%}
.level-label .level-primary{max-width:100%;white-space:normal}
.level-secondary{display:block;color:var(--muted);font-size:11px;line-height:1.45;font-weight:450}
.result-top>.level-label{align-items:flex-end;text-align:right;max-width:60%;flex:none}
.result-top .level-label .tag{max-width:100%;font-size:11px}
.level-reference{color:var(--muted);font-size:13px;line-height:1.5;margin-top:8px}
.level-card .level-reference{font-size:13px;margin-top:8px}
.level-card>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.055em}
.detail-meta .level-label{align-items:flex-start;max-width:100%}
.detail-meta .level-secondary{font-size:11px}

/* Real lesson previews remain fully visible: never crop the slide content. */
.slide-preview{display:block;min-width:0;margin:0}
.slide-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#FFFFFF;border:1px solid #E1E5D9;border-radius:8px;box-shadow:0 3px 11px #203A3210}
.result-card.has-preview{display:grid;grid-template-columns:minmax(125px,.85fr) minmax(0,1.15fr);column-gap:20px;align-items:start}
.preview-result{grid-column:1;grid-row:1/4;align-self:start}
.result-card.has-preview>.result-top{grid-column:2;grid-row:1;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.result-card.has-preview>.result-top>.level-label{align-items:flex-start;text-align:left;max-width:100%}
.result-card.has-preview>h3{grid-column:2;grid-row:2;font-size:22px}
.result-card.has-preview>.collection-label{grid-column:2;grid-row:3;font-size:12px}
.result-card.has-preview>.match-line,.result-card.has-preview>.result-actions{grid-column:1/-1}
.result-card.has-preview>.match-line{padding-top:20px}
.unit-row-head.has-preview{grid-template-columns:55px minmax(0,1fr) 152px auto;gap:22px}
.unit-row-copy{min-width:0}
.preview-unit{width:152px}
.unit-row-head.has-preview .unit-actions{grid-column:auto}
.unit-lesson.has-preview{justify-content:flex-start;gap:20px}
.preview-lesson{width:88px;flex:none}
.unit-lesson-copy{display:block;min-width:0;flex:1}
.unit-lesson-copy>small{display:block}
.objective-list article.has-preview{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:start;gap:22px}
.preview-objective{width:124px}
.objective-copy{min-width:0}
.detail-heading.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:26px}
.detail-heading-copy{min-width:0}
.detail-heading-copy>.eyebrow{font-size:11px}
.preview-detail{width:160px}
.detail-heading-copy h2{margin-top:9px}
.detail-heading-copy .detail-meta{flex-wrap:wrap}

/* Every resource link names and opens the resource for this particular lesson. */
.resource-groups{display:grid;gap:26px}
.resource-group{min-width:0}
.resource-lesson-title{font-size:15px;line-height:1.5;letter-spacing:-.01em;margin:0 0 12px}
.resource-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.resource-pair .resource-link{align-items:center;gap:14px;min-height:91px;padding:18px;border-radius:12px}
.resource-pair .resource-link>svg{width:24px;height:24px;flex:none;color:#5E7B52}
.resource-link-copy{display:block;min-width:0}
.resource-pair .resource-link strong{display:block;font-size:17px;line-height:1.35;letter-spacing:-.025em}
.resource-link-copy small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.resource-pair .resource-link:is(:hover,:focus-visible){background:#F7F9EF;border-color:#A8B994}

@media(min-width:1600px) and (min-height:850px){
 .setup{padding-block:32px}.setup .framework-options{gap:24px}.setup .framework-option{min-height:180px;padding:33px 38px}.setup .framework-option strong{font-size:36px}.setup .framework-option small{font-size:16px}.setup>.intro{margin-bottom:32px}
}
@media(max-width:1180px){
 .desktop-nav{display:none}.mobile-nav{display:block}.site-header{gap:18px;padding-inline:26px}.header-tools{margin-left:auto}
 .unit-row-head.has-preview{grid-template-columns:48px minmax(0,1fr) 136px;gap:14px 20px}.preview-unit{width:136px;grid-column:3;grid-row:1/3}.unit-row-head.has-preview .unit-number{grid-column:1;grid-row:1}.unit-row-head.has-preview .unit-row-copy{grid-column:2;grid-row:1}.unit-row-head.has-preview .unit-actions{grid-column:2;grid-row:2}
}
@media(max-height:760px) and (min-width:641px){
 .setup{padding-block:17px}.setup h1{font-size:42px;margin:9px 0 13px}.setup>.intro{font-size:16px;margin-bottom:22px}.setup .framework-options{gap:17px}.setup .framework-option{min-height:140px;padding:24px 28px}.setup .framework-option strong{font-size:29px}.setup .framework-option small{font-size:14px;margin-top:8px}.setup .no-framework{margin-top:12px}
}
@media(max-width:900px){
 .setup{width:min(800px,100%)}.setup h1{font-size:42px}.setup .framework-option{padding:26px;min-height:156px}.setup .framework-option strong{font-size:30px}.setup .framework-option small{font-size:14px}
 .framework-dialog{padding:25px;width:calc(100% - 36px)}.framework-dialog .framework-option{padding:24px;min-height:146px}.framework-dialog .framework-option strong{font-size:29px}.framework-dialog .framework-option small{font-size:14px}
 .result-card.has-preview{grid-template-columns:130px minmax(0,1fr);column-gap:16px}.result-card.has-preview>h3{font-size:21px}
 .detail-heading.has-preview{grid-template-columns:minmax(0,1fr) 132px;gap:20px}.preview-detail{width:132px}
}
@media(min-width:641px) and (max-width:900px) and (max-height:760px){
 .setup .framework-options{gap:17px}.setup .framework-option{min-height:140px;padding:24px 26px}.setup .framework-option strong{font-size:29px}
}
@media(max-width:640px){
 .site-header{padding-inline:18px;gap:10px 14px}.header-tools{margin-left:0}.hub-brand img{width:142px}
 .setup{padding:17px 20px}.setup h1{font-size:32px;line-height:1.12;margin:9px 0 13px}.setup>.intro{font-size:14px;line-height:1.5;margin-bottom:20px}.setup .framework-options,.framework-dialog .framework-options{grid-template-columns:1fr;gap:11px}
 .setup .framework-option,.framework-dialog .framework-option{min-height:94px;padding:18px 22px;border-radius:17px;gap:16px}.setup .framework-option strong,.framework-dialog .framework-option strong{font-size:25px;line-height:1.15}.setup .framework-option small,.framework-dialog .framework-option small{font-size:12px;line-height:1.4;margin-top:5px;max-width:none}
 .setup .no-framework{font-size:12px;margin-top:12px;min-height:42px}.setup .footnote{font-size:11px}.setup .eyebrow{font-size:10px}
 .framework-dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.framework-dialog h2{font-size:28px;margin:13px 0 10px}.framework-dialog>p{font-size:14px;margin-bottom:19px}.framework-dialog .no-framework{font-size:12px;margin-top:12px}
 .home-wrap .category-row{grid-template-columns:31px minmax(0,1fr)}
 .result-top>.level-label{max-width:64%}.level-secondary{font-size:10px}.level-card>.eyebrow{font-size:10px}
 .result-card.has-preview{display:flex;gap:0}.preview-result{width:min(100%,260px);align-self:center;margin-bottom:19px}.result-card.has-preview>.result-top{width:100%;flex-wrap:nowrap;gap:12px}.result-card.has-preview>.result-top>.level-label{align-items:flex-end;text-align:right;max-width:64%}.result-card.has-preview>h3{font-size:23px}.result-card.has-preview>.collection-label{font-size:12px}.result-card.has-preview>.match-line{padding-top:16px}
 .unit-row-head.has-preview{grid-template-columns:minmax(0,1fr) 104px;gap:12px 16px;padding:22px 20px}.unit-row-head.has-preview .unit-number{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;padding:0;border:0}.unit-row-head.has-preview .unit-number strong{font-size:20px}.unit-row-head.has-preview .unit-row-copy{grid-column:1;grid-row:2}.unit-row-head.has-preview .preview-unit{grid-column:2;grid-row:1/3;width:104px}.unit-row-head.has-preview .unit-actions{grid-column:1/-1;grid-row:3}.unit-row-head.has-preview h2{font-size:22px}.unit-row-head.has-preview .summary-line{font-size:13px;line-height:1.6}
 .unit-lesson.has-preview{gap:14px;padding:13px}.preview-lesson{width:76px}.unit-lesson-copy{font-size:14px;line-height:1.5}.unit-lesson-copy>small{font-size:10px;line-height:1.4;margin-bottom:5px}
 .objective-list article.has-preview{grid-template-columns:1fr;gap:13px;padding:20px}.preview-objective{width:120px}.objective-copy h4{margin-top:0}
 .detail-heading.has-preview{grid-template-columns:minmax(0,1fr) 88px;gap:14px;align-items:start;padding:16px 20px}.preview-detail{width:88px;margin-top:3px}.detail-heading-copy>.eyebrow{font-size:9px;line-height:1.5}.detail-heading-copy h2{font-size:24px;line-height:1.18;margin:8px 0 11px}.detail-heading-copy .detail-meta{font-size:11px;gap:7px}.detail-heading-copy .detail-framework{font-size:10px}.detail-meta .level-label .tag{font-size:10px;padding:4px 6px}.detail-meta .level-secondary{font-size:10px}
 .resource-pair{grid-template-columns:1fr;gap:10px}.resource-pair .resource-link{min-height:80px;padding:17px;gap:13px}.resource-pair .resource-link strong{font-size:17px}.resource-link-copy small{font-size:11px}.resource-groups{gap:24px}.resource-lesson-title{font-size:14px;margin-bottom:10px}
}
@media(max-width:640px) and (max-height:760px){
 .setup{padding:13px 20px}.setup h1{font-size:29px;margin:8px 0 10px}.setup>.intro{font-size:13px;margin-bottom:16px}.setup .framework-options{gap:8px}.setup .framework-option{min-height:81px;padding:13px 18px;border-radius:14px}.setup .framework-option strong{font-size:23px}.setup .framework-option small{font-size:11px;line-height:1.35;margin-top:4px}.setup .no-framework{margin-top:8px;min-height:39px;font-size:11px}.setup .footnote{font-size:10px}
}
@media(max-width:370px){
 .site-header{padding-inline:16px}.header-tools{gap:7px}.framework-control{font-size:11px;padding-inline:9px;gap:5px}.hub-brand img{width:136px}
 .setup{padding:10px 18px}.setup h1{font-size:27px}.setup>.intro{font-size:12px;margin-bottom:14px}.setup .framework-option{padding:12px 16px;min-height:77px}.setup .framework-option strong{font-size:22px}.setup .framework-option small{font-size:11px}.setup .no-framework{font-size:10px}
 .unit-row-head.has-preview{grid-template-columns:minmax(0,1fr) 90px;padding:19px 17px;gap:10px 12px}.unit-row-head.has-preview .preview-unit{width:90px}.unit-row-head.has-preview h2{font-size:20px}.unit-lesson.has-preview{gap:11px}.preview-lesson{width:64px}.unit-lesson-copy{font-size:13px}
 .detail-heading.has-preview{padding:14px 16px;gap:12px;grid-template-columns:minmax(0,1fr) 76px}.preview-detail{width:76px}.detail-heading-copy h2{font-size:22px}
}
@media(min-width:641px) and (max-height:640px){
 .setup{padding-block:14px}.setup h1{font-size:38px;margin:8px 0 11px}.setup>.intro{font-size:15px;margin-bottom:18px}.setup .framework-options{gap:14px}.setup .framework-option{min-height:126px;padding:21px 26px}.setup .framework-option strong{font-size:28px}.setup .framework-option small{font-size:13px;line-height:1.4;margin-top:7px}.setup .no-framework{margin-top:10px}
}
@media(max-height:560px){
 .setup{width:min(940px,100%);padding:10px 24px}.setup>.eyebrow,.setup>.intro,.setup>.footnote{display:none}.setup h1{font-size:28px;margin:0 0 13px}.setup .framework-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}.setup .framework-option{min-height:65px;padding:14px 20px;border-radius:13px}.setup .framework-option strong{font-size:22px}.setup .framework-option small{display:none}.setup .no-framework{font-size:12px;min-height:34px;margin-top:8px}
 .framework-dialog .framework-option{min-height:85px;padding:18px 22px}.framework-dialog .framework-option strong{font-size:25px}.framework-dialog .framework-option small{font-size:12px}
 .detail-heading.has-preview{grid-template-columns:minmax(0,1fr) 92px;padding-block:13px}.preview-detail{width:92px}.detail-heading-copy h2{font-size:26px}
}
@media(max-height:560px) and (max-width:640px){
 .setup{padding:9px 20px}.setup h1{font-size:25px;margin-bottom:11px}.setup .framework-option{min-height:61px;padding:12px 15px}.setup .framework-option strong{font-size:21px}.setup .no-framework{font-size:11px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){
 .open-arrow,.summary-toggle svg,.setup .framework-option,.framework-dialog .framework-option{transition:none!important;transform:none!important}
}
@media print{.slide-preview{break-inside:avoid}.preview-detail{width:120px}.resource-pair{grid-template-columns:1fr 1fr}}

/* Keep context beside the brand, with the wider site navigation on the right. */
.site-header>.header-tools{margin-left:0}
.site-header>.desktop-nav{margin-left:auto}
.site-header>.mobile-nav{margin-left:auto}

/* A single planning header replaces the former stack of title and control bars. */
.planning-detail[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.detail-banner{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:auto auto auto auto;column-gap:26px;row-gap:7px;padding:16px 26px 20px;background:#EDF1E5;border-bottom:1px solid #DBE2D0;min-width:0}
.detail-banner-copy{display:contents}
.detail-kicker{grid-column:1;grid-row:1;align-self:center;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;color:#5D7163;font-size:11px;font-weight:550;line-height:1.4;letter-spacing:.045em;text-transform:uppercase}
.detail-banner-copy>h2{grid-column:1;grid-row:2;margin:0;color:var(--green);font-size:32px;font-weight:650;line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}
.detail-banner .detail-meta{grid-column:1;grid-row:3;display:flex;align-items:center;flex-wrap:wrap;gap:6px 15px;font-size:12px;line-height:1.4;margin:0;min-width:0}
.detail-banner .detail-meta .level-label{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px 10px;max-width:100%}
.detail-banner .detail-meta .level-primary{font-size:11px;line-height:1.4;padding:4px 8px;background:#FFFFFFB3}
.detail-banner .detail-meta .level-secondary{font-size:11px;line-height:1.4;color:#53685A}
.detail-position{color:#657567;font-size:11px;line-height:1.45}
.detail-banner-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:11px;min-width:0}
.detail-banner-actions .text-button{min-height:34px;font-size:12px;padding:5px 0;gap:7px;white-space:nowrap}
.detail-banner-actions .text-button svg{width:16px;height:16px}
.detail-banner-actions .close{width:34px;height:34px;background:#FFFFFFBF}
.detail-banner-actions .close:hover{background:white}
.detail-banner-actions .close svg{width:18px;height:18px}
.detail-banner>.preview-detail{grid-column:2;grid-row:2/5;width:152px;justify-self:end;align-self:center;margin:0}
.detail-context-row{grid-column:1;grid-row:4;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;margin-top:4px}
.detail-context-row:empty{display:none}
.detail-context-row .scope-picker{flex:0 1 300px;min-width:0;max-width:360px}
.detail-context-row .scope-picker>summary{min-height:36px;padding:8px 11px;font-size:12px;line-height:1.4;background:#FFFFFFBC;border-color:#CFD9C3;gap:14px}
.detail-context-row .scope-picker>summary:hover{background:white;border-color:#A3B592}
.detail-context-row .scope-picker>summary svg{width:13px;height:13px}
.detail-context-row .scope-options{max-height:min(300px,40dvh);min-width:min(300px,calc(100vw - 40px))}
.detail-context-row>.btn{min-height:36px;padding:8px 13px;font-size:12px;line-height:1.4;gap:8px}
.detail-context-row>.btn svg{width:16px;height:16px}
.detail-banner>.copy-link-fallback{grid-column:1/-1;grid-row:5;margin-top:7px;padding-bottom:0}

/* The unit's first lesson supplies its cover; lesson choices have their own images. */
.unit-row.has-preview{display:grid;grid-template-columns:342px minmax(0,1fr);align-items:stretch;gap:0}
.unit-card-media{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:20px;text-align:left;background:#F4F6ED;border-radius:15px 0 0 15px;transition:background .16s}
.unit-card-media:hover{background:#EDF2E3}
.unit-card-media:focus-visible{outline-offset:-4px;position:relative;z-index:2}
.unit-card-media .preview-unit{display:block;width:100%;max-width:none;margin:0}
.unit-card-media .preview-unit img{width:100%;border-radius:9px;box-shadow:0 4px 14px #1F3A3310}
.unit-row:has(.unit-card-media:is(:hover,:focus-visible)) .card-primary .open-arrow{opacity:1;transform:translateX(4px)}
.unit-card-body{display:flex;flex-direction:column;justify-content:center;min-width:0}
.unit-card-body>.unit-row-head{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:22px;padding:27px 30px 20px;border-radius:0}
.unit-card-body .unit-number{font-size:10px;line-height:1.6;padding-right:14px;border-right:1px solid var(--line)}
.unit-card-body .unit-number strong{font-size:27px;line-height:1.25}
.unit-card-body .unit-row-copy{min-width:0}
.unit-card-body .unit-row-copy h2{font-size:26px;line-height:1.22}
.unit-card-body .summary-line{font-size:15px;line-height:1.65;margin-top:11px;-webkit-line-clamp:3}
.unit-card-body>details{border-top:0;margin:0 30px 24px;min-width:0}
.unit-card-body>details>summary{width:fit-content;display:flex;align-items:center;gap:8px;min-height:50px;padding:11px 0;font-size:14px;font-weight:550;line-height:1.5;list-style:none;color:var(--green)}
.unit-card-body>details>summary .summary-toggle{margin-left:0}
.unit-card-body>details>summary:hover{color:#4B6F4E}
.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-body{display:contents}
.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-media{grid-column:1;grid-row:1;border-radius:15px 0 0 0}
.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-row-head{grid-column:2;grid-row:1;align-self:center}
.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-body>details{grid-column:1/-1;grid-row:2;margin:0 24px 24px;padding-top:2px}
.unit-card-body .unit-lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:2px 0 0}
.unit-card-body .unit-lesson{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;min-width:0;height:100%;padding:16px;background:#F6F7F0;border:1px solid #E4E8DB;border-radius:12px}
.unit-card-body .unit-lesson:hover{background:#EFF3E6;border-color:#B3C49F}
.unit-card-body .unit-lesson .preview-lesson{width:100%;max-width:none;flex:none}
.unit-card-body .unit-lesson-copy{font-size:14px;line-height:1.55;flex:1}
.unit-card-body .unit-lesson-copy>small{font-size:11px;line-height:1.4;margin-bottom:8px}
.unit-row:not(.has-preview) .unit-card-body>.unit-row-head{padding-top:25px}
.unit-row:not(.has-preview) .unit-card-body>details{margin-bottom:20px}
.unit-row:not(.has-preview) .unit-lesson{display:block;padding:17px 19px}

@media(max-width:1100px){
 .unit-row.has-preview{grid-template-columns:300px minmax(0,1fr)}.unit-card-media{padding:18px}.unit-card-body>.unit-row-head{padding:24px;gap:17px;grid-template-columns:44px minmax(0,1fr)}.unit-card-body>details{margin-inline:24px}.unit-card-body .unit-row-copy h2{font-size:25px}.unit-card-body .summary-line{font-size:14px}
}
@media(max-width:900px){
 .detail-banner{grid-template-columns:minmax(0,1fr) 140px;column-gap:20px;padding-inline:22px}.detail-banner-copy>h2{font-size:30px}.detail-banner>.preview-detail{width:136px}.detail-context-row .scope-picker{flex-basis:255px}
 .unit-row.has-preview{grid-template-columns:260px minmax(0,1fr)}.unit-card-media{padding:17px}.unit-card-body>.unit-row-head{padding:22px;gap:14px;grid-template-columns:40px minmax(0,1fr)}.unit-card-body .unit-row-copy h2{font-size:23px}.unit-card-body .unit-number strong{font-size:25px}.unit-card-body>details{margin:0 22px 20px}.unit-card-body .unit-lessons{gap:11px}.unit-card-body .unit-lesson{padding:12px}.unit-card-body .unit-lesson-copy{font-size:13px}
}
@media(max-width:640px){
 .site-header>.header-tools{justify-content:flex-start;gap:10px}.site-header .header-tools #audience-control{margin-left:0}.site-header .header-tools .framework-control{width:auto}
 .planning-detail[open]{grid-template-rows:auto auto minmax(0,1fr)}
 .detail-banner{grid-template-columns:minmax(0,1fr) 100px;row-gap:8px;column-gap:14px;padding:13px 18px 16px}
 .detail-kicker{font-size:9px;line-height:1.45;letter-spacing:.025em}
 .detail-banner-copy>h2{font-size:25px;line-height:1.13}
 .detail-banner .detail-meta{gap:5px;font-size:11px;align-items:flex-start;flex-direction:column}
 .detail-banner .detail-meta .level-label{flex-direction:column;align-items:flex-start;gap:4px}
 .detail-banner .detail-meta .level-primary{font-size:10px;padding:3px 6px;line-height:1.4}
 .detail-banner .detail-meta .level-secondary,.detail-position{font-size:10px;line-height:1.4}
 .detail-banner-actions{gap:8px}
 .detail-banner-actions [data-copy-link]{font-size:0;width:34px;min-height:34px;padding:0;gap:0}
 .detail-banner-actions [data-copy-link] svg{width:17px;height:17px}
 .detail-banner>.preview-detail{grid-row:2/4;width:100px;align-self:start;margin-top:1px}
 .detail-context-row{grid-column:1/-1;grid-row:4;gap:8px;margin-top:3px;flex-wrap:nowrap}
 .detail-context-row .scope-picker{flex:1;max-width:none;min-width:0}
 .detail-context-row .scope-picker>summary{font-size:11px;min-height:38px;padding:8px 10px;gap:10px}
 .detail-context-row>.btn{font-size:11px;min-height:38px;padding:8px 11px;white-space:nowrap;flex:none;gap:6px}
 .detail-context-row>.btn svg{width:14px;height:14px}
 .detail-tabs button{min-height:58px}
 .unit-row.has-preview{display:block}
 .unit-card-media{padding:20px 20px 17px;border-radius:15px 15px 0 0;background:#F4F6ED}
 .unit-card-media .preview-unit{width:min(100%,360px);margin:auto}
 .unit-card-body>.unit-row-head{grid-template-columns:40px minmax(0,1fr);padding:23px 22px 18px;gap:16px}
 .unit-card-body .unit-row-copy h2{font-size:24px;line-height:1.2}
 .unit-card-body .unit-number strong{font-size:25px}
 .unit-card-body .summary-line{font-size:14px;line-height:1.6;margin-top:9px}
 .unit-card-body>details,.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-body>details{margin:0 22px 22px;padding-top:0}
 .unit-card-body>details>summary{font-size:13px;min-height:48px}
 .unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-body{display:block}
 .unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-media{border-radius:15px 15px 0 0}
 .unit-card-body .unit-lessons{grid-template-columns:1fr;gap:10px;padding-top:2px}
 .unit-card-body .unit-lesson.has-preview{flex-direction:row;align-items:flex-start;gap:13px;padding:13px}
 .unit-card-body .unit-lesson .preview-lesson{width:120px}
 .unit-card-body .unit-lesson-copy{font-size:13px;line-height:1.5}
 .unit-card-body .unit-lesson-copy>small{font-size:10px;line-height:1.4;margin-bottom:6px}
}
@media(max-width:370px){
 .site-header>.header-tools{gap:7px}
 .detail-banner{padding:12px 15px 14px;grid-template-columns:minmax(0,1fr) 86px;column-gap:12px}.detail-banner>.preview-detail{width:86px}.detail-banner-copy>h2{font-size:23px}.detail-context-row{gap:7px}.detail-context-row .scope-picker>summary{padding-inline:8px;font-size:10px}.detail-context-row>.btn{font-size:10px;padding-inline:9px;gap:5px}.detail-context-row>.btn svg{width:13px;height:13px}
 .unit-card-media{padding:17px 17px 14px}.unit-card-body>.unit-row-head{padding:20px 18px 16px;gap:13px;grid-template-columns:36px minmax(0,1fr)}.unit-card-body .unit-row-copy h2{font-size:22px}.unit-card-body .summary-line{font-size:13px}.unit-card-body>details,.unit-row.has-preview:has(.unit-card-body>details[open]) .unit-card-body>details{margin-inline:18px}.unit-card-body .unit-lesson.has-preview{padding:11px;gap:11px}.unit-card-body .unit-lesson .preview-lesson{width:92px}.unit-card-body .unit-lesson-copy{font-size:12px}
}
@media(max-height:560px) and (min-width:450px) and (max-width:1050px){
 body:is([data-planning-view=home],[data-planning-view=setup]) .site-header>.header-tools{margin-left:0}
}
@media(max-height:620px) and (min-width:641px){
 .detail-banner{padding-top:11px;padding-bottom:14px;row-gap:5px;grid-template-columns:minmax(0,1fr) 130px}.detail-banner-copy>h2{font-size:28px}.detail-banner>.preview-detail{width:124px}.detail-banner-actions .text-button{font-size:11px}.detail-banner-actions{gap:8px}.detail-context-row .scope-picker>summary,.detail-context-row>.btn{min-height:34px}.detail-context-row{margin-top:2px}
}
@media(max-height:500px){
 .planning-detail[open]{display:block;overflow-y:auto}.detail-banner{position:relative}.detail-content{overflow:visible;min-height:180px}.detail-tabs{position:relative}
}
@media print{
 .planning-detail[open]{display:block}.detail-banner{display:block;padding:12px 0;background:white;border-bottom:1px solid #CCC}.detail-banner-copy{display:block}.detail-banner-actions,.detail-context-row{display:none!important}.detail-kicker{margin-bottom:8px}.detail-banner-copy>h2{margin-bottom:10px}.detail-banner>.preview-detail{width:120px;margin-top:14px}.detail-banner .detail-meta{display:flex}.unit-row.has-preview{break-inside:avoid}
}

/* Give collections without a preview the full banner width. */
.detail-banner:not(.has-preview) .detail-banner-copy>h2,.detail-banner:not(.has-preview) .detail-meta,.detail-banner:not(.has-preview) .detail-context-row{grid-column:1/-1}
@media(max-height:500px) and (max-width:640px){
 .detail-banner{padding:9px 16px 12px;row-gap:4px;grid-template-columns:minmax(0,1fr) 90px}.detail-banner-copy>h2{font-size:22px}.detail-banner .detail-meta,.detail-banner .detail-meta .level-label{flex-direction:row;align-items:center;gap:5px 9px}.detail-banner>.preview-detail{width:78px}.detail-context-row{margin-top:2px}.detail-context-row .scope-picker>summary,.detail-context-row>.btn{min-height:32px;padding-block:6px}
}

/* Two units share a desktop row; the selected unit expands into a lesson shelf. */
@media(min-width:1000px){
 .unit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .unit-list>.unit-row.has-preview{grid-template-columns:43% minmax(0,1fr)}
 .unit-list .unit-card-media{padding:16px}
 .unit-list .unit-card-body>.unit-row-head{display:block;padding:21px 22px 10px}
 .unit-list .unit-card-body .unit-number{display:flex;align-items:baseline;gap:6px;border:0;padding:0;font-size:10px;letter-spacing:.04em;line-height:1.5;margin-bottom:8px}
 .unit-list .unit-card-body .unit-number strong{font-size:13px;line-height:1.5;letter-spacing:0;font-weight:600}
 .unit-list .unit-card-body .unit-row-copy h2{font-size:23px;line-height:1.2}
 .unit-list .unit-card-body .summary-line{font-size:13px;line-height:1.5;margin-top:9px;-webkit-line-clamp:3}
 .unit-list .unit-card-body>details{margin:0 22px 17px}
 .unit-list .unit-card-body>details>summary{min-height:38px;padding:7px 0;font-size:12px}
 .unit-list>.unit-row:has(details[open]){grid-column:1/-1}
 .unit-list>.unit-row.has-preview:has(details[open]){grid-template-columns:300px minmax(0,1fr)}
 .unit-list>.unit-row:has(details[open]) .unit-card-body>.unit-row-head{padding:24px 28px 20px}
 .unit-list>.unit-row:has(details[open]) .unit-row-copy h2{font-size:26px}
 .unit-list>.unit-row:has(details[open]) .summary-line{font-size:15px;max-width:720px}
 .unit-list>.unit-row.has-preview:has(details[open]) .unit-card-body>details{margin:0 24px 24px}
}
@media(min-width:1000px) and (max-width:1120px){
 .unit-list{gap:16px}.unit-list>.unit-row.has-preview{grid-template-columns:41% minmax(0,1fr)}.unit-list .unit-card-media{padding:13px}.unit-list .unit-card-body>.unit-row-head{padding:18px 18px 8px}.unit-list .unit-card-body .unit-row-copy h2{font-size:21px}.unit-list .unit-card-body .summary-line{font-size:12px}.unit-list .unit-card-body>details{margin:0 18px 15px}
}
.unit-row .card-primary:focus-visible::after{outline-offset:-3px}
.unit-row:has(.card-secondary:focus-within) .card-primary .open-arrow{opacity:0;transform:translateX(-2px)}

/* A larger, uncropped slide sits alongside the lesson's compact planning controls. */
.detail-banner.has-preview{grid-template-columns:260px minmax(0,1fr) auto;column-gap:24px;row-gap:7px;padding:16px 24px}
.detail-banner.has-preview>.preview-detail{grid-column:1;grid-row:1/5;width:260px;align-self:center;justify-self:start;margin:0}
.detail-banner.has-preview .detail-kicker{grid-column:2;grid-row:1}
.detail-banner.has-preview .detail-banner-copy>h2{grid-column:2/-1;grid-row:2}
.detail-banner.has-preview .detail-meta{grid-column:2/-1;grid-row:3}
.detail-banner.has-preview .detail-context-row{grid-column:2/-1;grid-row:4}
.detail-banner.has-preview .detail-banner-actions{grid-column:3;grid-row:1}
@media(max-width:900px){
 .detail-banner.has-preview{grid-template-columns:220px minmax(0,1fr) auto;column-gap:19px;padding:15px 20px}.detail-banner.has-preview>.preview-detail{width:220px}.detail-banner.has-preview .detail-banner-copy>h2{font-size:29px}.detail-banner.has-preview .detail-context-row .scope-picker{flex-basis:235px}
}
@media(max-width:640px){
 .detail-banner.has-preview{grid-template-columns:144px minmax(0,1fr) auto;column-gap:12px;row-gap:7px;padding:13px 18px 16px}.detail-banner.has-preview>.preview-detail{grid-column:1;grid-row:1/4;width:144px;align-self:center}.detail-banner.has-preview .detail-kicker{grid-column:2;grid-row:1;font-size:8px;letter-spacing:.015em;line-height:1.4}.detail-banner.has-preview .detail-banner-copy>h2{grid-column:2/-1;grid-row:2;font-size:24px}.detail-banner.has-preview .detail-meta{grid-column:2/-1;grid-row:3}.detail-banner.has-preview .detail-context-row{grid-column:1/-1;grid-row:4}.detail-banner.has-preview .detail-banner-actions{grid-column:3;grid-row:1;gap:5px}.detail-banner.has-preview .detail-banner-actions .close,.detail-banner.has-preview .detail-banner-actions [data-copy-link]{width:30px;min-height:30px;height:30px}
}
@media(min-width:480px) and (max-width:640px){
 .detail-banner.has-preview{grid-template-columns:195px minmax(0,1fr) auto}.detail-banner.has-preview>.preview-detail{width:195px}
}
@media(max-width:370px){
 .detail-banner.has-preview{grid-template-columns:120px minmax(0,1fr) auto;column-gap:9px;padding:12px 15px 14px}.detail-banner.has-preview>.preview-detail{width:120px}.detail-banner.has-preview .detail-banner-copy>h2{font-size:22px}.detail-banner.has-preview .detail-kicker{font-size:8px;letter-spacing:0}.detail-banner.has-preview .detail-banner-actions{gap:3px}.detail-banner.has-preview .detail-banner-actions .close,.detail-banner.has-preview .detail-banner-actions [data-copy-link]{width:28px;min-height:28px;height:28px}
}
@media(max-height:620px) and (min-width:641px){
 .detail-banner.has-preview{grid-template-columns:220px minmax(0,1fr) auto;row-gap:5px;padding:12px 22px}.detail-banner.has-preview>.preview-detail{width:220px}.detail-banner.has-preview .detail-banner-copy>h2{font-size:28px}
}
@media(max-height:500px) and (max-width:640px){
 .detail-banner.has-preview{grid-template-columns:160px minmax(0,1fr) auto;padding:10px 16px;row-gap:4px}.detail-banner.has-preview>.preview-detail{width:160px}.detail-banner.has-preview .detail-meta{flex-direction:row;gap:5px 9px}.detail-banner.has-preview .detail-context-row{margin-top:2px}
}
@media print{
 .unit-list{display:block}.detail-banner.has-preview{display:block}.detail-banner.has-preview>.preview-detail{width:220px;margin:10px 0}.detail-banner-copy{display:block}
}

.unit-list>.unit-row{scroll-margin-top:20px}

/* Caption-free previews give that space back to the actual lesson slide. */
.unit-card-media{padding:10px}
.unit-card-body .unit-lesson{padding:13px}
.result-card.has-preview{grid-template-columns:minmax(145px,.95fr) minmax(0,1.05fr)}
.objective-list article.has-preview{grid-template-columns:144px minmax(0,1fr)}
.preview-objective{width:144px}
.detail-banner.has-preview{grid-template-columns:284px minmax(0,1fr) auto}
.detail-banner.has-preview>.preview-detail{width:284px}
@media(min-width:1000px){
 .unit-list .unit-card-media{padding:8px}
}
@media(min-width:1000px) and (max-width:1120px){
 .unit-list .unit-card-media{padding:7px}
}
@media(max-width:900px){
 .result-card.has-preview{grid-template-columns:150px minmax(0,1fr)}
 .detail-banner.has-preview{grid-template-columns:244px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:244px}
}
@media(max-width:640px){
 .unit-card-media{padding:10px}
 .preview-result{width:min(100%,284px)}
 .objective-list article.has-preview{grid-template-columns:1fr}
 .preview-objective{width:136px}
 .detail-banner.has-preview{grid-template-columns:160px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:160px}
}
@media(min-width:480px) and (max-width:640px){
 .detail-banner.has-preview{grid-template-columns:219px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:219px}
}
@media(max-width:370px){
 .unit-card-media{padding:9px}
 .detail-banner.has-preview{grid-template-columns:132px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:132px}
}
@media(max-height:620px) and (min-width:641px){
 .detail-banner.has-preview{grid-template-columns:244px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:244px}
}
@media(max-height:500px) and (max-width:640px){
 .detail-banner.has-preview{grid-template-columns:178px minmax(0,1fr) auto}
 .detail-banner.has-preview>.preview-detail{width:178px}
}
@media print{
 .detail-banner.has-preview>.preview-detail{width:220px}
}

/* Keep every framework choice and the preference note inside compact phones. */
@media (max-width:640px) and (min-height:561px) and (max-height:760px){
 .setup .framework-option{min-height:72px;padding-block:9px}
 .setup>.intro{margin-bottom:10px}
 .setup .no-framework{margin-top:6px}
}
@media (max-width:640px) and (min-height:561px) and (max-height:680px){
 .setup{padding-block:8px}
 .setup>.eyebrow{display:none}
 .setup h1{font-size:25px;margin:0 0 8px}
 .setup>.intro{font-size:12px;line-height:1.4;margin-bottom:10px}
 .setup .framework-options{gap:6px}
 .setup .framework-option{min-height:60px;padding-block:7px}
 .setup .framework-option strong{font-size:21px}
 .setup .framework-option small{font-size:11px;line-height:1.35;margin-top:3px}
 .setup .no-framework{min-height:38px;margin-top:5px;padding-block:8px}
}

/* Reuse the compact entry paths on short phones, including 568px screens. */
@media (max-width:640px) and (min-height:561px) and (max-height:640px){
 .home-wrap .pathways,.home-path-tabs{display:none}
 .home-wrap .hero{padding:14px 0}
 .home-wrap .hero .eyebrow,.home-wrap .hero>p{display:none}
 .home-wrap .hero h1{font-size:26px;margin:0;max-width:none;line-height:1.15}
 .compact-pathways{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(900px,100%);margin-inline:auto;min-height:0;max-height:210px;flex:1}
 .compact-pathways button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;text-align:left;border:1px solid var(--line);background:white;color:var(--green);padding:16px;border-radius:16px}
 .compact-pathways button:first-child{background:var(--green);color:white;border-color:var(--green)}
 .compact-pathways strong{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
 .compact-pathways span{font-size:12px;line-height:1.5;opacity:.8}
 .compact-pathways button>svg:first-child{display:none}
 .compact-pathways button>svg:last-child{width:18px;height:18px}
 .compact-pathways button:hover{border-color:#9EB592;background:#F2F6E9}
 .compact-pathways button:first-child:hover{background:var(--green-hover)}
}

/* Grade and proficiency context distinguish standards before opening them. */
.standard-label{flex:1;min-width:0}
.standard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.standard-summary-meta{font-size:11px;font-weight:500;line-height:1.5;color:var(--muted);letter-spacing:0}
.detail-source{justify-content:flex-end}

.related-shelf{border-top:1px solid var(--line);padding-top:28px}
.related-shelf .section-heading p{max-width:720px}
.related-shelf>.section-heading>.tag{background:#EDF2E7;color:var(--green);max-width:none;white-space:normal}

/* Give lesson titles enough room beside their slide on tablet widths. */
@media (min-width:641px) and (max-width:900px){
 .result-grid{grid-template-columns:minmax(0,1fr)}
 .result-card.has-preview{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);column-gap:22px}
}

/* International EFL has a fixed CEFR level framework. */
.framework-control:disabled{opacity:1;cursor:default;box-shadow:none;transform:none}
@media(max-width:640px){body[data-audience="global"] .detail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Quiet, source-backed level coverage before a teacher opens a category. */
.home-wrap .category-row:has(.category-levels){grid-template-columns:34px minmax(0,1fr) minmax(165px,.96fr);column-gap:14px;align-items:center}
.category-copy{min-width:0}
.category-levels{display:flex;flex-direction:column;gap:3px;text-align:right;min-width:0;font-size:11px;line-height:1.4;color:#677268}
.category-framework-levels{color:#466455;font-weight:500}
.category-o2c-levels{font-size:10.5px}
@media(min-width:901px) and (max-width:1250px){
 .home-wrap .category-row:has(.category-levels){grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:3px;padding-block:9px}
 .home-wrap .category-levels{grid-column:2;text-align:left;gap:2px}
 .home-wrap .category-copy>small{display:none}
}
@media(max-width:640px){
 .home-wrap .category-row:has(.category-levels){grid-template-columns:31px minmax(0,1fr);column-gap:10px;row-gap:3px;padding-block:8px;min-height:0}
 .home-wrap .category-levels{grid-column:2;text-align:left;font-size:10.5px;gap:1px}
 .home-wrap .category-o2c-levels{font-size:10px}
 .home-wrap .category-copy>small{display:none}
 .home-wrap .category-icon{grid-column:1;grid-row:1/3;align-self:center}
}
@media(min-width:641px) and (max-height:760px){
 .home-wrap .category-row:has(.category-levels){padding-block:6px}
 .category-levels{font-size:10.5px;gap:2px}.category-o2c-levels{font-size:10px}
}
@media(max-width:640px) and (min-height:641px) and (max-height:760px){
 .home-wrap .category-row:has(.category-levels){padding-block:4px;row-gap:1px}
 .home-wrap .category-levels{line-height:1.3;gap:1px}
}
@media(max-width:640px) and (min-height:641px) and (max-height:760px){
 .home-wrap[data-home-path="browse"] .hero>.eyebrow,.home-wrap[data-home-path="browse"] .hero>p{display:none}
 .home-wrap[data-home-path="browse"] .hero h1{margin:0;font-size:26px}
}
@media(min-width:901px) and (max-width:1250px){
 .home-wrap .category-row:has(.category-levels)>.category-icon{grid-column:1;grid-row:1/3;align-self:center}
}
@media(min-width:901px) and (max-width:1250px) and (max-height:760px){
 .home-wrap .category-row:has(.category-levels){padding-block:4px;row-gap:1px}
 .home-wrap .category-levels{line-height:1.3;gap:1px}
}

/* Saved choices stay separate from the search results until Search is pressed. */
.search-pending{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;color:#476550;background:#EEF3E6;border-radius:8px;padding:9px 12px}
.search-pending[hidden]{display:none}
.search-path .search-pending{color:#E4EDDA;background:#FFFFFF0D}
.filter-group-note{margin:0 0 12px;color:#6A7E6D;font-size:12px;line-height:1.5}
.search-filter-dialog .planning-select-trigger{min-height:46px;font-size:14px;padding:12px 14px;background:#FAFCF5}
.search-filter-dialog .planning-select-trigger[aria-expanded=true]{background:white}
.search-filter-dialog [data-filter-count]{display:block;font-size:12px;line-height:1.5;color:#466451}
.search-filter-dialog .filter-panel-footer>div{min-width:0}
.filter-summary{overflow-wrap:anywhere}
@media(max-width:640px){.search-pending{font-size:11px;padding:8px 10px}.search-filter-dialog .planning-select-trigger{font-size:13px}.filter-group-note{font-size:11px}}
/* Category headings stay in view while a teacher scans a long lesson-group menu. */
.planning-select-menu .planning-select-group{position:sticky;top:-7px;z-index:1;background:#F3F6EC;color:#526C58;border-radius:5px;font-size:11px;font-weight:650;padding:9px 12px;margin:3px 0 4px}
.planning-select-menu [role=group] .planning-select-option{padding-left:16px}