:root{--ink:#242333;--muted:#686576;--purple:#6244c5;--lavender:#efeafa;--orange:#f16e48;--cream:#f7f5f0;--line:#e5e1da;--green:#365c48}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}main,.portal-head{max-width:1380px;margin:auto;padding-left:5%;padding-right:5%}.portal-head{height:95px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:38px;font-weight:900;letter-spacing:-2.5px;text-decoration:none;line-height:1}.wordmark span{color:var(--orange);font-size:43px;display:inline-block;margin-left:3px}.signature{font-size:10px;font-weight:bold;letter-spacing:2px}.top-link{font-size:13px;font-weight:bold;text-decoration:none}.top-link span{margin-left:15px;color:var(--purple)}.hero{min-height:525px;border-radius:28px;position:relative;overflow:hidden;isolation:isolate;background:#f8e5cf;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.hero:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#fff3e4 0%,#fff3e4ee 22%,#fff3e490 39%,transparent 62%);z-index:-1}.hero-copy{padding:46px;max-width:570px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--purple);margin:0 0 16px}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);margin-right:7px}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.01;letter-spacing:-4px;margin:22px 0;font-weight:850}h1 em{font-style:normal;color:var(--purple)}.hero-copy>p:not(.eyebrow){font-size:16px;color:#514a5b;line-height:1.65;margin:0 0 28px}.button{border:0;border-radius:10px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.5;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.primary{background:var(--purple);color:white}.light{background:#fff;color:var(--ink)}.secondary{background:var(--lavender);color:var(--purple)}.hero-note{display:block;font-size:11px;margin-top:13px;color:#686071}.hero-sticker{position:absolute;right:27px;bottom:29px;transform:rotate(6deg);background:#fff7e5;box-shadow:0 7px 18px #483b2220;padding:17px 23px;border-radius:2px;font-size:12px;line-height:1.5}.hero-sticker strong{font-size:17px;color:var(--purple)}.proof-strip{padding:25px 12px;display:grid;grid-template-columns:1fr 1fr 1.2fr auto;border-bottom:1px solid var(--line);gap:25px;align-items:center}.proof-strip>div{display:flex;gap:12px;align-items:center}.proof-strip strong{font-size:23px;letter-spacing:-.7px}.proof-strip span,.proof-strip>a{font-size:11px;color:var(--muted)}.proof-strip>a{font-weight:bold;text-decoration:none;white-space:nowrap}.proof-strip>a span{margin-left:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:65px 0 33px}h2{font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 16px}h3{font-size:18px;line-height:1.3;letter-spacing:-.4px;margin:15px 0 10px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;margin:0 0 18px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px;gap:10px}.tab{background:none;border:0;border-bottom:3px solid transparent;padding:16px 22px;color:var(--muted);font-size:11px;display:flex;gap:13px;align-items:center}.tab span{font-weight:bold;font-size:13px}.tab.active{color:var(--purple);border-color:var(--purple)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;scroll-margin-top:24px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:23px}.settings{padding:24px}.settings h2{font-size:26px}label{display:block;font-size:12px;font-weight:bold;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #d8d5df;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);font-size:13px;line-height:1.5}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small{font-size:11px;color:var(--muted);line-height:1.65}.muted{font-size:13px;color:var(--muted)}.mini-panel{background:#e9eddf;border-radius:18px;padding:25px}.mini-panel h3{font-size:22px;letter-spacing:-.7px}.mini-panel p{font-size:13px;color:#465044}.mini-panel a{font-size:11px}.spark{font-size:36px;color:var(--green);line-height:1}.violet{color:var(--purple);font-size:54px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:15px}.panel-title h2{font-size:29px}.number-pill{background:var(--lavender);padding:6px 10px;border-radius:20px;font-size:10px;color:var(--purple);white-space:nowrap}.search-wrap{display:flex;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:9px;margin-top:4px}.search-wrap>span{font-size:26px;padding:0 13px;color:var(--purple)}.search-wrap input{background:none;border:0;padding-left:0}.skills{max-height:400px;overflow:auto;padding-right:5px;scrollbar-color:#b4a6d4 transparent;scrollbar-width:thin}.skill{display:flex;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px;margin:9px 0;cursor:pointer;font-weight:normal;transition:background .15s}.skill:hover{background:#fcfaff}.skill:has(input:checked){background:#f5f1fd;border-color:#9e87d6}.skill input{width:17px;height:17px;margin:5px 0 0;accent-color:var(--purple);flex-shrink:0}.skill-content{min-width:0}.code{color:var(--purple);font-size:12px;font-family:monospace;font-weight:bold;letter-spacing:.3px}.skill p{font-size:12px;line-height:1.6;margin:5px 0}.skill small{font-size:10px;color:var(--muted)}.skill a{font-size:10px;color:var(--purple);margin-left:10px}.selected{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.chip{padding:5px 9px;border:1px solid #c4b4e6;border-radius:5px;background:var(--lavender);color:var(--purple);font-size:11px;display:inline-flex;align-items:center;gap:9px}.chip button{padding:0;border:0;color:var(--purple);background:none;font-size:17px;line-height:1}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.text-button{background:none;border:0;padding:10px 0;font-size:11px;font-weight:bold;color:var(--purple)}.feedback{font-size:12px;color:#79472d;margin:13px 0 0}.activity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-card{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;flex-direction:column;background:#fffefb}.activity-card .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:7px}.activity-card h3{font-size:16px;margin:8px 0;line-height:1.3}.activity-card p{font-size:12px;line-height:1.65}.activity-card .text-button{margin-top:auto;text-align:left}.activity-card.chosen{border-color:var(--purple);background:#f6f2ff}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--cream);border:1px dashed #d4cddf;border-radius:12px;min-height:140px;color:var(--muted);font-size:14px}.empty-state>span{font-size:36px;color:var(--purple)}#connections{font-size:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}#connections:empty{display:none}.connection{display:inline-flex;text-align:left;gap:8px;border:1px solid var(--line);background:var(--cream);border-radius:6px;padding:7px 9px;margin:4px 6px 4px 0;font-size:10px;color:var(--ink)}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.starter{position:relative;overflow:hidden;border-radius:14px;background:#f2ece0;border:1px solid var(--line);padding:25px;min-height:270px;display:flex;flex-direction:column;isolation:isolate}.starter:nth-child(2){background:#edf0e4}.starter:nth-child(3){background:#f4e8ee}.starter:nth-child(4){background:#e9e7f7}.starter:nth-child(5){background:#f5e8d7}.starter:nth-child(6){background:#e5eceb}.starter-number{font-size:42px;font-weight:bold;letter-spacing:-2px;color:#0002}.starter h3{font-size:23px}.starter p{font-size:12px;margin:0 0 18px}.starter button{margin-top:auto;align-self:start}.result{margin-top:24px;scroll-margin-top:24px}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.result h2{font-size:34px}.result-actions{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:24px}.plan-body{max-width:900px;margin:0 auto}.plan-body h3{border-top:1px solid var(--line);padding-top:20px;font-size:21px}.plan-body p,.plan-body li{font-size:14px}.edit-hint{background:#f1edf9;border-radius:9px;padding:12px 16px;font-size:12px;color:#5b4383}.editable{outline:1px dashed #c8bfd9;padding:10px;border-radius:5px;min-height:55px;background:#fffefc;white-space:pre-wrap}.editable:focus{background:#fff}.lesson{border-left:3px solid #b5a0e3;padding-left:22px;margin:25px 0}.lesson h4{font-size:19px;margin:0 0 8px}.lesson .tag{font-family:monospace;color:var(--purple);font-size:11px}.worksheet{padding:35px;border:1px solid var(--line);border-radius:12px;margin-top:25px;break-before:page;background:#fff}.worksheet h3{margin:15px 0;font-size:25px;letter-spacing:-.6px}.worksheet .student-line{font-size:12px;border-bottom:1px solid #aaa;padding-bottom:10px;margin:18px 0}.worksheet .prompt{font-size:16px;line-height:1.8}.drawing-box{height:150px;border:1px solid #aaa;margin:20px 0;position:relative}.drawing-box>span{font-size:10px;position:absolute;top:8px;left:10px;color:#777}.writing-lines{height:128px;background:repeating-linear-gradient(white,white 31px,#bbb 32px);margin:15px 0}.teacher-notes{background:#f3f1f7;border-radius:10px;padding:20px;margin-top:25px;font-size:12px}.teacher-notes h3{font-size:19px}.teacher-notes p{font-size:12px}.preparation{border:1px solid #e7ca92;background:#fff8e7;border-radius:8px;padding:13px;font-size:12px;margin:15px 0}.editorial-band{margin:65px 0;background:#2e443c;color:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 43%;align-items:center;min-height:320px}.editorial-band>div{padding:40px}.editorial-band .eyebrow{color:#bdda9c}.editorial-band h2{font-size:36px}.editorial-band p:not(.eyebrow){font-size:14px;color:#d1ddd4;max-width:360px}.editorial-band img{width:100%;height:100%;max-height:380px;object-fit:cover}.references{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;padding:0 0 60px}.references>div>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:330px}.references>div>a{font-size:12px;color:var(--purple);line-height:2}.accordions details{border-bottom:1px solid var(--line);padding:17px 0}.accordions details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:13px;font-weight:bold}.accordions p{font-size:12px;color:var(--muted)}footer{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:30px;padding:30px 0 45px;border-top:1px solid var(--line)}footer p,footer a:not(.wordmark){font-size:11px;color:var(--muted)}footer>div>a{margin-right:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border-radius:10px;box-shadow:0 6px 35px #0002;background:var(--ink);color:#fff;padding:14px 23px;z-index:20;font-size:13px;max-width:90vw}.saved-card{padding:20px;border:1px solid var(--line);border-radius:10px;margin:15px 0}.saved-card h3{margin-top:0}.saved-card p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){.signature{display:none}.workspace{grid-template-columns:250px minmax(0,1fr);gap:18px}.panel{padding:22px}.activity-cards{grid-template-columns:1fr}.activity-card{display:block}.proof-strip>div{display:block}.proof-strip span{display:block}.hero-sticker{display:none}.hero-copy{padding:35px}.starter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){main,.portal-head{padding-left:18px;padding-right:18px}.portal-head{height:76px}.wordmark{font-size:32px}.top-link{font-size:11px}.hero{min-height:590px;align-items:start;border-radius:18px}.hero>img{object-position:70% bottom;object-fit:cover}.hero:after{background:linear-gradient(180deg,#fff3e4 0%,#fff3e4f0 35%,#fff3e420 80%)}.hero-copy{padding:28px;max-width:100%}h1{font-size:53px;letter-spacing:-2.7px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .eyebrow{font-size:9px}.hero-note{font-size:10px}.proof-strip{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:22px 0}.proof-strip strong{font-size:20px}.proof-strip span{font-size:9px}.proof-strip>a{display:none}.section-heading{display:block;padding:38px 0 15px}.section-heading>p{max-width:none;font-size:12px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:8px}.tabs{gap:0}.tab{flex:1;display:block;padding:12px 5px;text-align:left;font-size:9px}.tab span{display:block;font-size:11px}.workspace{grid-template-columns:1fr}.settings{margin-bottom:0}.mini-panel{display:none}.work-main{min-width:0}.panel{padding:21px;border-radius:13px}.panel-title h2{font-size:25px}.number-pill{font-size:9px}.skills{max-height:360px}.starter-grid{grid-template-columns:1fr}.starter{min-height:230px}.result-head{display:block}.result h2{font-size:29px}.worksheet{padding:20px 14px}.references{grid-template-columns:1fr;gap:25px}.editorial-band{grid-template-columns:1fr;margin:35px 0}.editorial-band>div{padding:28px}.editorial-band h2{font-size:30px}.editorial-band img{max-height:260px;object-position:top}.references{padding-bottom:35px}footer{grid-template-columns:1fr 1fr;gap:20px}footer>div{grid-column:1/-1}.result-actions .button{font-size:11px;padding:12px}.toolbar{gap:8px}.hero-sticker{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@page{size:A4;margin:17mm}@media print{body{background:white;color:black;font-size:11pt}main{padding:0;max-width:none}.portal-head,.hero,.proof-strip,.section-heading,.tabs,.workspace,.editorial-band,.references,footer,.toast,.result-head,.result-actions,.edit-hint,.no-print,#view-start,#view-saved{display:none!important}#view-planner,#result{display:block!important}.result{border:0;padding:0;margin:0}.plan-body{max-width:none}.plan-body h3{font-size:15pt;break-after:avoid}.plan-body p,.plan-body li{font-size:11pt}.editable{outline:0;padding:0;background:white}.worksheet{border:0;border-radius:0;padding:0;break-before:page}.worksheet .prompt{font-size:13pt}.worksheet .student-line{font-size:10pt}.worksheet h3{font-size:18pt}.writing-lines{print-color-adjust:exact;-webkit-print-color-adjust:exact}.teacher-notes{break-before:page;background:white;padding:0}.lesson{break-inside:avoid}.drawing-box{height:40mm}.print-plan .worksheet,.print-plan .teacher-notes{display:none!important}.print-sheets .plan-body,.print-sheets .teacher-notes{display:none!important}.print-sheets .worksheet:first-of-type{break-before:auto}.small{color:#333}.preparation{background:white;border-color:#999}a{color:black;text-decoration:none}.paper-top{font-size:10pt;color:black}}

.activity-photo{margin:16px 0}.activity-photo img{max-height:220px;width:100%;object-fit:contain;display:block}.activity-photo figcaption{font-size:9px;color:#666;margin-top:7px}.learning-visual{width:100%;max-height:140px;fill:none;stroke:#222;stroke-width:3}.learning-table{border-collapse:collapse;font-size:14px;margin:20px 0;min-width:250px}.learning-table caption{text-align:left;font-size:12px;margin-bottom:8px}.learning-table th,.learning-table td{border:1px solid #888;padding:7px 15px;text-align:left}.starter-photo{width:calc(100% + 50px);height:150px;object-fit:cover;object-position:50% 60%;margin:-25px -25px 18px}.starter:has(.starter-photo) .starter-number{display:none}@media print{.activity-photo img{max-height:46mm}.worksheet:has(.activity-photo) .drawing-box{height:30mm}.worksheet:has(.activity-photo) .writing-lines{height:64px}.worksheet:has(.activity-photo) .prompt{font-size:12pt}}
