:root { --night:#06152a;--night-2:#0a2340;--panel:#0c2948;--ink:#142c43;--cream:#fff9ea;--gold:#f5c65d;--cyan:#63d8f4;--lime:#a9e985;--muted:#9bb2c5;--line:rgba(121,195,228,.19);font-family:"Segoe UI",Arial,sans-serif;color:white;background:var(--night); }
* { box-sizing:border-box; } [hidden]{display:none!important} html { min-width:320px;scroll-behavior:smooth; } body { min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--cream); } a,button,select { font:inherit; }button { -webkit-tap-highlight-color:transparent; }:is(a,button,select,[contenteditable="true"]):focus-visible { outline:3px solid var(--cyan);outline-offset:3px; }
.skip-link { position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;color:var(--night);background:var(--cyan);font-weight:800; }.skip-link:focus{transform:translateY(0)}
.topbar { min-height:82px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(120px,1fr);align-items:center;gap:24px;padding:10px clamp(18px,4vw,64px);border-bottom:1px solid rgba(99,216,244,.2);background:rgba(4,17,35,.97);box-shadow:0 14px 38px rgba(0,0,0,.3); }.brand { justify-self:start;display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none; }.brand img{width:46px;height:46px;object-fit:contain;border-radius:50%}.brand b,.brand small{display:block}.brand b{font-family:Georgia,serif;font-size:.9rem;letter-spacing:.09em}.brand small{margin-top:3px;color:#adc3d3;font-size:.68rem}.topbar nav{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.topbar nav a{padding:9px 14px;border-radius:999px;color:#b7cad9;text-decoration:none;font-size:.73rem;font-weight:800}.topbar nav a.active{color:#06152a;background:linear-gradient(135deg,#9aebff,#50c8e8);box-shadow:0 6px 18px rgba(73,196,229,.2)}.home-link{justify-self:end;color:var(--gold);text-decoration:none;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.eyebrow{margin:0 0 9px;color:#b47a18;font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow.cyan{color:var(--cyan)}
.hero{min-height:660px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(55px,8vw,110px) max(clamp(22px,7vw,112px),calc((100vw - 1500px)/2));background:radial-gradient(circle at 82% 25%,rgba(99,216,244,.14),transparent 24rem),linear-gradient(145deg,#06152a,#092542 68%,#0a2b47)}.hero-copy h1{max-width:13ch;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,5.3vw,5.5rem);font-weight:500;line-height:.98;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:60ch;margin:24px 0;color:#c2d4df;font-size:1.04rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:22px}.primary-button,.secondary-button,.generate-button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:900;cursor:pointer;text-decoration:none}.primary-button{border:0;color:#06182c;background:linear-gradient(135deg,#9beeff,#4dc9e9);box-shadow:0 12px 28px rgba(64,191,226,.2)}.secondary-button{border:1px solid var(--line);color:white;background:rgba(255,255,255,.04)}.text-link{color:var(--gold);font-size:.8rem;font-weight:900;text-underline-offset:5px}.hero-copy ul{display:flex;flex-wrap:wrap;gap:9px 22px;margin:32px 0 0;padding:22px 0 0;border-top:1px solid var(--line);list-style:none;color:#9fb7c7;font-size:.77rem;font-weight:700}.hero-copy li span{margin-right:6px;color:var(--lime)}
.hero-visual{min-height:650px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;overflow:hidden;padding:28px;border:1px solid rgba(99,216,244,.18);border-radius:28px;background:radial-gradient(circle at 50% 36%,rgba(245,198,93,.2),transparent 17rem),rgba(255,255,255,.025);box-shadow:0 30px 70px rgba(0,0,0,.24)}.hero-visual .grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(99,216,244,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,216,244,.1) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(135deg,black,transparent 80%)}.ring{position:absolute;border:1px solid rgba(99,216,244,.22);border-radius:50%}.ring-one{width:330px;height:330px}.ring-two{width:430px;height:430px;border-color:rgba(245,198,93,.14)}.hero-diagram{width:100%;position:relative;z-index:2}.diagram-kicker{margin:0;color:var(--cyan);text-align:center;font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero-diagram h2{margin:6px 0 18px;color:white;font-family:Georgia,serif;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:500;line-height:1.08;text-align:center}.diagram-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diagram-principles article{min-width:0;min-height:138px;display:grid;justify-items:center;align-content:center;gap:7px;padding:12px 9px;border:1px solid rgba(245,198,93,.42);border-radius:13px;text-align:center;background:rgba(4,18,35,.72)}.diagram-principles article>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(245,198,93,.55);border-radius:50%;color:var(--gold);font-size:1.35rem}.diagram-principles b{color:var(--gold);font-family:Georgia,serif;font-size:.9rem}.diagram-principles small{color:#c5d6e1;font-size:.75rem;line-height:1.35}.diagram-bridge{margin:10px 0;padding:12px 14px;border-left:3px solid var(--gold);color:#f7e8bd;background:rgba(4,18,35,.82);font-family:Georgia,serif;font-size:.88rem;line-height:1.4;text-align:center}.diagram-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.diagram-path li{min-width:0;min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:10px 8px;border:1px solid rgba(99,216,244,.22);border-radius:10px;text-align:center;background:rgba(6,26,48,.78)}.diagram-path b{color:#ffe39a;font-family:Georgia,serif;font-size:.78rem}.diagram-path small{margin-top:5px;color:#a9bfcd;font-size:.75rem;line-height:1.3}.formula{width:100%;position:relative;z-index:3;flex:0 0 auto;padding:17px 19px;border:1px solid rgba(99,216,244,.25);border-radius:14px;background:rgba(4,18,35,.94);box-shadow:0 18px 35px rgba(0,0,0,.22)}.formula small,.formula b,.formula span{display:block}.formula small{color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.formula b{margin-top:6px;color:#fff0bf;font-family:Georgia,serif;line-height:1.45}.formula span{margin-top:7px;color:#b8cbd7;font-size:.75rem;line-height:1.45}
.planner{padding:clamp(68px,8vw,110px) max(clamp(20px,6vw,92px),calc((100vw - 1500px)/2));background:#07172b}.planner-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:40px;margin-bottom:28px}.planner-heading h2,.method h2,.facilitation h2,.resource-zone h2{margin:0;font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:500;line-height:1.05}.planner-heading>p{margin:0;color:#9eb5c4;line-height:1.65}.planner-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(500px,1.45fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#0a2039;box-shadow:0 28px 75px rgba(0,0,0,.27)}.planner-controls{padding:clamp(24px,3.6vw,45px);border-right:1px solid var(--line);background:radial-gradient(circle at 12% 0,rgba(99,216,244,.1),transparent 18rem),#0a213b}.planner-controls fieldset{margin:0 0 27px;padding:0 0 25px;border:0;border-bottom:1px solid var(--line)}.planner-controls legend{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:white;font-family:Georgia,serif;font-size:1.05rem}.planner-controls legend span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(99,216,244,.34);border-radius:50%;color:var(--cyan);font-family:"Segoe UI",sans-serif;font-size:.62rem;font-weight:900}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice{min-height:72px;padding:10px 7px;border:1px solid var(--line);border-radius:10px;color:#d9e6ed;background:rgba(255,255,255,.035);cursor:pointer}.choice b,.choice small{display:block}.choice b{font-size:.84rem}.choice small{margin-top:4px;color:#7f9caf;font-size:.63rem}.choice.active{border-color:var(--cyan);color:#06152a;background:linear-gradient(135deg,#a2edff,#57cce9)}.choice.active small{color:#25566b}.select-label{display:block;margin-bottom:7px;color:#94aebe;font-size:.73rem;font-weight:800}.planner-controls select{width:100%;min-height:49px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:white;background:#0d2d4e}.generate-button{width:100%;border:0;color:#12202c;background:linear-gradient(135deg,#ffe59b,#f1bb49)}
.lesson-plan{min-width:0;padding:clamp(27px,4.5vw,60px);background:radial-gradient(circle at 92% 8%,rgba(99,216,244,.11),transparent 18rem),linear-gradient(145deg,#0c2b4a,#081a31)}.print-brand{display:none}.lesson-plan header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:21px;border-bottom:1px solid var(--line)}.plan-label{margin:0 0 6px;color:var(--cyan);font-size:.69rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.lesson-plan h3{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,3.3vw,3.3rem);font-weight:500}.lesson-plan header>span{padding:8px 11px;border:1px solid rgba(99,216,244,.27);border-radius:999px;color:#bdefff;background:rgba(99,216,244,.06);font-size:.68rem;font-weight:900;white-space:nowrap}.objective{display:flex;gap:13px;margin:22px 0;padding:16px 17px;border:1px solid rgba(245,198,93,.21);border-radius:13px;background:rgba(245,198,93,.055)}.objective>span{color:var(--gold);font-size:1.3rem}.objective small{color:var(--gold);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.objective p{margin:5px 0 0;color:#d4e0e7;line-height:1.5}#plan-steps{display:grid;gap:7px;margin:0;padding:0;list-style:none}#plan-steps>li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(121,195,228,.12)}#plan-steps>li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(99,216,244,.25);border-radius:10px;color:var(--cyan);font-size:.7rem;font-weight:900}#plan-steps>li b,#plan-steps>li small{display:block}#plan-steps>li b{font-family:Georgia,serif;font-size:1rem}#plan-steps>li small{margin-top:4px;color:#90aabd;line-height:1.45}#plan-steps>li>em{color:var(--gold);font-size:.7rem;font-style:normal;font-weight:900}.lesson-plan blockquote{display:flex;gap:12px;margin:23px 0 0;padding:17px;border-left:2px solid var(--gold);background:rgba(255,255,255,.025)}.lesson-plan blockquote>span{color:var(--gold);font-family:Georgia,serif;font-size:2rem;line-height:1}.lesson-plan blockquote p{margin:0;color:#d8e5eb;font-family:Georgia,serif;line-height:1.5}.lesson-plan cite{display:block;margin-top:7px;color:#7895aa;font-family:"Segoe UI",sans-serif;font-size:.6rem;font-style:normal;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.plan-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.copy-status{min-height:18px;margin:8px 0 0;color:var(--lime);text-align:right;font-size:.7rem}
.method{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,105px);padding:clamp(70px,8vw,110px) max(clamp(20px,6vw,92px),calc((100vw - 1500px)/2));color:var(--ink);background:#fff9ea}.method-copy>p:not(.eyebrow){color:#627785;line-height:1.68}.method-question{display:flex;align-items:center;gap:15px;margin-top:27px;padding:18px;border:1px solid #dfd4ba;border-radius:14px;background:white}.method-question>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#15405d;background:#dff5fa;font-family:Georgia,serif;font-size:1.2rem}.method-question p{margin:0}.method-question small,.method-question b{display:block}.method-question small{color:#8b721e;font-size:.63rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.method-question b{margin-top:5px;font-family:Georgia,serif}.method-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}.method-steps li{display:grid;grid-template-columns:37px 1fr;align-items:start;gap:13px;padding:16px;border:1px solid #dfd9c9;border-radius:13px;background:white}.method-steps li>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #b7dce7;border-radius:50%;color:#277a94;font-size:.65rem;font-weight:900}.method-steps b{display:block;font-family:Georgia,serif}.method-steps small{display:block;margin-top:5px;color:#73818a;line-height:1.43}.method-steps li:last-child{grid-column:1/3}
.facilitation{padding:clamp(68px,8vw,105px) max(clamp(20px,6vw,92px),calc((100vw - 1500px)/2));background:linear-gradient(145deg,#07172c,#0b2945)}.facilitation-heading{max-width:800px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px}.principle-grid article{min-height:310px;display:flex;flex-direction:column;padding:29px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.principle-grid article>span{color:rgba(99,216,244,.42);font-family:Georgia,serif;font-size:2.2rem}.principle-grid h3{margin:30px 0 10px;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.principle-grid p{margin:0;color:#9eb5c4;line-height:1.58}.principle-grid small{display:block;margin-top:auto;padding-top:22px;color:var(--gold);font-size:.73rem;line-height:1.45}
.resource-zone{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:13px;padding:clamp(68px,8vw,105px) max(clamp(20px,6vw,92px),calc((100vw - 1500px)/2));color:var(--ink);background:white}.resource-zone>div{padding-right:25px}.resource-zone>div>p:last-child{color:#6d7d87;line-height:1.6}.resource-card{min-height:295px;display:flex;flex-direction:column;padding:25px;border-radius:19px;color:white;text-decoration:none;box-shadow:0 16px 42px rgba(10,38,59,.13);transition:transform .18s}.resource-card:hover{transform:translateY(-4px)}.resource-card.kids{background:radial-gradient(circle at 80% 10%,rgba(245,198,93,.25),transparent 11rem),linear-gradient(145deg,#133d56,#08253d)}.resource-card.youth{background:radial-gradient(circle at 80% 10%,rgba(99,216,244,.25),transparent 11rem),linear-gradient(145deg,#112e57,#07172f)}.resource-card.family{background:radial-gradient(circle at 80% 10%,rgba(126,222,194,.22),transparent 11rem),linear-gradient(145deg,#173f49,#0b2936)}.resource-card>span{align-self:flex-start;padding:7px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:var(--gold);font-size:.67rem;font-weight:900}.resource-card small{margin-top:auto;color:#85dff4;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-card b{margin-top:8px;font-family:Georgia,serif;font-size:1.35rem;line-height:1.22}.resource-card em{margin-top:18px;color:var(--gold);font-size:.73rem;font-style:normal;font-weight:900;text-transform:uppercase}
footer{display:flex;justify-content:space-between;gap:25px;padding:31px max(clamp(20px,6vw,92px),calc((100vw - 1500px)/2));color:#8ba4b6;background:#040d1a;font-size:.74rem}footer p{margin:0}footer b,footer span{display:block}footer b{color:var(--gold);font-family:Georgia,serif;letter-spacing:.08em}footer span{margin-top:6px}footer a{color:#c6eafa;text-decoration:none;font-weight:800}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-row:2;grid-column:1/3;justify-self:center}.hero{grid-template-columns:1fr .8fr}.planner-shell{grid-template-columns:340px 1fr}.resource-zone{grid-template-columns:1fr 1fr 1fr}.resource-zone>div{grid-column:1/4}.principle-grid article{min-height:335px}}
@media(max-width:790px){.topbar{gap:10px;padding-inline:14px}.brand small{display:none}.brand b{font-size:.72rem}.home-link{font-size:.68rem}.topbar nav{width:100%;overflow-x:auto;justify-content:flex-start;border-radius:12px}.hero{min-height:0;grid-template-columns:1fr;padding-block:65px 38px}.hero-visual{min-height:0}.planner-heading,.planner-shell,.method{grid-template-columns:1fr}.planner-heading{align-items:start;gap:16px}.planner-controls{border-right:0;border-bottom:1px solid var(--line)}.lesson-plan{min-height:600px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:0}.resource-zone{grid-template-columns:1fr 1fr}.resource-zone>div{grid-column:1/3}.method-steps{grid-template-columns:1fr}.method-steps li:last-child{grid-column:auto}footer{flex-direction:column}}
@media(max-width:480px){.topbar nav a{padding:8px 11px;font-size:.68rem}.brand img{width:38px;height:38px}.hero-copy h1{font-size:2.65rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{padding:22px 14px}.hero-visual .ring-two{width:320px;height:320px}.diagram-principles{grid-template-columns:1fr}.diagram-principles article{min-height:0;grid-template-columns:minmax(0,1fr);justify-items:start;gap:7px;padding:16px;text-align:left}.diagram-principles b,.diagram-principles small{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}.diagram-path{grid-template-columns:1fr 1fr}.diagram-path li:last-child{grid-column:1/-1}.planner,.method,.facilitation,.resource-zone{padding-inline:14px}.planner-shell{border-radius:17px}.choice-row{grid-template-columns:1fr}.choice{min-height:59px}.lesson-plan{padding:27px 17px}.lesson-plan header{flex-direction:column}#plan-steps>li{grid-template-columns:44px 1fr}#plan-steps>li>em{grid-column:2}.plan-actions{flex-direction:column}.plan-actions button{width:100%}.resource-zone{grid-template-columns:1fr}.resource-zone>div{grid-column:auto}.resource-card{min-height:240px}}
@media print{.topbar,.hero,.planner-heading,.planner-controls,.method,.facilitation,.resource-zone,footer,.plan-actions,.copy-status{display:none!important}body,.planner,.planner-shell,.lesson-plan{color:#111;background:white!important;box-shadow:none;border:0}.planner{padding:0}.planner-shell{display:block}.lesson-plan{padding:0}.print-brand{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding-bottom:14px;border-bottom:2px solid #d7a842}.print-brand img{width:58px;height:58px;object-fit:contain}.print-brand b,.print-brand span{display:block}.print-brand b{color:#173047;font-family:Georgia,serif;letter-spacing:.08em}.print-brand span{margin-top:4px;color:#566b79;font-size:12px}.lesson-plan :is(p,small){color:#333!important}.lesson-plan h3{font-size:32px}#plan-steps>li{break-inside:avoid;border-color:#ddd}.objective,.lesson-plan blockquote{border-color:#bbb;background:#f7f7f7}.lesson-plan header>span{color:#111;border-color:#888}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}}
.edit-note{margin:0 0 16px;padding:10px 12px;border:1px solid rgba(99,216,244,.2);border-radius:9px;color:#b9dce8;background:rgba(99,216,244,.06);font-size:.78rem;line-height:1.45}[contenteditable="true"]{border-radius:5px;cursor:text}[contenteditable="true"]:hover{background:rgba(255,255,255,.045)}.lesson-plan blockquote>div{flex:1}.teaching-materials{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.materials-heading small{color:var(--cyan);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.materials-heading h4{margin:5px 0 16px;font-family:Georgia,serif;font-size:1.35rem}.materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.materials-grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.materials-grid h5{margin:0 0 12px;color:var(--gold);font-family:Georgia,serif;font-size:1rem}.materials-grid ol,.materials-grid ul{display:grid;gap:9px;margin:0;padding-left:20px}.materials-grid li{display:list-item;padding:0;border:0;color:#b7cad5;font-size:.8rem;line-height:1.45}.materials-grid li b,.materials-grid li span{display:block}.materials-grid li span{margin-top:3px;color:#91a9b8}.plan-actions{flex-wrap:wrap}.saved-plans{display:grid;grid-template-columns:minmax(230px,.55fr) 1.45fr;gap:24px;margin-top:22px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#0a2039}.saved-plans h3{margin:0;font-family:Georgia,serif;font-size:1.7rem}.saved-plan-list{display:grid;gap:8px}.saved-plan-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03)}.saved-plan-list b,.saved-plan-list small{display:block}.saved-plan-list small{margin-top:4px;color:#92aabd}.saved-plan-list article>div:last-child{display:flex;gap:7px}.saved-plan-list button{min-height:38px;padding:7px 11px;border:1px solid rgba(99,216,244,.35);border-radius:999px;color:#c6edf7;background:transparent;font-weight:800;cursor:pointer}.saved-plan-list button:last-child{color:#ffc3b6;border-color:rgba(255,163,143,.3)}footer nav{display:flex;flex-wrap:wrap;gap:14px}small,.eyebrow,.plan-label,.objective small,.formula small,.hero-copy ul,.text-link,.select-label,.lesson-plan header>span,.lesson-plan li>em,.method-question small,.resource-card>span,.resource-card small,.resource-card em,.copy-status,footer{font-size:.75rem!important}
.backup-note{margin:12px 0;color:#9eb5c4;font-size:.78rem;line-height:1.5}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-actions :is(button,label){min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(99,216,244,.35);border-radius:999px;color:#c6edf7;background:transparent;font-size:.75rem;font-weight:900;cursor:pointer}.backup-actions input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:790px){.saved-plans{grid-template-columns:1fr}.saved-plan-list article{align-items:flex-start;flex-direction:column}.saved-plan-list article>div:last-child{width:100%}.saved-plan-list button{flex:1}}
@media(max-width:480px){.materials-grid{grid-template-columns:1fr}}
@media print{.saved-plans,.edit-note{display:none!important}.materials-grid article{break-inside:avoid;border-color:#bbb;background:#f7f7f7}.lesson-plan :is(.teaching-materials p,.teaching-materials small,.teaching-materials li,.teaching-materials span){color:#333!important}}
.brand b,.topbar nav a,.home-link,.planner-controls legend span,#plan-steps>li>span,.lesson-plan cite,.materials-grid li span,.method-steps li>span{font-size:.75rem!important}
.topbar nav a,.home-link,.text-link{min-height:44px;display:inline-flex;align-items:center}.brand{min-height:44px}.saved-plan-list button{min-height:44px}
footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}

/* Keep every stage label inside its card at intermediate widths. */
.diagram-path{grid-template-columns:repeat(auto-fit,minmax(min(104px,100%),1fr))}.diagram-path b{overflow-wrap:anywhere;line-height:1.3}
@media(max-width:480px){.diagram-path{grid-template-columns:repeat(2,minmax(0,1fr))}}