:root{--ink:#17233a;--muted:#4b5568;--faint:#8a93a3;--line:#e1e5ec;--line-2:#d5dbe5;--ground:#f4f6f9;--card:#fff;--blue:#1f4fd1;--cat:#d9700f;--blue-ink:#163a9c;--blue-tint:#e7eeff;--blue-wash:#f7f9ff;--star:#ffc93c;--star-tint:#fff3cc;--star-ink:#8a4b00;--wrong:#b9480e;--wrong-tint:#fff1e8;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.45}a{color:var(--blue)}a:hover{color:var(--blue-ink)}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.15}h1{font-size:clamp(26px,4vw,34px);font-weight:800}h2{font-size:22px;font-weight:800}p{margin:0}button,input,select{font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{gap:var(--gap,12px);flex-wrap:wrap;align-items:center;display:flex}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.site-header .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.brand .mark{flex:none;display:block}.brand .name{font-family:var(--display);font-size:24px;font-weight:800}.brand .name .cat{color:var(--cat)}.site-nav{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.site-nav a,.site-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0;text-decoration:none;display:inline-flex}.site-nav a[aria-current=page]{color:var(--blue);font-weight:700}.site-footer{max-width:1200px;color:var(--muted);flex-wrap:wrap;gap:16px;margin:0 auto;padding:24px 16px 40px;font-size:14px;display:flex}.page{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:28px 16px 56px;display:flex}.page.narrow{max-width:520px}.split{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.split>.main{flex:999 560px;min-width:0}.split>.side{flex:320px;min-width:0;max-width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.card.tight{padding:16px}.btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--blue-ink);color:#fff}.btn:disabled{background:var(--faint);cursor:not-allowed}.btn.secondary{background:var(--card);color:var(--ink);border:2px solid var(--ink)}.cancel-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.btn.secondary:hover{background:var(--ground);color:var(--ink)}.btn.block{width:100%}.google-btn{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:52px;font-family:Roboto,Arial,sans-serif;font-size:17px;font-weight:500;text-decoration:none;display:flex}.google-btn:hover{background:#f8f9fa}.or-divider{color:var(--faint);align-items:center;gap:12px;margin:0;font-size:14px;display:flex}.or-divider:before,.or-divider:after{content:"";border-top:1px solid var(--line);flex:1}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.field .hint{color:var(--muted);font-size:14px;font-weight:400}.field input,.field select{background:var(--card);border:1px solid #b9c2d0;border-radius:10px;min-width:0;min-height:48px;padding:0 12px;font-weight:400}.opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.notice{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.notice.error{background:var(--wrong-tint);border-color:var(--wrong)}.notice.info{background:var(--blue-tint);color:var(--blue-ink);border-color:#0000}button.link{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;margin:-10px 0;padding:10px 4px;font-weight:700;text-decoration:underline}button.link:hover{color:var(--blue-ink)}.seg{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:6px;display:grid}.seg button,.seg label{border:1px solid var(--line-2);background:var(--card);cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:4px;font-size:15px;display:flex}.seg [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.seg label:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.seg input{opacity:0;width:1px;height:1px;position:absolute}.pill-tabs{flex-wrap:wrap;gap:8px;display:flex}.pill-tabs a{background:var(--card);border:1px solid var(--line-2);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 18px;text-decoration:none;display:inline-flex}.pill-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.pill-tabs a.add{color:var(--blue);background:0 0;border-color:#0000}.topic{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.topic>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 20px;list-style:none;display:flex}.topic>summary::-webkit-details-marker{display:none}.topic>summary .t{font-family:var(--display);font-size:20px;font-weight:600}.topic>summary .chev{transition:transform .15s}.topic[open]>summary .chev{transform:rotate(180deg)}.topic-box{position:relative}.topic>summary{align-items:flex-start}.topic>summary .head-end{flex-wrap:nowrap;flex:none;align-items:center;height:29px}.topic-box>.topic-review,.topic>summary .topic-review-space{width:9.5rem}.topic-box>.topic-review{white-space:nowrap;justify-content:flex-end;align-items:center;height:45px;margin:0;padding:0;display:flex;position:absolute;top:7px;right:49px}.topic>summary .topic-review-space{flex:none;height:1px}.topic>summary .narrow-only{display:none}@media (max-width:600px){.topic>summary .wide-only{display:none}.topic>summary .narrow-only{display:inline}.topic-box>.topic-review .wide{display:none}.topic-box>.topic-review,.topic>summary .topic-review-space{width:4.5rem}}.mix-box{border:2px dashed var(--line-2);background:var(--blue-wash);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 20px;display:flex}.mix-box .t{font-family:var(--display);font-size:18px;font-weight:600}.mix-box .btn{min-height:44px;font-size:16px}.badge{background:var(--blue-tint);color:var(--blue-ink);border-radius:999px;padding:3px 10px;font-size:14px;font-weight:700}.skill-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.skill-list li{border-bottom:1px solid #eef1f5}.skill-list li:last-child{border-bottom:0}.skill-row{cursor:pointer;align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.skill-row:has(input:checked){background:var(--blue-wash)}.skill-row input{width:20px;height:20px;accent-color:var(--blue);flex:none;margin:3px 0 0}.skill-row .name{font-weight:700}.skill-row .match-note{color:var(--muted);margin-left:8px;font-size:13px;font-weight:400}.other-grades{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.sample{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.sample .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.sample .math{background:var(--ground);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;max-width:100%;padding:3px 10px}.sample .math .fig{display:none}.sample-line{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.sample-fig{flex:none;display:block}.sample-fig svg{display:block}.sample-fig.data{max-width:100%;margin-top:10px}.sample-fig.data svg{max-width:100%;height:auto}.math .frac{vertical-align:middle;flex-direction:column;align-items:center;margin:0 .08em;font-size:.92em;line-height:1.05;display:inline-flex}.math .frac .num{border-bottom:.09em solid;padding:0 .12em .04em}.math .frac .den{padding:.04em .12em 0}.math .frac.qden .num{text-align:center;align-self:stretch}.math .mixed{align-items:center;gap:.08em;display:inline-flex}.math .q{font-weight:700}.math sup{vertical-align:.75em;font-size:.62em;line-height:0}.math .fig svg{max-width:160px;height:auto;margin:6px 0;display:block}.math .fig svg[data-fig=fracchoice],.math .fig svg[data-fig=figchoice]{max-width:min(100%,380px)}.math .fig svg[data-fig=areamodel],.math .fig svg[data-fig=tiles]{max-width:min(100%,260px)}.sheet-bar{z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line-2);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #17233a14}.sheet-bar .n{flex:1;min-width:0;font-weight:700}.sheet-bar .btn{flex:none;min-height:48px;padding:0 16px;font-size:16px}.sheet-bar-space{height:76px}@media (min-width:940px){.split.picker{flex-wrap:nowrap}.split.picker>.side{max-height:calc(100vh - 32px);position:sticky;top:16px}.split.picker>.side>form,.split.picker>.side .panel-top{flex:0 auto;min-height:0}.split.picker>.side .picked{overscroll-behavior:contain;min-height:120px;overflow-y:auto}.split.picker>.side .picked li{flex-wrap:nowrap}.sheet-bar,.sheet-bar-space{display:none}.sample-line{flex-direction:row;justify-content:space-between;align-items:center;gap:14px}.sample-fig.data{max-width:50%;margin-top:0}}@media (max-width:939.98px){.split.picker>.side{flex-basis:100%}}.grade-ask{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));gap:10px;display:grid}.grade-ask a{border:1px solid var(--line-2);background:var(--card);min-height:64px;color:var(--ink);font-family:var(--display);border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;text-decoration:none;display:flex}.grade-ask a:hover{border-color:var(--ink);color:var(--ink);background:var(--blue-wash)}@media (max-width:600px){.grade-ask{grid-template-columns:1fr}.grade-ask a{min-height:52px}}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.payoff{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.payoff li{align-items:flex-start;gap:10px;display:flex}.payoff svg{color:var(--blue);flex:none;margin-top:1px}.search{background:var(--card);border:1px solid var(--line-2);border-radius:10px;flex:240px;align-items:center;gap:8px;max-width:360px;min-height:48px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.picked{border-top:1px solid #eef1f5;margin:0;padding:0;list-style:none}.picked li{border-bottom:1px solid #eef1f5;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;display:flex}.picked .nm{flex:160px;min-width:0;padding:8px 0}.picked .nm.on{font-weight:700}.picked .why{color:var(--star-ink);font-size:14px;font-weight:400;display:block}.picked .cnt{font-variant-numeric:tabular-nums;color:var(--muted)}.star{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-10px;display:flex}.star svg path{fill:none;stroke:var(--faint)}.star[aria-pressed=true] svg path{fill:var(--star);stroke:var(--ink)}.remove{cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px}.mark-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mark-item{background:var(--card);border:2px solid var(--card);width:100%;min-height:64px;box-shadow:0 0 0 1px var(--line);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.mark-item[aria-pressed=true]{background:var(--wrong-tint);border-color:var(--wrong);box-shadow:none}.mark-item .n{width:28px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.mark-item .q{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mark-item .a{color:var(--muted);font-size:15px}.mark-item .a strong{color:var(--ink)}.mark-item .verdict{background:var(--blue-tint);min-width:78px;height:34px;color:var(--blue-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.mark-item[aria-pressed=true] .verdict{background:var(--wrong);color:#fff}.sticky-foot{background:var(--card);border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:0 -16px -56px;padding:12px 16px 20px;display:flex;position:sticky;bottom:0}.bar{background:#e7ebf1;border-radius:5px;height:10px;overflow:hidden}.bar>div{background:var(--blue);height:100%}.bar.low>div{background:var(--wrong)}.choice{cursor:pointer;border:1px solid var(--line-2);background:var(--card);border-radius:12px;align-items:center;gap:14px;min-height:64px;padding:10px 16px;display:flex}.choice:has(input:checked){border:2px solid var(--blue);background:#f3f6ff}.choice input{width:22px;height:22px;accent-color:var(--blue);flex:none;margin:0}.steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:14px;display:flex}.steps .num{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.paper{color:#000;background:#fff;flex-direction:column;gap:16px;max-width:560px;margin:0;padding:24px;font-family:Helvetica,Arial,sans-serif;display:flex;box-shadow:0 1px 2px #17233a1f,0 8px 24px #17233a14}.paper-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.paper-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 22px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.paper-items li{justify-content:space-between;align-items:center;gap:8px;display:flex}.paper-items .box{border:1px solid #000;flex:none;width:54px;height:24px}.pdf-frame{aspect-ratio:8.5/11;border:1px solid var(--line);background:#e9edf3;border-radius:10px;width:100%}.sheets-table{border-collapse:collapse;width:100%}.sheets-table td{border-bottom:1px solid #eef1f5;padding:10px 0}.grade-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.grade-links a{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);border-radius:10px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.grade-links a:hover{border-color:var(--blue);color:var(--blue)}.grade-links a[aria-current=page]{background:var(--blue-tint);color:var(--blue-ink);border-color:#0000;font-weight:700}.footer-grades>summary{cursor:pointer;color:var(--blue)}.footer-grades[open]{flex-basis:100%;order:99}.footer-grades .grade-links{gap:4px 16px;margin-top:8px}.footer-grades .grade-links a{min-height:36px;color:var(--blue);background:0 0;border:0;padding:0}.grade-intro{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.grade-intro>.stack{flex:420px;min-width:0}.grade-intro .lead{font-size:18px}.grade-sample{flex:0 380px;min-width:0;margin:0}.grade-sample img{border:1px solid var(--line);border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 8px 28px #17233a24}.grade-sample figcaption{color:var(--muted);margin-top:12px}.grade-topics,.skill-related{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 28px;display:grid}.grade-topics h3,.skill-related h2{margin-bottom:6px;font-size:18px}.grade-topics ul,.skill-related ul{margin:0;padding-left:18px}.skill-related .related-note{grid-column:1/-1;margin:0}.grade-steps{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:8px}.skill-intro .lead{font-size:18px}.skill-split{flex-direction:column;gap:24px;display:flex}.skill-samples ol{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.skill-samples li{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding-top:16px;display:flex}.skill-samples li:first-child{border-top:0;padding-top:0}.skill-samples .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.skill-samples .sample-line{align-self:stretch}.skill-samples .math{font-variant-numeric:tabular-nums;max-width:100%}.skill-samples .answer{margin:0;font-weight:700}@media (min-width:940px){.skill-split{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px 28px;display:grid}.skill-split>*{grid-column:1}.skill-split>.skill-side{grid-area:1/2/span 3;position:sticky;top:16px}}.skill-split>.sheet-bar-space{display:none}@media (max-width:939.98px){.skill-page:has(.sheet-bar){padding-bottom:132px}}.share-line{border-top:1px solid var(--line);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;margin:0;padding-top:14px;display:flex}.share-line .link-btn{min-height:44px;font-size:inherit;align-items:center;gap:4px;font-family:inherit;display:inline-flex}.share-line .share-note{color:var(--ink);flex-basis:100%}
