/* Own learning workspace, inspired by Magma's white/charcoal/pink palette. */
:root{--ink:#1d1d1f;--muted:#5c606b;--paper:#f5f5f7;--green:#c91456;--mint:#fff0f5;--line:#dddfe5;--purple:#f2effb;font-family:'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink)}
body{background:#fff}body.in-session{background:var(--paper)}header{max-width:1200px;padding:22px 24px;gap:16px;background:#fff}header::before{display:none}.brand{font-size:19px;letter-spacing:-.5px}.brandmark{border-radius:10px;background:#c91456;color:#fff;width:42px;height:42px;font-size:29px;transform:rotate(-5deg)}nav a{font-size:15px;padding:12px 11px;border-radius:8px}nav a[aria-current]{background:#f0f0f3;color:#1d1d1f}nav a:hover{background:#f0f0f3}.iconbtn{border-color:#d5d6dc;border-radius:10px;background:#fff}
main{max-width:1160px;padding:38px 24px 175px}button{border-radius:10px;font-weight:650}.primary{background:#c91456;color:white}.primary:hover{background:#ab1048}.secondary{border-color:#a3a6b0;background:#fff}.textbtn{color:#50525d;text-decoration-thickness:1px}.primary:focus-visible{outline-color:#1d1d1f;outline-offset:4px}
.home{max-width:none;margin:15px auto;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:20px 60px;align-items:start}.home-intro{padding:28px 0;position:sticky;top:25px}.home-intro .eyebrow{font-size:15px;letter-spacing:.03em;color:#5c606b;margin:0 0 14px}.home h1{text-align:left;font-size:clamp(34px,4.7vw,58px);line-height:1.08;letter-spacing:-1.8px;font-weight:800;margin:0 0 22px;max-width:9ch}.home h1 span{color:#c91456}.home-intro>p{font-size:19px;max-width:28ch;line-height:1.6}.home-meta{display:flex;gap:9px;align-items:center;font-size:14px;color:#5c606b;margin-top:28px}.home-meta i{width:8px;height:8px;border-radius:50%;background:#c91456}.home-lesson{border-top:2px solid #1d1d1f}.home-lesson>h2{font-size:17px;margin:18px 0 7px;font-weight:700}.subject-grid{display:flex;flex-direction:column;gap:0}.subject-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:2px 18px;border:0;border-bottom:1px solid #d6d8df;border-radius:0;background:transparent;padding:15px 0}.subject-sign{width:52px;height:52px;border-radius:12px;font-size:25px;grid-row:1/4;display:grid;place-items:center;background:#f9dbe5;color:#992448}.subject-card h2{font-size:25px;font-weight:750;letter-spacing:-.5px;margin:0;grid-column:2;grid-row:1}.subject-card .subject-caption{grid-column:2;grid-row:2;font-size:14px;color:#61636e;line-height:1.5;margin:2px 0 0}.subject-card .primary{grid-column:3;grid-row:1/4;width:auto;min-width:103px;font-size:17px;min-height:48px;padding:11px 15px;margin:0}.subject-card .textbtn{grid-column:2;grid-row:3;justify-self:start;font-size:14px;min-height:44px;padding:7px 0;color:#5c606b}.swedish .subject-sign{background:#e7e2f6;color:#594282}.english .subject-sign{background:#ffecd0;color:#8a5611}.science .subject-sign{background:#dceee6;color:#245b46}.social .subject-sign{background:#dfe9f9;color:#345c93}.home-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:8px;padding-top:20px;font-size:15px}.home-bottom>span{max-width:none}.home .resume{grid-column:1/-1;border-radius:12px;margin:0;background:#fff;border:1px solid #d8d9df}.home #sound-status{grid-column:1/-1;margin:0}.home .info{grid-column:1/-1}
.page-heading h1{font-size:40px;font-weight:800;letter-spacing:-1px}.quick-card{border-radius:12px;border-color:#d5d6de;background:#fff;box-shadow:none}.quick-card:hover{border-color:#c91456}.quick-sign{color:#bd1451}.start-label{color:#ad164d}.quick-card strong{font-weight:750}.customise{margin-top:28px}details{border-color:#d6d8df}summary{font-size:17px}.field select{border-radius:9px;border-color:#a5a8b1}.pill{border-radius:9px}
.session{max-width:760px}.session-top{font-size:16px;color:#565c67}.steps i{background:#dddfe6;height:6px}.steps .done{background:#b2275c}.steps .current{background:#c91456;outline-color:#c91456}.exercise{background:#fff;border:1px solid #dedfe6;border-radius:16px;padding:30px;box-shadow:0 3px 0 #e5e5eb55}.exercise-tools{margin-bottom:18px}.question{color:#1d1d1f;font-weight:750}.question.long{font-weight:650;letter-spacing:-.2px}.answer-choice{border:1.5px solid #c7cbd4;border-radius:10px;background:white;font-weight:550}.answer-choice:hover{border-color:#c91456;background:#fff8fb}.answer-choice[aria-pressed=true]{background:#fff0f5;border-color:#c91456;box-shadow:inset 4px 0 #c91456}.answer-line input,textarea,.fraction-input input{border-color:#999fae;border-radius:9px}.feedback:not(:empty){border-left:4px solid #188055;background:#eef8f1;border-radius:8px;color:#154c32;font-weight:650;position:relative}.help{border-radius:12px;background:#f0edf9;border:1px solid #ded7ed}.help-heading h2{font-size:19px}.info{border-radius:10px;background:#f0edf9}.math-model,.no-figure{border-radius:10px;background:#f3f5f8}.passage{border-color:#c91456;background:#fbf9fa}.finish-mark{background:#fce6ef;color:#b8144f;position:relative;overflow:visible}.finish h1{font-size:42px;font-weight:800;letter-spacing:-1.2px}.finish{padding-top:10px}.finish .completion-note{color:#61636e;font-size:17px}.result-list dt{font-size:16px}.english-target{background:#fff7e6;border-color:#c99d3c}.reading-now{background:#ffe8a3}
dialog{background:#fff;border-radius:16px;border-color:#dadce2}.support-options input,.guest-toggle input{accent-color:#c91456}footer{max-width:1112px;font-size:14px}.short-pass{font-size:14px;line-height:1.5;color:#59606b;margin:8px 0 15px}.packet-links{display:flex;flex-wrap:wrap;gap:10px}.packet-links a{padding:10px 14px;border:1px solid #c8cbd3;border-radius:9px;min-height:44px;text-decoration:none;background:#fff}
.celebration{position:absolute;left:50%;top:50%;pointer-events:none;z-index:3;width:0;height:0}.celebration i{position:absolute;display:block;width:6px;height:8px;border-radius:2px;background:#c91456;animation:spark-out .95s ease-out forwards;animation-delay:calc(var(--i)*.008s)}.celebration i:nth-child(3n){background:#4969a5}.celebration i:nth-child(3n+1){background:#d6a037}.celebration.complete i{width:8px;height:12px}.celebrate-pop{animation:gentle-pop .38s ease-out}@keyframes spark-out{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(160deg)}}@keyframes gentle-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.025)}}
.buddy-mini button{color:#ac174b;border-color:#c8bdc4;background:#fff}.buddy-bubble{border-color:#cbc5ca}.buddy-bubble::after{border-color:#cbc5ca}.buddy-menu{border-color:#cbc5ca}
@media(max-width:900px){.home{gap:28px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.2fr)}header{flex-wrap:wrap}nav{order:3;justify-content:center;width:100%}header::before{height:150px}.subject-card{gap:2px 12px}.subject-card h2{font-size:23px}.subject-card .primary{min-width:88px;padding:10px 12px}.subject-card .subject-caption{font-size:13px}}
@media(max-width:700px){header{padding:16px 18px}.brand{font-size:17px}nav{gap:0}nav a{padding:11px 9px;font-size:14px}main{padding:24px 16px 170px}.home{display:block;margin-top:3px}.home-intro{position:static;padding:0 0 24px}.home h1{font-size:36px;letter-spacing:-1.1px;max-width:18ch;margin-bottom:12px}.home-intro>p{font-size:16px;max-width:none;margin:0}.home-meta{margin-top:13px;font-size:13px}.home-intro .eyebrow{font-size:13px;margin-bottom:10px}.home-lesson{border-top-width:1px}.home-lesson>h2{font-size:15px;margin:14px 0 0}.subject-card{grid-template-columns:45px minmax(0,1fr) 83px;padding:16px 0;gap:1px 12px}.subject-sign{height:44px;width:44px;border-radius:10px;font-size:22px}.subject-card h2{font-size:22px}.subject-card .subject-caption{display:none}.subject-card .textbtn{font-size:13px;padding:5px 0;min-height:44px;grid-row:2}.subject-card .primary{font-size:15px;min-width:80px;min-height:47px;grid-row:1/3;padding:10px}.subject-sign{grid-row:1/3}.home-bottom{margin-top:21px}.home .resume{margin-bottom:22px}.page-heading h1{font-size:33px}.exercise{padding:20px 16px;border-radius:13px}.question.long{font-size:22px}.finish h1{font-size:34px}.session-top{font-size:15px}.quick-card{min-height:100px}.quick-card strong{font-size:21px}.field select{font-size:17px}}
@media(max-width:360px){.subject-card{grid-template-columns:38px minmax(0,1fr) 78px;gap:1px 9px}.subject-sign{width:38px;height:41px;font-size:21px}.subject-card h2{font-size:21px}.subject-card .primary{min-width:78px;font-size:14px}.home h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.celebration{display:none!important}.celebrate-pop{animation:none!important}}

@media(min-width:701px){.quick-grid:has([data-area="grade-pack"]){grid-template-columns:repeat(2,minmax(0,1fr))}}
.social-diagram{max-width:240px;margin:10px 0 20px;background:#f3f5f8;border-radius:10px;padding:12px}.social-diagram svg{display:block;width:100%;height:110px}.social-diagram figcaption{font-size:14px;line-height:1.5;margin-top:5px}

/* One route through content: subject, year, activity. */
.subject-home .subject-card{color:var(--ink);text-decoration:none;grid-template-columns:56px minmax(0,1fr) 44px;min-height:108px;transition:background .15s}.subject-home .subject-card:hover{background:#fff4f7}.subject-home .subject-card:focus-visible{outline:3px solid #c91456;outline-offset:4px}.subject-home .subject-sign{grid-row:1/3}.subject-home .subject-arrow{grid-column:3;grid-row:1/3;font-size:27px;color:#c91456}.subject-home .subject-card .subject-caption{margin:0}.subject-home .home h1{max-width:12ch}.eyebrow{color:#62616b;font-size:14px;font-weight:650;letter-spacing:.03em}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:30px;font-size:15px}.breadcrumbs a{color:#9f1548;min-height:44px;display:inline-flex;align-items:center}.breadcrumbs [aria-current]{color:#555960}.choose>h1{font-size:42px;margin:10px 0}.section-intro{font-size:18px;margin:12px 0 25px}.grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:840px}.grade-card{display:grid;grid-template-columns:1fr auto;border:1px solid #caced7;border-radius:15px;padding:24px;text-decoration:none;color:#1d1d1f;background:#fff;min-height:150px}.grade-card>span:first-child{font-size:16px;grid-column:1}.grade-card strong{font-size:46px;grid-column:1}.grade-card>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#c91456;font-size:28px}.grade-card:hover{background:#fff0f5;border-color:#c91456}.grade-card:focus-visible,.activity-card:focus-visible{outline:3px solid #c91456;outline-offset:3px}.year-label{display:inline-block;background:#fff0f5;color:#a01146;font-size:.55em;border-radius:8px;padding:9px 13px;vertical-align:middle;margin-left:8px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #caced7;border-radius:14px;background:#fff;padding:22px;min-height:160px;color:#1d1d1f;gap:10px}.activity-card strong{font-size:24px}.activity-card>span{font-size:16px;font-weight:400;color:#5c606b;line-height:1.5}.activity-card b{color:#ac1249;margin-top:auto;font-size:16px}.activity-card.recommended{border:2px solid #c91456;background:#fff4f8}.grade-note{margin-top:26px;font-size:16px}.grade-note a{color:#9f1548}.kappi-inline-tip{border:1px solid #a7bbb0;border-radius:16px 16px 16px 3px;background:#f3faf6;padding:16px 18px;margin:18px 0;max-width:100%}.kappi-inline-tip>strong{color:#285641;font-size:15px}.kappi-inline-tip p{font-size:18px;line-height:1.6;margin:8px 0}.kappi-inline-tip>div{display:flex;gap:8px;flex-wrap:wrap}.kappi-inline-tip button{min-height:44px;font-size:15px}.kappi-inline-tip svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2}.breadcrumbs~.eyebrow{margin-bottom:12px}
@media(max-width:700px){.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grade-card{padding:18px;min-height:128px}.grade-card strong{font-size:39px}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:130px;padding:20px}.activity-card strong{font-size:22px}.choose>h1{font-size:34px}.breadcrumbs{margin-bottom:20px}.subject-home .subject-card{grid-template-columns:45px minmax(0,1fr) 30px;min-height:88px}.subject-home .subject-card .subject-caption{display:block;font-size:13px;line-height:1.4}.subject-home .subject-card h2{font-size:22px}.subject-home .subject-card .subject-sign{grid-row:1/3}.kappi-inline-tip p{font-size:17px}.year-label{margin:8px 0 0;display:table}.section-intro{font-size:17px}}
@media(prefers-reduced-motion:reduce){.subject-home .subject-card{transition:none}}
.column-example{display:grid;grid-template-columns:26px 34px 34px;width:max-content;margin:12px 0;padding:10px 15px;background:white;border:1px solid #b5c9bc;border-radius:8px;font-size:26px;line-height:1.65;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:0}.column-example .factor-sign{grid-column:1}.column-example .digit-active{background:#ffe3ed;color:#9f1548;border-radius:5px;outline:2px solid #c91456;outline-offset:-2px}.column-example .column-rule{grid-column:1/-1;border-top:2px solid #34353b;margin-top:3px}.adult-package{margin-top:30px}.adult-package a{color:#9f1548}
.kappi-inline-tip>.column-example{display:grid;gap:0;flex-wrap:nowrap}
.grade-card small{grid-column:1;font-size:13px;color:#5c606b;font-weight:500;line-height:1.5}.grade-card>span:last-child{grid-row:1/4}.catalog-count{display:inline-block;background:#f2f6f3;color:#28533f;padding:9px 13px;border-radius:8px;margin:0 0 22px;font-size:15px}