@font-face{font-family:WolfWhale;src:url('./WolfWhaleCoverBrand.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#142d3c;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-underline-offset:4px}main{width:min(760px,calc(100% - 40px));margin:0 auto;flex:1}.search-home{padding-top:clamp(80px,20vh,190px);text-align:center}.identity{display:inline-flex;align-items:center;flex-direction:column;text-decoration:none}.identity img{object-fit:contain;margin-bottom:14px}.wordmark{font-family:WolfWhale,Georgia,serif;font-size:3.25rem;line-height:1.1}.descriptor{font-size:0.875rem;letter-spacing:.08em;margin-top:8px;color:#536570}form{margin-top:38px}.search-field{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 20px;border:1px solid #cbd5dd;border-radius:32px;background:#fff;box-shadow:0 3px 14px #18395209}.search-field:focus-within{border-color:#1b6ea2;box-shadow:0 0 0 3px #e5f1f9}.search-field svg{flex-shrink:0;color:#667985}input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:1.0625rem;line-height:1.5;padding:9px 0;color:inherit;outline:none}input::placeholder{color:#60747f;opacity:1}button{border:0;border-radius:24px;padding:13px 23px;background:#174d6f;color:#fff;font:inherit;font-size:0.9375rem;font-weight:600;cursor:pointer}button:hover{background:#103a55}.hint{font-size:0.875rem;color:#657681;margin-top:20px}#results-area{margin:40px 0 64px}#status{font-size:0.875rem;color:#566b78;margin-bottom:8px}.result{display:block;padding:20px 4px;border-bottom:1px solid #e6ebee;text-decoration:none}.result h2{font-size:1.25rem;line-height:1.35;font-weight:600;margin:0 0 7px}.result:hover h2{text-decoration:underline}.result p{margin:0;color:#596e7a;font-size:0.875rem;line-height:1.6}.review{margin-top:28px;font-size:0.75rem;line-height:1.6;color:#60717c}footer{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:32px 20px;font-size:0.75rem;color:#637580}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:12px;left:12px;transform:translateY(-200%);padding:12px;background:#fff;z-index:2}.skip:focus{transform:none}a:focus-visible,button:focus-visible{outline:3px solid #1b6ea2;outline-offset:5px}[hidden]{display:none!important}@media(max-width:480px){main{width:calc(100% - 32px)}.search-home{padding-top:100px}.wordmark{font-size:2.75rem}.identity img{width:70px;height:60px}.search-field{gap:9px;padding-left:14px}input{font-size:0.9375rem}button{padding:13px 15px}.search-field svg{width:19px}.hint{font-size:0.8125rem}}@media(forced-colors:active){.search-field{border:1px solid CanvasText}button{border:1px solid ButtonText}}

@media(max-width:480px){.search-field{flex-wrap:wrap}.search-field input{flex:1}.search-field button{max-width:100%}}

.subjects{margin:30px auto 0;max-width:680px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 8px}.subjects button{background:#f4f6f7;color:#425b69;border:1px solid transparent;border-radius:18px;padding:9px 14px;font-weight:400;font-size:.8125rem;line-height:1.4}.subjects button:hover{background:#e8eff3}.subjects button[aria-pressed=true]{background:#e5f0f7;border-color:#87b1cd;color:#174d6f}.review::after{content:" Subject browsing does not certify alignment with individual curriculum outcomes."}@media(max-width:480px){.subjects{gap:8px}.subjects button{padding:9px 12px}}

/* Brand lockup: preserve the enlarged mark with clear optical spacing. */
.identity img{width:164px;height:140px;margin-bottom:4px;flex-shrink:0}
.identity .wordmark{line-height:1.05;font-weight:400}
.identity .descriptor{font-size:0.75rem;font-weight:300;line-height:1.5;letter-spacing:0.1em;margin-top:2px;color:#536570}
@media(max-width:480px){.identity img{width:140px;height:120px;margin-bottom:4px}.identity .descriptor{font-size:0.75rem;margin-top:2px}}

/* Aurora colour drifts around the border without moving the control. */
@property --aurora-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.search-field{--aurora-angle:0deg;position:relative;isolation:isolate;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--aurora-angle),#43d8a1,#42cddd,#a28beb,#65deba,#43d8a1) border-box;box-shadow:0 0 10px #51cdaa24,0 0 20px #8975df18;animation:aurora-orbit 24s linear infinite}
.search-field::before{content:"";position:absolute;inset:-5px;z-index:-1;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--aurora-angle),#51d7b0 0deg,#4dced0 90deg,#829cdd 180deg,#a395df 270deg,#51d7b0 360deg);filter:blur(12px);opacity:.20;animation:aurora-orbit 24s linear infinite}
.search-field:focus-within{border-color:transparent;box-shadow:0 0 0 3px #65cbbc45,0 0 24px #7b8dd640}
.search-field:focus-within::before{opacity:.28}
@keyframes aurora-orbit{to{--aurora-angle:360deg}}
@media(prefers-reduced-motion:reduce){.search-field,.search-field::before{animation:none}}
@media(forced-colors:active){.search-field{background:Canvas;border:1px solid CanvasText;box-shadow:none;animation:none}.search-field::before{display:none}.search-field:focus-within{border-color:Highlight;outline:2px solid Highlight}}

/* Glass controls: frosted fill, bright rim and a restrained inner reflection. */
.search-field{background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(240,250,249,.84) 50%,rgba(242,240,255,.89)) padding-box,conic-gradient(from var(--aurora-angle),#51d7b0 0deg,#4dced0 90deg,#829cdd 180deg,#a395df 270deg,#51d7b0 360deg) border-box;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 1px #ffffff,inset 0 -1px 2px #83a5bf20,0 8px 24px #234a6510,0 0 12px #51cdaa28,0 0 22px #8975df18}
.search-field::after{content:"";position:absolute;inset:2px 18px auto;height:45%;border-radius:30px 30px 50% 50%;background:linear-gradient(#ffffff70,#ffffff00);pointer-events:none;z-index:-1}
.search-field button{background:linear-gradient(155deg,#387a9d,#174d6f 65%);border:1px solid #ffffff38;box-shadow:inset 0 1px 1px #ffffff45,0 3px 9px #163d6625;transition:background .18s,box-shadow .18s}
.search-field button:hover{background:linear-gradient(155deg,#2c6c92,#103f60 65%);box-shadow:inset 0 1px 1px #ffffff50,0 4px 12px #163d6630}
.subjects button{background:linear-gradient(150deg,#ffffffed,#edf4f6c9 65%,#f0eef9c9);border:1px solid #d4e0e8cc;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #99b2c215,0 3px 9px #25455c0b;color:#304e60;transition:background .18s,box-shadow .18s,border-color .18s}
.subjects button:hover{background:linear-gradient(150deg,#ffffff,#e7f3f3 65%,#ece9fa);border-color:#abc8d5;box-shadow:inset 0 1px 1px #fff,0 4px 12px #25455c16}
.subjects button[aria-pressed=true]{background:linear-gradient(150deg,#f5fcff,#d9edf4 65%,#e6e2fa);border-color:#87afc5;color:#174d6f;box-shadow:inset 0 1px 1px #fff,0 3px 10px #39709820}
@media(prefers-reduced-motion:reduce){.subjects button,.search-field button{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.search-field{background:#fff;border-color:#587484;backdrop-filter:none;-webkit-backdrop-filter:none}.search-field::before,.search-field::after{display:none}.subjects button{background:#f4f7f9;border-color:#587484;backdrop-filter:none;-webkit-backdrop-filter:none;color:#203e50}.subjects button[aria-pressed=true]{background:#dcebf3;border-color:#174d6f}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.subjects button{background:#f2f6f8}}
@media(forced-colors:active){.search-field,.search-field button,.subjects button{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;backdrop-filter:none}.search-field::before,.search-field::after{display:none}.subjects button[aria-pressed=true]{border:2px solid Highlight;color:Highlight}}

/* Original orca inside a rounded app tile. */
.identity .app-tile{display:grid;place-items:center;width:176px;height:176px;margin-bottom:16px;border-radius:38px;border:1px solid #dce6ed;background:linear-gradient(145deg,#fffffffa 8%,#f1f8f7e8 55%,#ececf8e8);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #a6b8c11c,0 10px 25px #243d5412,0 2px 5px #243d540b;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.identity .app-tile img{display:block;width:160px;height:160px;margin:0;object-fit:contain}
@media(max-width:480px){.identity .app-tile{width:150px;height:150px;border-radius:33px;margin-bottom:14px}.identity .app-tile img{width:138px;height:138px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.identity .app-tile{background:#f5f8fa;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#849ba9}}
@media(forced-colors:active){.identity .app-tile{background:Canvas;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}}

/* Local Evangelion-style English wordmark recreation using installed Times Bold. */
.identity .wordmark{font-family:'Times New Roman',Times,serif;font-weight:700;font-size:64px;line-height:1;letter-spacing:-.015em;transform:scaleX(.84);transform-origin:center}
@media(max-width:480px){.identity .wordmark{font-size:56px}}

/* Fill the search width with orderly subject rows. */
.subjects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;width:100%;gap:10px;margin-top:30px}
.subjects button{width:100%;min-width:0;min-height:48px;padding:9px 10px;border-radius:16px;white-space:normal;overflow-wrap:break-word}
@media(max-width:680px){.subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subjects button{padding:10px 12px}}

.subject-card{min-width:0;display:flex;flex-direction:column;gap:7px}.subject-card select{width:100%;min-height:36px;background:#fff;border:1px solid #d7e1e8;border-radius:10px;padding:7px 8px;font:inherit;font-size:.75rem;color:#304e60}.subject-card select:focus-visible{outline:3px solid #1b6ea2;outline-offset:2px}.subject-card:has(button[aria-pressed=true]) select{border-color:#87afc5}.resource-link{display:block;text-decoration:none}.resource-link:hover h2{text-decoration:underline}.curriculum-details{margin-top:12px;font-size:.8125rem;text-align:left}.curriculum-details summary{cursor:pointer;line-height:1.6;color:#174d6f}.outcome-connection{padding:12px 0;border-bottom:1px solid #e4ebef}.outcome-connection p{margin-top:6px}.result .mapping-limit{font-size:.75rem;color:#536570;margin-top:10px;line-height:1.6}

.grade-note{font-size:.75rem;line-height:1.6;color:#536570;margin:16px 0 0}

/* Search glass without an aurora glow. */
.search-field{animation:none;border:1px solid #cbd8e0;background:linear-gradient(160deg,#fffffff0,#f0f7f7e8 55%,#f1f2faed);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #83a5bf15}
.search-field::before{display:none;animation:none}
.search-field:focus-within{border-color:#1b6ea2;box-shadow:inset 0 1px 1px #fff;outline:2px solid #1b6ea2;outline-offset:2px}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.search-field{background:#fff;border-color:#587484;box-shadow:none}}
@media(forced-colors:active){.search-field{background:Canvas;border-color:CanvasText;box-shadow:none}.search-field:focus-within{border-color:Highlight;outline-color:Highlight}}

.pixel-tree-line{height:132px;flex-shrink:0;margin-top:48px;background:url('/assets/shell/pixel-pines.svg?v=78c081ddf6ac') repeat-x center bottom;background-size:1440px 132px;image-rendering:pixelated;pointer-events:none}footer{padding-top:22px}@media(max-width:480px){.pixel-tree-line{margin-top:32px}}

/* Loose-leaf paper: blue ruling and a red left margin. */
body{background-color:#fff;background-image:linear-gradient(90deg,transparent 0,transparent 79px,#de777b99 79px,#de777b99 81px,transparent 81px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#7daedb38 31px,#7daedb38 32px);background-position:0 0,0 8px}
@media(max-width:680px){body{background-image:linear-gradient(90deg,transparent 0,transparent 19px,#de777b80 19px,#de777b80 21px,transparent 21px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#7daedb30 31px,#7daedb30 32px)}main{width:calc(100% - 64px);margin-left:40px;margin-right:24px}}
@media(forced-colors:active){body{background:Canvas}}

/* Keep the resting search homepage within the viewport. */
body:has(#results-area[hidden]){height:100svh;min-height:0}
body:has(#results-area[hidden]) main{flex:1;min-height:0}
body .search-home{padding-top:clamp(16px,3.5vh,38px)}
body .identity .app-tile{width:clamp(88px,15vh,138px);height:clamp(88px,15vh,138px);border-radius:29px;margin-bottom:10px}
body .identity .app-tile img{width:90%;height:90%}
body .identity .wordmark{font-size:clamp(40px,6.5vh,56px)}
body form{margin-top:20px}
body .hint{margin-top:12px}
body .subjects{margin-top:18px;gap:9px}
body .subjects button{min-height:42px}
body .grade-note{margin-top:12px}
body .pixel-tree-line{height:132px;margin-top:14px}
@media(max-width:480px){body .search-home{padding-top:12px}body .identity .app-tile{width:76px;height:76px;border-radius:19px;margin-bottom:8px}body .identity .wordmark{font-size:38px}body form{margin-top:12px}body .search-field{padding-top:4px;padding-bottom:4px}body .hint{font-size:.75rem;margin-top:10px}body .subjects{margin-top:12px;gap:6px}body .subjects button{min-height:36px;padding:5px 8px;font-size:.75rem}body .grade-note{font-size:.625rem;margin-top:8px}body .pixel-tree-line{height:72px;background-size:786px 72px;margin-top:8px}}
/* Preserve scrolling when large text needs extra space. */
@media(max-width:480px) and (max-height:700px){body .subjects{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body .subjects button{min-height:42px;font-size:.6875rem;padding:4px 5px}body .identity .app-tile{width:58px;height:58px;border-radius:15px;margin-bottom:5px}body .identity .wordmark{font-size:32px}body .pixel-tree-line{height:60px;background-size:655px 60px}}

.grade-toolbar{display:flex;align-items:center;gap:10px;text-align:left;margin-top:20px}.grade-toolbar label{font-size:.8125rem;color:#304e60}.grade-toolbar select{min-height:40px;max-width:210px;border:1px solid #bccedb;border-radius:12px;background:#fffffff2;padding:8px 12px;font:inherit;font-size:.8125rem;color:#304e60}.grade-toolbar select:focus-visible{outline:3px solid #1b6ea2;outline-offset:2px}.subjects{margin-top:12px}.subject-card{gap:0}.subject-card>button{height:100%}body .grade-toolbar{margin-top:12px}body .subjects{margin-top:10px}@media(max-width:480px){.grade-toolbar{gap:8px}.grade-toolbar label,.grade-toolbar select{font-size:.75rem}.grade-toolbar select{min-height:36px;padding:6px 9px}body .grade-toolbar{margin-top:9px}}
/* Follow the device's appearance preference. */
:root{color-scheme:light dark}

 html[data-appearance="dark"]{background:#111c27;color:#e6eef4}
 html[data-appearance="dark"] body{background-color:#111c27;background-image:linear-gradient(90deg,transparent 0,transparent 79px,#c5737d80 79px,#c5737d80 81px,transparent 81px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#7aabdb25 31px,#7aabdb25 32px)}
 html[data-appearance="dark"] .identity .wordmark{color:#f1f5f8}html[data-appearance="dark"] .identity .descriptor,html[data-appearance="dark"] .hint,html[data-appearance="dark"] #status,html[data-appearance="dark"] .result p,html[data-appearance="dark"] .result .mapping-limit{color:#b6c8d5}
 html[data-appearance="dark"] .identity .app-tile{background:linear-gradient(145deg,#e4edf1,#bfcdd7 65%,#b6c4d4);border-color:#899cab;box-shadow:inset 0 1px 2px #ffffff80,0 8px 24px #00000030}
 html[data-appearance="dark"] .search-field{background:linear-gradient(160deg,#253745f2,#1c2d3bef);border-color:#526b7e;box-shadow:inset 0 1px 1px #ffffff12}
 html[data-appearance="dark"] .search-field::after{background:linear-gradient(#ffffff0b,#ffffff00)}
 html[data-appearance="dark"] .search-field input{color:#eef4f8}html[data-appearance="dark"] .search-field input::placeholder,html[data-appearance="dark"] .search-field svg{color:#b1c3d2}
 html[data-appearance="dark"] .search-field:focus-within{border-color:#83bde6;outline-color:#83bde6;box-shadow:inset 0 1px 1px #ffffff12}
 html[data-appearance="dark"] .search-field button{background:linear-gradient(155deg,#3e7799,#235877);border-color:#6c9bb750;color:#fff}
 html[data-appearance="dark"] .subjects button{background:linear-gradient(150deg,#2c4053ed,#213446e8 65%,#29364ce8);border-color:#516a80;color:#e0eaf2;box-shadow:inset 0 1px 1px #ffffff15,0 3px 9px #00000015}
 html[data-appearance="dark"] .subjects button:hover{background:linear-gradient(150deg,#354f66,#2c4259);border-color:#85a9c3}
 html[data-appearance="dark"] .subjects button[aria-pressed=true]{background:linear-gradient(150deg,#3a607a,#304c69);border-color:#9bc2df;color:#fff}
 html[data-appearance="dark"] .grade-toolbar label{color:#c9d9e6}html[data-appearance="dark"] .grade-toolbar select{background:#203345;border-color:#5a768d;color:#e3edf4}
 html[data-appearance="dark"] .result{border-color:#405366}html[data-appearance="dark"] .curriculum-details summary,html[data-appearance="dark"] .outcome-connection a{color:#9fd2f2}html[data-appearance="dark"] .outcome-connection{border-color:#405366}
 html[data-appearance="dark"] a:focus-visible,html[data-appearance="dark"] button:focus-visible,html[data-appearance="dark"] .grade-toolbar select:focus-visible{outline-color:#9fd2f2}
 html[data-appearance="dark"] .pixel-tree-line{filter:brightness(.76) saturate(.85)}
 @media(max-width:680px){html[data-appearance="dark"] body{background-image:linear-gradient(90deg,transparent 0,transparent 19px,#c5737d80 19px,#c5737d80 21px,transparent 21px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#7aabdb25 31px,#7aabdb25 32px)}}

@media(prefers-color-scheme:dark) and (prefers-reduced-transparency:reduce){.search-field{background:#203345}.subjects button{background:#263c50}.identity .app-tile{background:#c5d3dc}}
@media(forced-colors:active){:root,body{background:Canvas;color:CanvasText}.identity .wordmark,.identity .descriptor,.hint,#status,.result p,.grade-toolbar label{color:CanvasText}.search-field,.subjects button,.grade-toolbar select{background:Canvas;color:CanvasText;border-color:ButtonText}.search-field input{color:CanvasText}.subjects button[aria-pressed=true]{color:Highlight;border-color:Highlight}.pixel-tree-line{filter:none}}
/* Recovered title geometry from the saved teal-grid brand reference. */
.identity .wordmark{font-family:'Times New Roman',Times,serif;font-weight:700;text-transform:uppercase;letter-spacing:-.055em;line-height:1;transform:scale(.55,1.48);transform-origin:center;margin-top:14px;margin-bottom:14px}

.subjects{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:480px){.subjects,body .subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Give the focused six-subject set more room. */
.subjects,body .subjects{gap:18px;margin-top:20px}
.subjects button,body .subjects button{min-height:74px;padding:18px 16px;font-size:.9375rem;border-radius:20px}
@media(max-width:480px){.subjects,body .subjects{gap:12px;margin-top:16px}.subjects button,body .subjects button{min-height:64px;padding:12px 10px;font-size:.8125rem;border-radius:18px}}
@media(max-width:480px) and (max-height:700px){body .subjects{gap:10px;margin-top:12px}body .subjects button{min-height:56px;padding:9px 8px;font-size:.75rem}}

/* A compact filter aligned with the right edge of the subject grid. */
.grade-toolbar{justify-content:flex-end;margin-left:auto;width:fit-content}.grade-toolbar select{width:180px;max-width:100%;min-height:40px;border-radius:20px;padding:8px 14px;background:linear-gradient(150deg,#ffffffed,#edf4f6e8);border-color:#c7d8e4;box-shadow:inset 0 1px 1px #fff,0 2px 6px #25455c0a;cursor:pointer}.subjects,body .subjects{margin-top:12px}@media(max-width:480px){.grade-toolbar select{width:168px;min-height:36px}.subjects,body .subjects{margin-top:10px}}html[data-appearance="dark"] .grade-toolbar select{background:linear-gradient(150deg,#2c4053,#213446);border-color:#516a80;box-shadow:inset 0 1px 1px #ffffff15; color:#e0eaf2}@media(forced-colors:active){.grade-toolbar select{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}}

.identity .descriptor{font-size:1rem;font-weight:300;line-height:1.4;letter-spacing:.08em}@media(max-width:480px){.identity .descriptor{font-size:.875rem}}
.subject-card{perspective:900px}.subjects button{position:relative;perspective:900px;overflow:visible}.subject-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.subject-front,.subject-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;padding:10px}.subject-back{transform:rotateY(180deg);flex-direction:row;gap:10px;background:linear-gradient(150deg,#ffffffed,#e7f2ed);border-radius:20px}.subject-back img{width:80px;height:50px;object-fit:contain;image-rendering:pixelated}.subject-back>span{font-size:.8125rem;line-height:1.25}.subject-card:hover .subject-turn,.keyboard-navigation .subject-card:focus-within .subject-turn{transform:rotateY(180deg)}.subject-card:hover .subject-back img,.keyboard-navigation .subject-card:focus-within .subject-back img{animation:subject-bob 3s ease-in-out infinite}@keyframes subject-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@media(max-width:480px){.subject-back{gap:3px;padding:5px}.subject-back img{width:55px;height:39px}.subject-back>span{font-size:.6875rem}}html[data-appearance="dark"] .subject-back{background:linear-gradient(150deg,#2c4053,#243a42)}@media(prefers-reduced-motion:reduce){.subject-turn{transition:none}.subject-card:hover .subject-turn,.keyboard-navigation .subject-card:focus-within .subject-turn{transform:none}.subject-card:hover .subject-front,.keyboard-navigation .subject-card:focus-within .subject-front{visibility:hidden}.subject-back{transform:none;visibility:hidden}.subject-card:hover .subject-back,.keyboard-navigation .subject-card:focus-within .subject-back{visibility:visible}.subject-back img{animation:none!important}}
/* Clear the paper rules behind the identity lettering. */
.identity .wordmark,.identity .descriptor{position:relative;isolation:isolate}
.identity .wordmark::before,.identity .descriptor::before{content:"";position:absolute;inset:-7px -18px;z-index:-1;background:#fff;box-shadow:0 0 12px 9px #fff;pointer-events:none;border-radius:9px}
.identity .descriptor::before{inset:-3px -12px;box-shadow:0 0 8px 5px #fff}
html[data-appearance="dark"] .identity .wordmark::before,html[data-appearance="dark"] .identity .descriptor::before{background:#111c27;box-shadow:0 0 12px 9px #111c27}html[data-appearance="dark"] .identity .descriptor::before{box-shadow:0 0 8px 5px #111c27}
@media(forced-colors:active){.identity .wordmark::before,.identity .descriptor::before{background:Canvas;box-shadow:none}}
.appearance-switch{position:relative;flex-shrink:0;width:72px;min-height:36px;height:36px;padding:0;border-radius:22px;border:1px solid #b7cad9;background:linear-gradient(#cfdfeb,#eff6fa);box-shadow:inset 0 2px 4px #37526c20,0 2px 3px #ffffff80,0 3px 7px #24405a15;color:#536b7d}.appearance-switch:hover{background:linear-gradient(#c7dbe9,#e7f2f8)}.switch-sun,.switch-moon{position:absolute;top:7px;font-size:19px;line-height:20px}.switch-sun{left:9px}.switch-moon{right:10px}.switch-knob{position:absolute;left:4px;top:3px;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#fff,#d9e7ed);border:1px solid #ffffffce;box-shadow:inset 0 1px 2px #fff,0 2px 4px #2a425b45;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.appearance-switch[aria-checked=true]{background:linear-gradient(#152939,#344f69);border-color:#526d84;color:#d8e9f5}.appearance-switch[aria-checked=true] .switch-knob{transform:translateX(34px);background:linear-gradient(145deg,#e9f4fd,#a6c2db);border-color:#d8e9f5}.grade-toolbar{gap:12px}@media(prefers-reduced-motion:reduce){.switch-knob{transition:none}}@media(forced-colors:active){.appearance-switch{background:Canvas;border:1px solid ButtonText;box-shadow:none}.switch-knob{background:ButtonText;border:none;box-shadow:none}.appearance-switch[aria-checked=true]{background:Canvas;color:CanvasText}.appearance-switch[aria-checked=true] .switch-knob{background:Highlight}}
/* Keep the clear-lettering backing inside the title line. */
.identity .wordmark::before{inset:4px -12px 0;border-radius:3px;box-shadow:none}
.identity .descriptor::before{inset:0 -8px;border-radius:3px;box-shadow:none}
html[data-appearance="dark"] .identity .wordmark::before,html[data-appearance="dark"] .identity .descriptor::before{box-shadow:none}

.appearance-switch{position:fixed;top:20px;right:24px;z-index:20}@media(max-width:480px){.appearance-switch{top:12px;right:12px}}

/* The sky follows appearance; decorations stay behind the interface. */
body{position:relative;isolation:isolate}.sky-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sky-sun{position:absolute;left:clamp(100px,14vw,240px);top:70px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2ac,#efce6e);box-shadow:0 0 0 9px #f5d88916,0 0 30px #efce6e22}.sky-moon,.sky-aurora{display:none}main,.pixel-tree-line{position:relative;z-index:1}
html[data-appearance="dark"] .sky-scene{background:url('/assets/shell/night-stars.svg') repeat-x center top;background-size:1440px 600px}html[data-appearance="dark"] .sky-sun{display:none}html[data-appearance="dark"] .sky-moon{display:block;position:absolute;left:clamp(100px,14vw,240px);top:70px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#e1ebdf,#b6cec9);box-shadow:0 0 25px #b9e4d218}html[data-appearance="dark"] .sky-moon::after{content:"";position:absolute;left:17px;top:-7px;width:48px;height:48px;border-radius:50%;background:#111c27}html[data-appearance="dark"] .sky-aurora{display:block;position:absolute;left:-15%;right:-15%;bottom:85px;height:clamp(150px,35vh,340px);background:radial-gradient(ellipse at 25% 85%,#45cf9b30 0,transparent 50%),radial-gradient(ellipse at 65% 50%,#479ecb28 0,transparent 52%),radial-gradient(ellipse at 80% 80%,#9e75d530 0,transparent 45%);filter:blur(20px);transform:skewY(-8deg);animation:sky-drift 36s ease-in-out infinite alternate}@keyframes sky-drift{from{transform:translateX(-2%) skewY(-8deg);opacity:.65}to{transform:translateX(2%) skewY(-4deg);opacity:1}}@media(max-width:480px){.sky-sun,html[data-appearance="dark"] .sky-moon{left:43px;top:24px;width:28px;height:28px}html[data-appearance="dark"] .sky-moon::after{width:27px;height:27px;left:10px;top:-4px}html[data-appearance="dark"] .sky-aurora{bottom:45px;height:180px}}@media(prefers-reduced-motion:reduce){html[data-appearance="dark"] .sky-aurora{animation:none}}@media(forced-colors:active){.sky-scene{display:none}}
/* Teal is the shared accent for controls and outlines. */
:root{--ww-accent:#006d77;--ww-accent-dark:#00535c;--ww-outline:#a9d1cf}
.search-field{border-color:var(--ww-outline)}.search-field:focus-within{border-color:var(--ww-accent);outline-color:var(--ww-accent)}.search-field svg{color:#447e80}
.search-field button{background:linear-gradient(155deg,#248d91,#006d77 65%);border-color:#74bebc80}.search-field button:hover{background:linear-gradient(155deg,#198185,#00535c 65%)}
.subjects button{border-color:#b6d7d2;color:#215d60;background:linear-gradient(150deg,#ffffffed,#edf6f3e8 65%,#eaf3f3e8)}.subjects button:hover{border-color:#6caaa5;background:linear-gradient(150deg,#fff,#e1f2ec)}.subjects button[aria-pressed=true]{background:linear-gradient(150deg,#e9faf3,#d4ebe4);border-color:#368f88;color:#00535c}
.grade-toolbar select{border-color:var(--ww-outline);color:#215d60;background:linear-gradient(150deg,#fffffff2,#edf6f3e8)}.curriculum-details summary,.outcome-connection a{color:var(--ww-accent)}a:focus-visible,button:focus-visible,.grade-toolbar select:focus-visible{outline-color:var(--ww-accent)}
.appearance-switch{border-color:#9cc8c2;background:linear-gradient(#cce4dc,#eff8f4);color:#347b77}.appearance-switch:hover{background:linear-gradient(#bedbd3,#e7f6ef)}.appearance-switch[aria-checked=true]{background:linear-gradient(#113d3e,#285d5c);border-color:#508a84}
html[data-appearance="dark"]{--ww-accent:#91ddd0;--ww-outline:#4b8a80}html[data-appearance="dark"] .search-field{border-color:var(--ww-outline);background:linear-gradient(160deg,#243b3cf2,#1b3033ef)}html[data-appearance="dark"] .search-field:focus-within{border-color:var(--ww-accent);outline-color:var(--ww-accent)}html[data-appearance="dark"] .search-field button{background:linear-gradient(155deg,#278e87,#0c696a);border-color:#67aca280}html[data-appearance="dark"] .subjects button{background:linear-gradient(150deg,#2b4340ed,#213a37e8);border-color:#4c847a;color:#d4f0e7}html[data-appearance="dark"] .subjects button:hover{background:linear-gradient(150deg,#35564e,#2a4945);border-color:#81bdb0}html[data-appearance="dark"] .subjects button[aria-pressed=true]{background:linear-gradient(150deg,#36675b,#275349);border-color:#a0d8c8;color:#effff7}html[data-appearance="dark"] .grade-toolbar select{background:linear-gradient(150deg,#2b4340,#213a37);border-color:#4c847a;color:#d4f0e7}html[data-appearance="dark"] .subject-back{background:linear-gradient(150deg,#2b4340,#213a37)}html[data-appearance="dark"] .curriculum-details summary,html[data-appearance="dark"] .outcome-connection a{color:#91ddd0}
@media(forced-colors:active){.search-field,.search-field button,.subjects button,.grade-toolbar select,.appearance-switch{background:Canvas;color:CanvasText;border-color:ButtonText}.subjects button[aria-pressed=true]{border-color:Highlight;color:Highlight}}
.sky-sun,html[data-appearance="dark"] .sky-moon{top:auto;bottom:145px;left:14vw}@media(max-width:480px){.sky-sun,html[data-appearance="dark"] .sky-moon{top:auto;bottom:84px;left:14vw}}@media(max-width:480px) and (max-height:700px){.sky-sun,html[data-appearance="dark"] .sky-moon{bottom:72px}}

/* Pixel aurora curtains replace the blurred light wash. */
html[data-appearance="dark"] .sky-aurora{left:0;right:0;bottom:95px;height:240px;background:url('/assets/shell/pixel-aurora.svg') repeat-x center bottom;background-size:1440px 240px;filter:none;image-rendering:pixelated;transform:none;opacity:.9;animation:pixel-aurora-drift 40s ease-in-out infinite alternate}@keyframes pixel-aurora-drift{from{background-position:calc(50% - 18px) bottom;transform:translateY(0);opacity:.65}to{background-position:calc(50% + 18px) bottom;transform:translateY(-6px);opacity:.95}}@media(max-width:480px){html[data-appearance="dark"] .sky-aurora{bottom:52px;height:180px;background-size:1080px 180px}}@media(prefers-reduced-motion:reduce){html[data-appearance="dark"] .sky-aurora{animation:none;transform:none;opacity:.85}}
.subjects{grid-auto-rows:74px}.subject-card{min-height:0}.subject-card>button{height:100%;min-height:0}@media(max-width:480px){.subjects{grid-auto-rows:64px}}@media(max-width:480px) and (max-height:700px){.subjects{grid-auto-rows:56px}}
/* Keep both card faces on the same rounded surface through the flip. */
.subject-card>button{overflow:hidden;border-radius:20px;transform:translateZ(0)}.subject-turn,.subject-front,.subject-back{border-radius:inherit}.subject-back{background:inherit!important;border:0;box-shadow:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .16s ease}.subject-front{transition:opacity .16s ease}.subject-card:hover .subject-front,.keyboard-navigation .subject-card:focus-within .subject-front{opacity:0}.subject-card:hover .subject-back,.keyboard-navigation .subject-card:focus-within .subject-back{opacity:1}@media(prefers-reduced-motion:reduce){.subject-back,.subject-front{transition:none}}
/* Soft pixel clouds drift through the daytime sky only. */
.sky-clouds{position:absolute;inset:0;pointer-events:none;background:url('/assets/shell/pixel-clouds.svg?v=1ecb78f96e04') repeat-x center top;background-size:1440px 520px;image-rendering:pixelated;opacity:.8;animation:cloud-drift 90s linear infinite alternate}@keyframes cloud-drift{from{background-position:calc(50% - 16px) top}to{background-position:calc(50% + 16px) top}}html[data-appearance="dark"] .sky-clouds{display:none}@media(max-width:480px){.sky-clouds{background-size:1080px 390px}}@media(prefers-reduced-motion:reduce){.sky-clouds{animation:none}}@media(forced-colors:active){.sky-clouds{display:none}}
.subjects button:hover,.subjects button:focus-visible,.search-field button:hover,.grade-toolbar select:hover,.result a:hover,.curriculum-details summary:hover,a:hover{cursor:url('/assets/shell/glove-pointer.svg?v=ebf33b4575f1') 14 11,pointer}
.subjects button:active,.search-field button:active{cursor:url('/assets/shell/glove-pointer.svg?v=ebf33b4575f1') 14 11,pointer}
@media(forced-colors:active){.subjects button:hover,.search-field button:hover,.grade-toolbar select:hover,.result a:hover,.curriculum-details summary:hover,a:hover{cursor:pointer}}

/* Day clouds share the aurora's low sky band above the forest. */
.sky-clouds{inset:auto 0 95px;height:240px;background-size:1440px 240px;background-position:center bottom;animation:low-cloud-drift 90s linear infinite alternate}@keyframes low-cloud-drift{from{background-position:calc(50% - 16px) bottom}to{background-position:calc(50% + 16px) bottom}}@media(max-width:480px){.sky-clouds{bottom:52px;height:180px;background-size:1080px 180px}}@media(prefers-reduced-motion:reduce){.sky-clouds{animation:none}}

.sky-sun{width:72px;height:72px;border-radius:0;background:url('/assets/shell/pixel-sun.svg') center/contain no-repeat;box-shadow:none;image-rendering:pixelated;animation:pixel-sun-shimmer 16s ease-in-out infinite alternate}@keyframes pixel-sun-shimmer{from{opacity:.82;filter:saturate(.9)}to{opacity:1;filter:saturate(1.12)}}@media(max-width:480px){.sky-sun{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.sky-sun{animation:none}}

.sky-clouds{opacity:.9;background-size:1440px 240px}@media(max-width:480px){.sky-clouds{background-size:1080px 180px}}

/* Equal celestial boxes keep the sun and moon centered at the same coordinates. */
.sky-sun,html[data-appearance="dark"] .sky-moon{width:72px;height:72px;top:auto;bottom:145px;left:14vw}
html[data-appearance="dark"] .sky-moon{background:radial-gradient(circle at 32% 30%,#e1ebdf,#b6cec9);background-size:auto}
html[data-appearance="dark"] .sky-moon::after{width:65px;height:65px;left:22px;top:-9px}
@media(max-width:480px){.sky-sun,html[data-appearance="dark"] .sky-moon{width:42px;height:42px;bottom:84px;left:14vw}html[data-appearance="dark"] .sky-moon::after{width:38px;height:38px;left:13px;top:-5px}}
@media(max-width:480px) and (max-height:700px){.sky-sun,html[data-appearance="dark"] .sky-moon{bottom:72px}}
.subjects button[data-subject="English Language Arts"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="English Language Arts"] .subject-back img{width:150px;height:49px;max-width:100%;object-fit:contain}.subjects button[data-subject="English Language Arts"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="English Language Arts"] .subject-back img{height:38px;width:125px}.subjects button[data-subject="English Language Arts"] .subject-back>span{font-size:.625rem}}

/* Match the actual celestial disks, with daytime cloud occlusion. */
.sky-sun,html[data-appearance="dark"] .sky-moon{z-index:1;width:72px;height:72px}
html[data-appearance="dark"] .sky-moon{border-radius:0;background:url('/assets/shell/pixel-moon.svg') center/contain no-repeat;box-shadow:none;image-rendering:pixelated}
html[data-appearance="dark"] .sky-moon::after{display:none}
.sky-clouds{z-index:2;opacity:1}
@media(max-width:480px){.sky-sun,html[data-appearance="dark"] .sky-moon{width:42px;height:42px}}
.subjects button[data-subject="Career Education"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="Career Education"] .subject-back img{width:205px;height:52px;max-width:100%;object-fit:contain}.subjects button[data-subject="Career Education"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="Career Education"] .subject-back img{height:39px;width:130px}.subjects button[data-subject="Career Education"] .subject-back>span{font-size:.625rem}}
.subjects button[data-subject="Arts Education"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="Arts Education"] .subject-back img{width:205px;height:52px;max-width:100%;object-fit:contain}.subjects button[data-subject="Arts Education"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="Arts Education"] .subject-back img{height:39px;width:130px}.subjects button[data-subject="Arts Education"] .subject-back>span{font-size:.625rem}}
.subjects button[data-subject="Science"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="Science"] .subject-back img{width:205px;height:52px;max-width:100%;object-fit:contain}.subjects button[data-subject="Science"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="Science"] .subject-back img{height:39px;width:130px}.subjects button[data-subject="Science"] .subject-back>span{font-size:.625rem}}
.subjects button[data-subject="Social Studies"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="Social Studies"] .subject-back img{width:205px;height:52px;max-width:100%;object-fit:contain}.subjects button[data-subject="Social Studies"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="Social Studies"] .subject-back img{height:39px;width:130px}.subjects button[data-subject="Social Studies"] .subject-back>span{font-size:.625rem}}
.subjects button[data-subject="Mathematics"] .subject-back{flex-direction:column;gap:0;padding:4px 8px}.subjects button[data-subject="Mathematics"] .subject-back img{width:205px;height:52px;max-width:100%;object-fit:contain}.subjects button[data-subject="Mathematics"] .subject-back>span{font-size:.6875rem;line-height:1.1}@media(max-width:480px){.subjects button[data-subject="Mathematics"] .subject-back img{height:39px;width:130px}.subjects button[data-subject="Mathematics"] .subject-back>span{font-size:.625rem}}
/* Focused subject portals use curated pixel art as a screen frame. */
html[data-subject-portal]{background:#fff}html[data-subject-portal][data-appearance="dark"]{background:#111c27}
.subject-portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px 10px}.subject-portal-heading[hidden]{display:none}.subject-portal-heading h1{margin:0;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.2;color:#184f4d}.back-to-subjects{font-size:.8125rem;color:#176f62;text-decoration:none;padding:9px 13px;border:1px solid #a9d1cf;background:#ffffffe8;border-radius:16px}.back-to-subjects:hover{text-decoration:underline}
html[data-subject-portal] .search-home{padding-top:clamp(18px,4vh,50px)}html[data-subject-portal] .identity{display:none}html[data-subject-portal] .subjects{display:none}html[data-subject-portal] .grade-toolbar{margin-top:12px}html[data-subject-portal] .search-home form{margin-top:0}
html[data-subject-portal] #results-area{position:relative;isolation:isolate;width:min(1180px,100%);margin:0 auto 24px;padding:110px clamp(48px,8vw,110px) 104px;min-height:clamp(470px,68vh,720px);scroll-margin-top:20px}
html[data-subject-portal] .subject-art-frame{position:fixed;inset:clamp(120px,18vh,190px) 1vw 12px;z-index:-1;pointer-events:none;opacity:.94;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}
html[data-subject-portal] #status{position:relative;z-index:1;display:inline-block;padding:8px 15px;margin:0 0 12px;border:1px solid #a9d1cf;border-radius:16px;background:#fffe8;color:#365f5c}
html[data-subject-portal] #results{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
html[data-subject-portal] .result{min-width:0;margin:0;padding:16px 18px;border:1px solid #abd0ca;border-radius:18px;background:#fffffff1;box-shadow:0 5px 14px #1d554011;overflow-wrap:anywhere}
html[data-subject-portal] .result h2{font-size:1rem}html[data-subject-portal] .result>p{font-size:.8125rem;line-height:1.5}html[data-subject-portal] .result .mapping-limit{font-size:.6875rem}
html[data-subject-portal] .curriculum-details{grid-column:1/-1}html[data-subject-portal] .curriculum-details summary{padding:6px 0}
html[data-subject-portal] .result .resource-link{color:#155f58}
html[data-subject-portal] .resource-link:focus-visible{outline:3px solid #2d9b87;outline-offset:4px;border-radius:4px}
html[data-subject-portal][data-appearance="dark"] .subject-portal-heading h1{color:#c5ebdc}html[data-subject-portal][data-appearance="dark"] .back-to-subjects,html[data-subject-portal][data-appearance="dark"] #status{background:#193431ed;border-color:#4b8d7e;color:#caeddf}html[data-subject-portal][data-appearance="dark"] .result{background:#172c2bf2;border-color:#44786b}html[data-subject-portal][data-appearance="dark"] .result .resource-link{color:#b5e8d5}html[data-subject-portal][data-appearance="dark"] .result>p,html[data-subject-portal][data-appearance="dark"] .result .mapping-limit{color:#c0d4cb}
@media(max-width:680px){html[data-subject-portal] #results-area{padding:94px 10px 84px;min-height:60vh}html[data-subject-portal] .subject-art-frame{inset:auto 0 12px;height:calc(100% - 140px);background-size:auto 100%}html[data-subject-portal] #results{grid-template-columns:1fr;gap:10px}html[data-subject-portal] .subject-portal-heading{padding:0 5px 10px}}
@media(max-width:480px){html[data-subject-portal] .search-home{padding-top:12px}html[data-subject-portal] .search-home form{margin-top:0}html[data-subject-portal] .grade-toolbar{margin-top:8px}html[data-subject-portal] #results-area{padding-top:74px;padding-bottom:58px}.subject-portal-heading h1{font-size:1.35rem}.back-to-subjects{padding:8px 10px;font-size:.75rem}}
@media(prefers-reduced-transparency:reduce){html[data-subject-portal] .result{background:#fff}}@media(forced-colors:active){html[data-subject-portal] .subject-art-frame{display:none}html[data-subject-portal] .result,html[data-subject-portal] #status,html[data-subject-portal] .back-to-subjects{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}}

@media(pointer:fine){body,a:hover,button,button:hover,select,.subjects button:hover,.search-field button:hover,.grade-toolbar select:hover,.result a:hover,.curriculum-details summary:hover{cursor:url('/assets/shell/orca-cursor.svg') 22 12,pointer!important}html.orca-biting,html.orca-biting *{cursor:url('/assets/shell/orca-bite.svg') 22 12,pointer!important}input,textarea{cursor:text!important}}

.subjects:has(.indigenous-card){grid-template-columns:repeat(4,minmax(0,1fr))}.indigenous-card{grid-column:span 2}.indigenous-card .subject-front{font-size:.8125rem}@media(max-width:480px){.subjects:has(.indigenous-card),body .subjects:has(.indigenous-card){grid-template-columns:repeat(2,minmax(0,1fr))}.indigenous-card .subject-front{font-size:.75rem}}

.sky-sun,html[data-appearance="dark"] .sky-moon{bottom:185px}@media(max-width:480px){.sky-sun,html[data-appearance="dark"] .sky-moon{bottom:120px}}@media(max-width:480px) and (max-height:700px){.sky-sun,html[data-appearance="dark"] .sky-moon{bottom:100px}}
/* A smooth, mouth-only bite follows the actual logo rather than swapping split images. */
.orca-cursor-overlay{position:fixed;left:0;top:0;width:54px;height:54px;pointer-events:none;z-index:2147483000;will-change:transform}.orca-cursor-overlay svg{display:block;overflow:visible;filter:drop-shadow(0 1px 1px #ffffff80)}
html.orca-overlay-active *,html.orca-overlay-active .subjects button:hover,html.orca-overlay-active .search-field button:hover,html.orca-overlay-active .grade-toolbar select:hover,html.orca-overlay-active .result a:hover,html.orca-overlay-active .curriculum-details summary:hover,html.orca-overlay-active .experience-main :is(a,button,select):hover,html.orca-overlay-active .pathway-main :is(a,button,select):hover{cursor:none!important}
html.orca-overlay-active textarea,html.orca-overlay-active input:not([type=range]):not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),html.orca-overlay-active [contenteditable="true"]{cursor:text!important}
@media(pointer:coarse),(forced-colors:active){.orca-cursor-overlay{display:none!important}html.orca-overlay-active *{cursor:auto!important}}
/* Continuous cross-screen travel, with a seamless repeated pixel-cloud tile. */
.sky-clouds{background-repeat:repeat-x;animation:cloud-cross-screen 100s linear infinite;background-position:0 bottom}
@keyframes cloud-cross-screen{from{background-position:0 bottom}to{background-position:1440px bottom}}
@media(max-width:480px){.sky-clouds{animation-name:cloud-cross-screen-mobile}@keyframes cloud-cross-screen-mobile{from{background-position:0 bottom}to{background-position:1080px bottom}}}
@media(prefers-reduced-motion:reduce){.sky-clouds{animation:none;background-position:center bottom}}
/* Times New Roman is the shared website typeface. */
:root{font-family:'Times New Roman',Times,serif}
body,input,textarea,select,button{font-family:'Times New Roman',Times,serif}

.indigenous-card{grid-column:auto}.indigenous-card>button{overflow:visible}.fnmi-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:max-content;max-width:min(310px,80vw);padding:9px 12px;border:1px solid #9fcac1;border-radius:12px;background:#fff;color:#215d60;font-size:.8125rem;line-height:1.4;box-shadow:0 4px 12px #234d411c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:10}.indigenous-card:hover .fnmi-tooltip,.indigenous-card:focus-within .fnmi-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.indigenous-card:hover,.indigenous-card:focus-within{z-index:5}.indigenous-card .subject-back>span{font-size:.6875rem}html[data-appearance="dark"] .fnmi-tooltip{background:#1d3934;color:#d8eee4;border-color:#5c9b88}@media(prefers-reduced-motion:reduce){.fnmi-tooltip{transition:none}}

@media(max-width:480px){.fnmi-tooltip{left:0;max-width:calc(100vw - 64px);transform:translateY(4px)}.indigenous-card:hover .fnmi-tooltip,.indigenous-card:focus-within .fnmi-tooltip{transform:translateY(0)}}

.indigenous-card .fnmi-card-back{flex-direction:column;gap:0;padding:5px 8px}.indigenous-card .fnmi-pixel-row{display:flex;align-items:center;justify-content:center;gap:5px;height:44px}.indigenous-card .fnmi-pixel-row img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.indigenous-card .fnmi-card-back>span:last-child{font-size:.6875rem;line-height:1.1;white-space:nowrap}.indigenous-card:hover .fnmi-pixel-row img,.keyboard-navigation .indigenous-card:focus-within .fnmi-pixel-row img{animation:subject-bob 3s ease-in-out infinite}.indigenous-card .fnmi-pixel-row img:nth-child(2){animation-delay:.18s}.indigenous-card .fnmi-pixel-row img:nth-child(3){animation-delay:.36s}@media(max-width:480px){.indigenous-card .fnmi-pixel-row{gap:1px;height:36px}.indigenous-card .fnmi-pixel-row img{width:31px;height:31px}.indigenous-card .fnmi-card-back>span:last-child{font-size:.59rem}}@media(prefers-reduced-motion:reduce){.indigenous-card .fnmi-pixel-row img{animation:none!important}}

/* Keep subject section portals focused on their resources, without edge collages. */
html[data-subject-portal] .subject-art-frame{display:none}


/* Give subject resources room while keeping the search and heading focused. */
html[data-subject-portal] main{width:min(1120px,calc(100% - 40px));margin-inline:auto}
html[data-subject-portal] .search-home{width:min(760px,100%);margin-inline:auto}
html[data-subject-portal] #results-area{width:100%;margin:0 auto 24px;padding:28px 0 48px;min-height:0}
html[data-subject-portal] #results{max-width:none;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:24px;align-items:stretch}
html[data-subject-portal] .result{padding:24px}
html[data-subject-portal] .subject-art-frame{display:none}
@media(max-width:1000px){html[data-subject-portal] #results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:960px){html[data-subject-portal] .search-home{padding-top:72px}}
@media(max-width:640px){html[data-subject-portal] #results{grid-template-columns:1fr}html[data-subject-portal] .result{padding:20px}}
@media(max-width:480px){html[data-subject-portal] main{width:calc(100% - 32px)}html[data-subject-portal] .search-home{padding-top:64px}html[data-subject-portal] .subject-portal-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 16px}html[data-subject-portal] .subject-portal-heading h1{text-align:left}}

/* The homepage tile uses the same three community symbols as the collection cards. */
.indigenous-card .fnmi-pixel-row{height:58px;gap:6px}
.indigenous-card .fnmi-pixel-row img{width:50px;height:50px;image-rendering:auto}
@media(max-width:480px){.indigenous-card .fnmi-pixel-row{height:40px;gap:2px}.indigenous-card .fnmi-pixel-row img{width:34px;height:34px}}

/* Rounded puffs with a wider, visibly flowing pixel aurora at night. */
html[data-appearance="dark"] .sky-aurora{background-size:1440px 240px;background-position:calc(50% - 180px) bottom;animation:pixel-aurora-flow 28s ease-in-out infinite alternate}
@keyframes pixel-aurora-flow{0%{background-position:calc(50% - 180px) bottom;transform:translate3d(-1%,0,0);opacity:.64}34%{background-position:calc(50% + 65px) bottom;transform:translate3d(.4%,-10px,0);opacity:.92}70%{background-position:calc(50% + 190px) bottom;transform:translate3d(1%,-3px,0);opacity:.74}100%{background-position:calc(50% - 75px) bottom;transform:translate3d(-.5%,-13px,0);opacity:.95}}
@media(max-width:480px){html[data-appearance="dark"] .sky-aurora{background-size:1080px 180px}}
@media(prefers-reduced-motion:reduce){html[data-appearance="dark"] .sky-aurora{animation:none!important;transform:none;opacity:.85;background-position:center bottom}}

/* Make subject names easier to read at card size. */
.subjects .subject-front{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.3;font-weight:500}
@media(max-width:420px){.subjects .subject-front{font-size:1rem}}

/* Stagger three subject cards into the gaps beneath the four-card row. */
.subjects:has(.indigenous-card){grid-template-columns:repeat(8,minmax(0,1fr))}
.subjects:has(.indigenous-card)>.subject-card{grid-column:span 2}
.subjects:has(.indigenous-card)>.subject-card:nth-child(5){grid-column:2/span 2}
.subjects:has(.indigenous-card)>.subject-card:nth-child(6){grid-column:4/span 2}
.subjects:has(.indigenous-card)>.subject-card:nth-child(7){grid-column:6/span 2}
@media(max-width:480px){.subjects:has(.indigenous-card){grid-template-columns:repeat(2,minmax(0,1fr))}.subjects:has(.indigenous-card)>.subject-card{grid-column:auto}.subjects:has(.indigenous-card)>.subject-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}}

.sky-clouds{image-rendering:auto;opacity:.96}
/* Keep flipped card faces readable in the selected dark appearance. */
html[data-appearance="dark"] .subjects .subject-front,html[data-appearance="dark"] .subjects .subject-back{background:#213d3a!important;color:#e5f4ef}
@media(max-width:480px){.fnmi-tooltip{left:50%;max-width:calc(100vw - 48px);transform:translate(-50%,4px)}.indigenous-card:hover .fnmi-tooltip,.indigenous-card:focus-within .fnmi-tooltip{transform:translate(-50%,0)}}
@media(forced-colors:active){html[data-appearance="dark"] .subjects .subject-front,html[data-appearance="dark"] .subjects .subject-back{background:Canvas!important;color:CanvasText}}