:root{--bg:#f4f7fb;--panel:#ffffff;--ink:#0c1b33;--muted:#5b6b82;--line:#e2e9f3;--blue:#0b63f6;--blue-d:#0848b8;--blue2:#e9f2ff;--indigo:#6354ff;--green:#0a9466;--amber:#d97706;--rose:#dc2666;--shadow:0 1px 2px rgba(12,27,51,.04),0 8px 24px rgba(12,27,51,.06);--shadow-lg:0 12px 40px rgba(12,27,51,.12);--r:14px;--font:system-ui,-apple-system,'Segoe UI','Inter',sans-serif;--display:system-ui,-apple-system,'Segoe UI','Sora',sans-serif}
body.dark{--bg:#0a1322;--panel:#101d33;--ink:#eef4ff;--muted:#93a5bf;--line:#1e3252;--blue:#4d93ff;--blue-d:#7eb1ff;--blue2:#142b4d;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35)}
body.pg-warm:not(.dark){--bg:#fff8ec;--panel:#fffdf8;--line:#f1dfc2;--blue2:#fff0d6}
body.pg-sage:not(.dark){--bg:#eefaf5;--panel:#ffffff;--line:#d8eee4;--blue2:#e1f6ed}
body.pg-lilac:not(.dark){--bg:#f5f2ff;--panel:#ffffff;--line:#e5ddff;--blue2:#eee9ff}
body.pg-rose:not(.dark){--bg:#fff1f5;--panel:#ffffff;--line:#f4cfdb;--blue2:#ffe4ec}
body.pg-slate:not(.dark){--bg:#eef3f8;--panel:#ffffff;--line:#dbe5ef;--blue2:#e6f0fb}
body:not(.dark).acc-teal{--blue:#0f766e;--blue-d:#115e59;--blue2:#dff7f4;--indigo:#14b8a6}
body:not(.dark).acc-clay{--blue:#b45309;--blue-d:#92400e;--blue2:#fff1db;--indigo:#d97706}
body:not(.dark).acc-indigo{--blue:#4f46e5;--blue-d:#3730a3;--blue2:#ecebff;--indigo:#7c3aed}
body:not(.dark).acc-forest{--blue:#166534;--blue-d:#14532d;--blue2:#e3f6e9;--indigo:#0f766e}
body:not(.dark).acc-rose{--blue:#be185d;--blue-d:#9d174d;--blue2:#fde7f0;--indigo:#e11d48}
body:not(.dark).acc-navy{--blue:#174ea6;--blue-d:#0b326f;--blue2:#e6efff;--indigo:#1d4ed8}
body.dark.acc-teal{--blue:#2dd4bf;--blue-d:#5eead4;--blue2:#113f3a;--indigo:#14b8a6}
body.dark.acc-clay{--blue:#f59e0b;--blue-d:#fbbf24;--blue2:#3b2610;--indigo:#d97706}
body.dark.acc-indigo{--blue:#818cf8;--blue-d:#a5b4fc;--blue2:#25224c;--indigo:#a78bfa}
body.dark.acc-forest{--blue:#4ade80;--blue-d:#86efac;--blue2:#12341f;--indigo:#22c55e}
body.dark.acc-rose{--blue:#fb7185;--blue-d:#fda4af;--blue2:#3c1420;--indigo:#f43f5e}
body.dark.acc-navy{--blue:#60a5fa;--blue-d:#93c5fd;--blue2:#142b4d;--indigo:#3b82f6}
body.font-system{--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.font-classic{--font:Georgia,'Times New Roman',serif;--display:Georgia,'Times New Roman',serif}
body.font-readable{--font:Verdana,Geneva,sans-serif;--display:Verdana,Geneva,sans-serif}
body.head-regular h1,body.head-regular h2,body.head-regular h3,body.head-regular h4{font-weight:600!important}
body.head-bold h1,body.head-bold h2,body.head-bold h3,body.head-bold h4{font-weight:800!important}
body.text-regular p,body.text-regular li,body.text-regular td,body.text-regular small{font-weight:400!important}
body.text-bold p,body.text-bold li,body.text-bold td,body.text-bold small,body.text-bold .sub{font-weight:650!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em}
::selection{background:var(--blue);color:#fff}
/* ── TOP BAR ── */
.top{position:fixed;inset:0 0 auto 0;height:62px;background:var(--panel);border-bottom:1px solid var(--line);z-index:1000;display:grid;grid-template-columns:auto minmax(380px,1fr) auto;align-items:center;gap:16px;padding:0 20px}
.brand{display:flex;align-items:center;flex-shrink:0}.brand img{height:38px;display:block}
.nav{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
.nav>a,.nav>.dd>button{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border-radius:10px;border:0;background:transparent;color:var(--ink);font-weight:600;font-size:.88rem;white-space:nowrap}
.nav>a:hover,.nav>.dd>button:hover,.nav>a.on,.nav>.dd>button.on{background:var(--blue2);color:var(--blue);text-decoration:none}
.dd{position:relative}.dd-menu{position:absolute;top:46px;left:0;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;z-index:1100}.mega-dd .mega-menu{left:50%;width:min(760px,calc(100vw - 40px));min-width:640px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;transform:translate(-50%,6px)}
.dd-menu[hidden]{display:none!important}
.dd-menu a{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;color:var(--ink);font-weight:550;font-size:.86rem}
.dd-menu a:hover{background:var(--blue2);color:var(--blue);text-decoration:none}
.dd-menu .dsec{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 11px 3px}.mega-col{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px}.mega-col .dsec{padding:0 2px 7px}.mega-col a{background:var(--panel);border:1px solid transparent;margin-bottom:7px;align-items:flex-start;line-height:1.35}.mega-col a:last-child{margin-bottom:0}.mega-col a small{display:block;color:var(--muted);font-weight:500;font-size:.72rem;margin-top:2px}.mega-col a:hover{border-color:var(--blue)}.resources-mega{width:min(540px,calc(100vw - 40px));min-width:500px;grid-template-columns:repeat(2,1fr)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:relative}.top-actions>.icon-btn,.top-actions>.opt-wrap{transform:translateY(5px)}.top-actions .icon-btn{border-radius:50%}.round-btn{border-radius:50%}.opt-wrap{position:relative}.options-panel{position:absolute;top:48px;right:0;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px;display:none;z-index:1200}.options-panel.open{display:block}.options-panel h4{margin:0 0 9px;font-size:.86rem}.opt-sec{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);box-shadow:var(--shadow);padding:0}.swatch.on{outline:3px solid var(--blue2);border-color:var(--blue)}.sw-sky{background:#f4f7fb}.sw-warm{background:#fff3dd}.sw-sage{background:#e6f6eb}.sw-lilac{background:#eee9ff}.sw-rose{background:#ffe4ec}.sw-slate{background:#e6edf5}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.opt-chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:7px 9px;font-size:.78rem;font-weight:700}.opt-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.accent-chip{display:flex;align-items:center;gap:7px;justify-content:flex-start}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--blue);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.dot-blue{background:#0b63f6}.dot-teal{background:#0f766e}.dot-clay{background:#b45309}.dot-indigo{background:#4f46e5}.dot-forest{background:#166534}.dot-rose{background:#be185d}.dot-navy{background:#174ea6}
.top-search{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:10px;height:38px;padding:0 12px;width:250px;flex-shrink:1}
.top-search input{border:0;background:transparent;outline:0;color:var(--ink);width:100%;font-size:.86rem}
.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;flex-shrink:0}
.icon-btn:hover{background:var(--blue2);border-color:var(--blue)}
/* ── LAYOUT ── */
.app{display:grid;grid-template-columns:288px 1fr;min-height:100vh;padding-top:62px}
.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:18px 7px 40px 14px;position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.side-path{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:5px;margin-bottom:14px}
.side-path button{border:0;border-radius:8px;padding:8px 4px;font-weight:700;font-size:.78rem;background:transparent;color:var(--muted)}
.side-path button.on{background:var(--blue);color:#fff;box-shadow:var(--shadow)}
.prog{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:14px}
.prog .pl{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;margin-bottom:7px}
.prog .bar{height:7px;border-radius:99px;background:var(--line);overflow:hidden}
.prog .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--indigo));transition:width .4s}
.side-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;height:36px;padding:0 11px;margin-bottom:12px;background:var(--bg)}
.side-search input{border:0;background:transparent;outline:0;width:100%;color:var(--ink);font-size:.82rem}
.ph{border:1px solid var(--line);border-radius:11px;margin-bottom:8px;overflow:hidden;background:var(--panel)}
.ph-head{display:flex;align-items:center;gap:9px;padding:10px 12px;cursor:pointer;user-select:none}
.ph-head:hover{background:var(--bg)}
.ph-ico{width:30px;height:30px;border-radius:8px;background:var(--blue2);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.ph-head b{font-size:.8rem;flex:1;line-height:1.25}.ph-head small{color:var(--muted);font-size:.68rem;font-weight:700}
.ph-head .car{transition:.2s;color:var(--muted);font-size:.7rem}
.ph.open .car{transform:rotate(180deg)}
.ph ul{display:none;list-style:none;margin:0;padding:4px 6px 8px;max-height:300px;overflow-y:auto}
.ph.open ul{display:block}
.ph li button{display:flex;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:6px 8px;border-radius:8px;color:var(--muted);font-size:.76rem;line-height:1.35;align-items:baseline}
.ph li button:hover{background:var(--blue2);color:var(--blue)}
.ph li button.on{background:var(--blue);color:#fff;font-weight:600}
.ph li button .dn{font-weight:800;font-size:.68rem;flex-shrink:0;width:24px}
.ph li button .ck{margin-left:auto;font-size:.66rem}
/* ── MAIN ── */
.main{min-width:0;min-height:calc(100vh - 62px);padding:26px 32px 24px;display:flex;flex-direction:column}
.main>.footer{margin-top:auto}
.crumb{font-size:.78rem;color:var(--muted);margin-bottom:14px}.crumb b{color:var(--ink)}
.hero{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(118deg,#07235c 0%,#0b63f6 55%,#6354ff 100%);color:#fff;padding:46px 46px;margin-bottom:26px}
.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero:before{content:"";position:absolute;right:60px;bottom:-130px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06)}
.hero h1{margin:10px 0 12px;font-size:2rem;line-height:1.18;max-width:680px}
.hero p{margin:0 0 22px;max-width:640px;opacity:.92;font-size:.98rem}
.hero .pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:5px 13px;font-size:.74rem;font-weight:700;letter-spacing:.05em}
.hero .actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;gap:7px;border-radius:11px;padding:11px 19px;font-weight:700;font-size:.86rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:.15s}
.btn:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.btn.pr{background:var(--blue);border-color:var(--blue);color:#fff}.btn.pr:hover{background:var(--blue-d);color:#fff}
.btn.wh{background:#fff;border-color:#fff;color:#0b3aa0}.btn.gh{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.sec{margin-bottom:34px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.sec h2{margin:0;font-size:1.32rem}
.sec .sub{color:var(--muted);font-size:.88rem;margin:4px 0 16px;max-width:760px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:0 0 5px;font-size:.98rem}.card h4{margin:0 0 5px;font-size:.9rem}
.card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.55}
.card.acc{border-top:3px solid var(--blue)}
.kpi{text-align:center;padding:20px 12px}
.kpi .n{font-family:var(--display);font-size:1.9rem;font-weight:800;color:var(--blue);line-height:1.1}
.kpi .l{font-size:.74rem;color:var(--muted);font-weight:600;margin-top:4px}
.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:99px;font-size:.72rem;font-weight:700;background:var(--blue2);color:var(--blue)}
.tag.gn{background:#e3f6ee;color:var(--green)}.tag.am{background:#fdf0dd;color:var(--amber)}.tag.ig{background:#edebff;color:var(--indigo)}.tag.rs{background:#fde8ef;color:var(--rose)}
body.dark .tag.gn{background:#0c2e22}body.dark .tag.am{background:#33230a}body.dark .tag.ig{background:#1d1a45}body.dark .tag.rs{background:#3a0f1f}
.link-btn{display:inline-flex;align-items:center;gap:5px;font-size:.79rem;font-weight:700;color:var(--blue);background:none;border:0;padding:0}
.track{display:flex;gap:14px;align-items:flex-start}
.track .ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0;background:var(--blue2)}
.steps-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.stepc{position:relative;border-left:3px solid var(--blue);padding:15px 15px 13px}
.stepc .num{position:absolute;top:-11px;left:12px;width:24px;height:24px;border-radius:7px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.74rem}
.stepc h4{margin:8px 0 5px}
.phasec{border-left:3px solid var(--indigo);position:relative}
.phasec .pn{display:inline-flex;width:26px;height:26px;border-radius:7px;background:var(--indigo);color:#fff;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;margin-bottom:8px}
.timeline{position:relative;padding-left:26px}
.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl-item{position:relative;padding:0 0 22px}
.tl-item:before{content:"";position:absolute;left:-23px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:3px solid var(--panel);box-shadow:0 0 0 2px var(--blue)}
.month-rh{display:flex;align-items:center;overflow-x:auto;padding:12px 2px 6px;gap:0}
.month-rh .mn{display:flex;flex-direction:column;align-items:center;min-width:82px;flex-shrink:0}
.month-rh .md{width:36px;height:36px;border-radius:50%;border:2px solid var(--blue);color:var(--blue);background:var(--panel);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.68rem}
.month-rh .ml{font-size:.64rem;color:var(--muted);margin-top:5px;text-align:center;line-height:1.3;font-weight:600}
.month-rh .mline{height:2px;flex:1;min-width:18px;background:var(--line)}
.tabs2{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px;margin-bottom:16px}
.tabs2 button{border:0;background:transparent;border-radius:8px;padding:7px 16px;font-weight:700;font-size:.8rem;color:var(--muted)}
.tabs2 button.on{background:var(--panel);color:var(--blue);box-shadow:var(--shadow)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px}.mini b{display:block;font-size:.8rem;margin-bottom:3px}.mini small{color:var(--muted);font-size:.73rem;line-height:1.4}.daily-note{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:2px 6px;color:var(--muted)}
/* day page */
.day-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.day-tabs button{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:8px 16px;font-weight:700;font-size:.8rem;color:var(--muted)}
.day-tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.dtab{display:none}.dtab.on{display:block}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.checklist li:last-child{border:0}
.checklist .cm{color:var(--green);font-weight:800;flex-shrink:0}
.res-row{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;background:var(--panel)}
.res-row .ri{width:36px;height:36px;border-radius:9px;background:var(--blue2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.res-row b{font-size:.84rem}.res-row small{display:block;color:var(--muted);font-size:.74rem}
.res-row .go{margin-left:auto;flex-shrink:0}
.callout{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--blue2);border-radius:11px;padding:14px 16px;font-size:.85rem;margin:14px 0}
.callout.gn{border-left-color:var(--green);background:#e9f8f1}body.dark .callout.gn{background:#0c2e22}
.callout.am{border-left-color:var(--amber);background:#fdf4e5}body.dark .callout.am{background:#33230a}
/* ── Footer v2: interactive multi-column, fully rounded ── */
.footer{background:linear-gradient(160deg,#0f1b2d,#16263e);margin:0;padding:34px 34px 0;border-radius:18px;color:#e8edf7;font-size:.9rem;box-shadow:0 8px 26px rgba(10,20,40,.25)}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px}
@media(max-width:900px){.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.f-grid{grid-template-columns:1fr}}
.f-brand h4{color:#fff;font-size:1.08rem;margin:0 0 8px}
.f-brand p{color:#aab8d4;line-height:1.6;margin:0 0 16px}
.f-col h5{color:#fff;font-size:.95rem;margin:0 0 12px;letter-spacing:.02em}
.f-col a{display:block;color:#c3d0ea;text-decoration:none;font-weight:600;padding:5px 0;border-radius:8px;transition:color .15s,transform .15s}
.f-col a:hover{color:#7fb3ff;transform:translateX(4px)}
.f-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:#aab8d4;font-size:.82rem}
.donate-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important;font-weight:800;padding:11px 20px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;font-size:.92rem;box-shadow:0 4px 14px rgba(34,197,94,.35);transition:transform .15s,filter .15s}
.donate-btn:hover{filter:brightness(1.08);transform:translateY(-2px);text-decoration:none!important}
/* ── About page v4: hero, section headings, horizontal row cards ── */
.about-hero{background:linear-gradient(120deg,#0b3aa5,#2563eb 55%,#4f46e5);border-radius:18px;color:#fff;padding:34px 32px;margin-bottom:18px;position:relative;overflow:hidden}
.about-hero h2{color:#fff;margin:0 0 10px;font-size:1.5rem;max-width:820px}
.about-hero>p{color:#e3e9ff;max-width:760px;line-height:1.7;margin:0}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.hero-badges span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-weight:800;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px}
.hero-btn{border-radius:10px;padding:11px 20px;font-weight:800;text-decoration:none;cursor:pointer;border:1.5px solid rgba(255,255,255,.55);color:#fff;background:transparent;font-size:.95rem}
.hero-btn.primary{background:#fff;color:#1d4ed8;border-color:#fff}
.hero-btn:hover{filter:brightness(1.1)}
.hero-panels{display:flex;gap:16px;flex-wrap:wrap}
.hero-panel{flex:1 1 380px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:18px 20px}
.hero-panel h3{color:#fff;margin:0 0 10px;font-size:1rem}
.hero-pts{list-style:none;margin:0;padding:0}
.hero-pts li{position:relative;padding:5px 0 5px 28px;line-height:1.55;color:#e7edff}
.hero-pts li::before{content:'✔';position:absolute;left:0;top:7px;background:rgba(255,255,255,.2);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.65rem}
.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.hero-stats div{flex:1 1 100px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:12px;text-align:center}
.hero-stats b{display:block;font-size:1.25rem;color:#fff}
.hero-stats small{color:#dbe5ff;font-weight:700;font-size:.72rem}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:16px;color:#fff;padding:22px 26px;margin:22px 0 16px}
.about-cta b{font-size:1.05rem}
.support-card{background:linear-gradient(135deg,#ecfdf5,#f0fdfa)!important}
body.dark .support-card{background:linear-gradient(135deg,#0c2a22,#0e2a33)!important}
.sec-h{font-size:1.45rem;font-weight:800;margin:26px 0 12px;color:var(--ink)}
.about-duo{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.about-duo>.row-card{flex:1 1 420px;min-width:300px}
.row-card{display:flex;gap:18px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.row-card:hover{transform:translateY(-2px)}
.row-ico{flex:0 0 56px;width:56px;height:56px;border-radius:14px;background:var(--blue2,#eef4ff);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.row-body{flex:1;min-width:0}
.row-body h3{margin:0 0 6px;font-size:1.05rem}
.row-tag{display:inline-block;background:var(--blue2,#eef4ff);color:var(--blue,#2563eb);font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 10px;margin-bottom:6px}
.row-pts{list-style:none;margin:6px 0 0;padding:0}
.row-pts li{position:relative;padding:9px 0 9px 26px;line-height:1.55;border-bottom:1px dashed var(--line)}
.row-pts li:last-child{border-bottom:none}
.row-pts li::before{content:'✔';position:absolute;left:0;top:9px;color:#16a34a;font-weight:800}
.fb-row{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.fb-btn{background:var(--blue,#2563eb);color:#fff!important;font-weight:800;padding:10px 18px;border-radius:10px;text-decoration:none}
.fb-btn:hover{filter:brightness(1.08)}
/* ── Back-to-top arrow ── */
#toTop{position:static;align-self:flex-end;margin:18px 6px 10px;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:1.25rem;font-weight:800;box-shadow:0 6px 18px rgba(59,99,246,.4);opacity:0;pointer-events:none;transition:opacity .25s,transform .15s}
#toTop.show{opacity:1;pointer-events:auto}
#toTop:hover{transform:translateY(-3px)}
/* ── Clear saved data ── */
.clear-btn{border-radius:50%!important;border-color:#ef4444!important;color:#ef4444!important;cursor:pointer;transition:background .15s,transform .15s}
.clear-btn:hover{background:#ef4444!important;color:#fff!important;transform:rotate(-12deg)}
.top-actions .icon-btn,.top-actions .round-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
table.tbl{width:100%;border-collapse:collapse;font-size:.84rem}
.tbl th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:9px 12px;border-bottom:2px solid var(--line)}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:hover td{background:var(--bg)}
@media(max-width:1180px){.g4,.steps-wrap{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.top{grid-template-columns:auto minmax(300px,1fr) auto;gap:10px}.top-search{width:210px}.mega-dd .mega-menu{min-width:560px;grid-template-columns:repeat(2,1fr)}.resources-mega{min-width:480px}}
@media(max-width:900px){.app{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:20px 16px 60px}.hero{padding:30px 24px}.g2,.g3,.g4,.steps-wrap,.mini-grid,.daily-note{grid-template-columns:1fr}.top{display:flex;gap:8px;padding:0 12px}.top-search{display:none}.nav{justify-content:flex-start;overflow-x:auto}.top-actions{margin-left:auto}.mega-dd .mega-menu{left:0;width:min(620px,calc(100vw - 28px));min-width:0;grid-template-columns:1fr;transform:translateY(6px)}.resources-mega{width:min(620px,calc(100vw - 28px));min-width:0;grid-template-columns:1fr}.options-panel{right:-4px;width:min(310px,calc(100vw - 20px))}}
@media print{.top,.sidebar{display:none!important}.app{display:block;padding-top:0}}

/* About page FAQ accordion */
.faq details{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--panel);color:var(--ink);overflow:hidden}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;display:flex;align-items:center;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'＋';font-weight:800;opacity:.6}
.faq details[open] summary::before{content:'－'}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .faq-a{padding:12px 16px 16px;line-height:1.65}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:860px){.about-grid{grid-template-columns:1fr}}
/* Resources mega menu: compact two-column layout only */
.mega-dd .dd-menu.resources-mega{
  width:min(540px,calc(100vw - 40px));
  min-width:520px;
  max-width:540px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.mega-dd .dd-menu.resources-mega .mega-col{min-width:0}
.mega-dd .dd-menu.resources-mega .mega-col a{min-height:62px}
@media(max-width:900px){
  .mega-dd .dd-menu.resources-mega{
    left:0;
    width:min(620px,calc(100vw - 28px));
    min-width:0;
    max-width:none;
    grid-template-columns:1fr;
    transform:translateY(6px);
  }
}



/* ── Mobile + iPad menu fixes ── */
.mobile-menu-btn{display:none}
body.sidebar-hidden .app{grid-template-columns:1fr}
body.sidebar-hidden .sidebar{display:none!important}
.dd.open>.dd-menu{opacity:1;transform:none;pointer-events:auto}
.mega-dd.open>.mega-menu{opacity:1;transform:translate(-50%,0);pointer-events:auto}

@media(max-width:1180px){
  .mobile-menu-btn{display:inline-flex;border-radius:50%;flex-shrink:0}
  .top{height:64px;display:grid;grid-template-columns:auto auto 1fr;gap:8px;padding:0 12px;align-items:center}
  .brand img{height:34px}
  .top-actions{justify-self:end;margin-left:0;gap:6px;min-width:0}
  .top-actions>.icon-btn,.top-actions>.opt-wrap{transform:none}
  .top-actions .top-search{display:none!important}
  .nav{display:none;position:fixed;top:64px;left:10px;right:10px;max-height:calc(100dvh - 78px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;z-index:1300;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;-webkit-overflow-scrolling:touch}
  body.nav-open .nav{display:flex}
  .nav>a,.nav>.dd>button{width:100%;height:auto;min-height:44px;justify-content:space-between;padding:10px 12px;font-size:.92rem}
  .dd{width:100%}
  .dd-menu,.mega-dd .mega-menu,.mega-dd .dd-menu.resources-mega{position:static;display:none;opacity:1;pointer-events:auto;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none;border:1px solid var(--line);margin-top:6px;padding:10px;grid-template-columns:1fr!important;gap:8px;background:var(--bg)}
  .dd.open>.dd-menu{display:block}
  .mega-dd.open>.mega-menu{display:grid}
  .mega-col{padding:9px;border-radius:12px}
  .mega-col a{min-height:auto!important;margin-bottom:6px}
  .app{padding-top:64px}
  .options-panel{position:fixed;top:72px;right:10px;width:min(330px,calc(100vw - 20px));max-height:calc(100dvh - 92px);overflow:auto}
}

@media(max-width:1024px){
  .app{display:block}
  .sidebar{position:relative;top:auto;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:14px 12px 18px}
  .main{padding:20px 18px 62px}
  .hero{padding:30px 24px}
  .g2,.g3,.g4,.steps-wrap,.mini-grid,.daily-note{grid-template-columns:1fr}
  .side-path{grid-template-columns:1fr 1fr}
  .ph ul{max-height:360px}
  .day-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin}
  .day-tabs button{flex:0 0 auto}
  .res-row{align-items:flex-start;flex-wrap:wrap}
  .res-row .go{margin-left:48px}
  table.tbl{display:block;overflow-x:auto;white-space:nowrap}
}

@media(max-width:640px){
  .top{height:60px;grid-template-columns:auto auto 1fr;padding:0 9px}
  .brand img{height:30px;max-width:150px}
  .icon-btn{width:34px;height:34px;font-size:.95rem}
  .top-actions{gap:4px}
  .nav{top:60px;left:8px;right:8px;max-height:calc(100dvh - 70px);border-radius:14px}
  .app{padding-top:60px}
  .main{padding:16px 12px 56px}
  .sidebar{padding:12px 10px 16px}
  .hero{padding:24px 18px;border-radius:16px}
  .hero h1{font-size:1.45rem!important}
  .card{padding:15px}
  .footer{display:block}
  .footer a{display:inline-block;margin-bottom:8px}
  .options-panel{top:66px;right:8px;width:calc(100vw - 16px)}
  .opt-grid{grid-template-columns:1fr 1fr}
}



/* ── Final mobile/iPad stability fixes ── */
.side-hide-btn{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:10px;padding:9px 12px;margin:0 0 12px;font-weight:800;font-size:.78rem}
.side-hide-btn:hover{background:var(--blue2);color:var(--blue);border-color:var(--blue)}
.course-menu-fab{display:none;position:fixed;left:14px;bottom:14px;z-index:1400;border:1px solid var(--line);background:var(--blue);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:var(--shadow-lg)}
body.sidebar-hidden .course-menu-fab{display:inline-flex;align-items:center;gap:6px}
body.nav-open{overflow:hidden}
.mobile-menu-btn{touch-action:manipulation}
.nav a,.nav button,.day-tabs button,.side-path button,.ph li button,.btn,.link-btn,.opt-chip,.swatch{touch-action:manipulation}

@media(max-width:1180px){
  .top{height:64px;grid-template-columns:minmax(0,auto) 38px minmax(0,1fr)!important;gap:8px!important;padding:0 10px!important;overflow:visible}
  .brand{min-width:0;overflow:hidden}
  .brand img{max-width:178px;width:auto;object-fit:contain}
  .mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%}
  .top-actions{min-width:0;justify-self:end;display:flex;align-items:center;gap:6px;overflow:visible}
  .top-actions>.icon-btn,.top-actions>.opt-wrap{transform:none!important}
  .nav{display:none!important;position:fixed!important;top:calc(64px + env(safe-area-inset-top));left:10px;right:10px;width:auto!important;max-height:calc(100dvh - 84px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;z-index:1600;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;-webkit-overflow-scrolling:touch}
  body.nav-open .nav{display:flex!important}
  .nav>a,.nav>.dd>button{width:100%;height:auto;min-height:46px;justify-content:space-between;padding:11px 12px;font-size:.94rem;text-align:left}
  .dd{width:100%}
  .dd-menu,.mega-dd .mega-menu,.mega-dd .dd-menu.resources-mega{position:static!important;display:none!important;opacity:1!important;pointer-events:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none;border:1px solid var(--line);margin-top:6px;padding:10px;grid-template-columns:1fr!important;gap:8px;background:var(--bg);border-radius:14px}
  .dd.open>.dd-menu{display:block!important}
  .mega-dd.open>.mega-menu{display:grid!important}
  .mega-col{padding:9px;border-radius:12px;min-width:0!important}
  .mega-col a{min-height:54px!important;margin-bottom:7px;word-break:normal;overflow-wrap:anywhere}
  .app{padding-top:64px!important}
  .options-panel{position:fixed!important;top:72px;right:10px;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 92px);overflow:auto}
}

@media(max-width:1024px){
  .app{display:flex!important;flex-direction:column!important;min-height:auto!important}
  .main{order:1;width:100%;padding:20px 18px 62px}
  .sidebar{order:2;position:relative!important;top:auto!important;height:auto!important;max-height:none!important;width:100%;border-right:0;border-top:1px solid var(--line);border-bottom:0;padding:14px 12px 24px}
  .sidebar:before{content:'Course days';display:block;font-family:var(--display);font-weight:800;font-size:1rem;margin:0 0 10px;color:var(--ink)}
  .ph.open ul{max-height:420px}
  .hero{padding:30px 24px}
  .g2,.g3,.g4,.steps-wrap,.mini-grid,.daily-note{grid-template-columns:1fr!important}
  .day-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:0 0 8px;margin:0 -4px 16px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .day-tabs button{flex:0 0 auto;min-height:42px}
  .res-row{align-items:flex-start;flex-wrap:wrap}
  .res-row .go{margin-left:48px}
  table.tbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  body.sidebar-hidden .sidebar{display:none!important}
}

@media(max-width:640px){
  .top{height:60px;grid-template-columns:minmax(0,1fr) 36px auto!important;padding:0 8px!important;gap:6px!important}
  .brand img{height:30px!important;max-width:140px!important}
  .icon-btn{width:34px!important;height:34px!important;font-size:.92rem}
  .top-actions{gap:4px;flex:0 0 auto}
  .top-actions .icon-btn[title="Print this page"]{display:none!important}
  .nav{top:60px;left:8px;right:8px;max-height:calc(100dvh - 72px);border-radius:14px;padding:8px}
  .app{padding-top:60px!important}
  .main{padding:14px 10px 54px!important}
  .sidebar{padding:12px 10px 20px!important}
  .hero{padding:22px 16px!important;border-radius:16px;margin-bottom:18px}
  .hero h1{font-size:1.36rem!important;line-height:1.2!important}
  .hero p{font-size:.9rem!important}
  .hero .actions{gap:8px}
  .btn{width:auto;min-height:42px;padding:10px 13px;font-size:.82rem}
  .card{padding:14px!important;border-radius:13px}
  .res-row .go{margin-left:0;width:100%;justify-content:center}
  .options-panel{top:66px!important;right:8px!important;width:calc(100vw - 16px)!important}
  .course-menu-fab{left:10px;bottom:10px;padding:9px 13px}
}



/* ── Mobile/iPad v4: fixed content-first layout + off-canvas Days menu ── */
@media (max-width:1180px), (pointer:coarse){
  .top{height:64px!important;display:grid!important;grid-template-columns:minmax(0,auto) 42px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:0 10px!important;overflow:visible!important}
  .brand{min-width:0!important;max-width:190px!important;overflow:hidden!important}
  .brand img{height:34px!important;max-width:100%!important;width:auto!important;object-fit:contain!important}
  .mobile-menu-btn{display:inline-flex!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;z-index:1702!important}
  #topNav.nav{display:none!important;position:fixed!important;top:calc(64px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 86px)!important;overflow:auto!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;padding:10px!important;z-index:1701!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;-webkit-overflow-scrolling:touch!important}
  body.nav-open #topNav.nav{display:flex!important}
  #topNav.nav>a,#topNav.nav>.dd>button{width:100%!important;height:auto!important;min-height:46px!important;justify-content:space-between!important;padding:11px 12px!important;text-align:left!important;font-size:.94rem!important}
  #topNav .dd{width:100%!important}
  #topNav .dd-menu,#topNav .mega-dd .mega-menu,#topNav .mega-dd .dd-menu.resources-mega{position:static!important;display:none!important;opacity:1!important;pointer-events:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none!important;border:1px solid var(--line)!important;margin-top:6px!important;padding:10px!important;grid-template-columns:1fr!important;gap:8px!important;background:var(--bg)!important;border-radius:14px!important}
  #topNav .dd.open>.dd-menu{display:block!important}
  #topNav .mega-dd.open>.mega-menu{display:grid!important}
  #topNav .mega-col{padding:9px!important;min-width:0!important}
  #topNav .mega-col a{min-height:54px!important;margin-bottom:7px!important;overflow-wrap:anywhere!important}
  .top-actions{justify-self:end!important;min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;overflow:visible!important}
  .top-actions>.icon-btn,.top-actions>.opt-wrap{transform:none!important}
  .top-actions .top-search{display:none!important}
}

@media (max-width:1024px), (pointer:coarse){
  .app{display:block!important;min-height:auto!important;padding-top:64px!important}
  .main{display:block!important;width:100%!important;min-width:0!important;padding:20px 18px 96px!important}
  .sidebar{display:block!important;position:fixed!important;top:calc(64px + env(safe-area-inset-top))!important;bottom:0!important;left:0!important;width:min(392px,calc(100vw - 36px))!important;height:auto!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:1700!important;background:var(--panel)!important;border-right:1px solid var(--line)!important;border-top:1px solid var(--line)!important;border-bottom:0!important;box-shadow:var(--shadow-lg)!important;padding:14px 12px 110px!important;transform:translateX(-112%)!important;visibility:hidden!important;transition:transform .22s ease,visibility .22s ease!important}
  body.course-menu-open .sidebar{transform:translateX(0)!important;visibility:visible!important}
  body.sidebar-hidden .sidebar{display:block!important}
  body.course-menu-open{overflow:hidden!important}
  body.course-menu-open::before{content:"";position:fixed;inset:64px 0 0 0;background:rgba(12,27,51,.32);z-index:1699;backdrop-filter:blur(1px)}
  .sidebar:before{content:'Course days';display:block!important;font-family:var(--display);font-weight:800;font-size:1rem;margin:0 0 10px;color:var(--ink)}
  .side-hide-btn{position:sticky!important;top:0!important;z-index:3!important;background:var(--panel)!important;color:var(--blue)!important;border-color:var(--blue2)!important}
  .course-menu-fab{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;position:fixed!important;left:auto!important;right:16px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;z-index:1800!important;border:1px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;border-radius:999px!important;padding:12px 16px!important;font-weight:800!important;box-shadow:var(--shadow-lg)!important;min-height:46px!important}
  body.course-menu-open .course-menu-fab{background:var(--rose)!important;border-color:var(--rose)!important}
  .hero{padding:30px 24px!important}
  .g2,.g3,.g4,.steps-wrap,.mini-grid,.daily-note{grid-template-columns:1fr!important}
  .day-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:0 0 8px!important;margin:0 -4px 16px!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
  .day-tabs button{flex:0 0 auto!important;min-height:42px!important}
  .res-row{align-items:flex-start!important;flex-wrap:wrap!important}
  .res-row .go{margin-left:48px!important}
  table.tbl{display:block!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}
  .ph.open ul{max-height:62dvh!important}
}

@media (max-width:640px){
  .top{height:60px!important;grid-template-columns:minmax(0,1fr) 38px auto!important;padding:0 8px!important;gap:6px!important}
  .brand{max-width:152px!important}
  .brand img{height:30px!important;max-width:152px!important}
  #topNav.nav{top:calc(60px + env(safe-area-inset-top))!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 76px)!important;border-radius:14px!important;padding:8px!important}
  .app{padding-top:60px!important}
  .main{padding:14px 10px 96px!important}
  .sidebar{top:calc(60px + env(safe-area-inset-top))!important;width:min(384px,calc(100vw - 24px))!important;padding:12px 10px 110px!important}
  body.course-menu-open::before{inset:60px 0 0 0!important}
  .top-actions{gap:4px!important;flex:0 0 auto!important}
  .top-actions .icon-btn[title="Print this page"]{display:none!important}
  .icon-btn{width:34px!important;height:34px!important;font-size:.92rem!important}
  .hero{padding:22px 16px!important;border-radius:16px!important;margin-bottom:18px!important}
  .hero h1{font-size:1.36rem!important;line-height:1.2!important}
  .hero p{font-size:.9rem!important}
  .card{padding:14px!important;border-radius:13px!important}
  .res-row .go{margin-left:0!important;width:100%!important;justify-content:center!important}
  .course-menu-fab{right:12px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;padding:11px 15px!important}
  .options-panel{top:66px!important;right:8px!important;width:calc(100vw - 16px)!important}
}



/* ── Stable Release readability + numeric font size control ── */
:root{--sac-ui-font-size:17px;--sac-ui-line-height:1.65}
html{font-size:var(--sac-ui-font-size)!important}
body{font-size:var(--sac-ui-font-size)!important;line-height:var(--sac-ui-line-height)!important}
.main,.card,.hero,.sidebar,.footer,.options-panel,.day-tabs button,.btn,.link-btn,.res-row,.checklist li,.callout,.tbl,.mini,.resource-mini,.daily-note,.daily-check-item,.notes-ta{font-size:1rem!important}
.card p,.hero p,.sec .sub,.res-row small,.mini small,.tbl td,.tbl th{font-size:.98rem!important;line-height:1.65!important}
.card h3{font-size:1.08rem!important}.card h4{font-size:1rem!important}.sec h2{font-size:1.45rem!important}.hero h1{font-size:2.08rem!important}.crumb{font-size:.9rem!important}
.day-tabs{gap:8px!important}.day-tabs button{padding:9px 17px!important;font-weight:800!important}
.font-size-control{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px}
.font-size-control input{width:100%;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:0 10px;font:inherit;font-weight:750;text-align:center}
.font-step{height:36px;min-width:38px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-weight:900}
.font-step:hover,.font-size-reset:hover{border-color:var(--blue);color:var(--blue);background:var(--blue2)}
.font-size-reset{height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-weight:800;padding:0 10px;margin-top:8px}
.font-size-hint{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem!important;margin-top:6px}
.daily-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.daily-check-item{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--line);line-height:1.55}.daily-check-item:last-child{border-bottom:0}.daily-check-item input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:3px}.notes-ta{width:100%;min-height:160px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:13px 14px;line-height:1.6;outline:0}.notes-ta:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,99,246,.10)}.save-note-btn{margin-top:10px}.saved-ok{display:inline-block;margin-left:8px;color:var(--green);font-weight:800}
@media(max-width:900px){:root{--sac-ui-font-size:17px}.daily-check-grid{grid-template-columns:1fr}.hero h1{font-size:1.75rem!important}.sec h2{font-size:1.32rem!important}.day-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.day-tabs button{white-space:nowrap}}

/* v1.4 accessibility additions */
.skip-link{
  position:fixed;
  left:12px;
  top:12px;
  z-index:10000;
  padding:10px 14px;
  border-radius:10px;
  background:#fff;
  color:#0b3470;
  font-weight:800;
  box-shadow:0 4px 18px rgba(0,0,0,.24);
  transform:translateY(-180%);
  transition:transform .15s ease;
}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,textarea,select):focus-visible{
  outline:3px solid currentColor;
  outline-offset:3px;
}

/* v1.14.5: bridge only the 6px trigger-to-panel gap, never the trigger row. */
@media (min-width:1367px) and (pointer:fine) and (hover:hover){
  .mega-dd > .mega-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-6px;
    height:6px;
  }
  .mega-dd > .mega-menu{
    top:44px;
  }
}

/* v1.9.2 native form-control and scrollbar colors */
:root{
  color-scheme: light;
  scrollbar-color: #8796aa #e7edf5;
}
body.dark{
  color-scheme: dark;
  scrollbar-color: #6f8198 #172235;
}
input[type="checkbox"]{
  accent-color: var(--blue);
}
body:not(.dark) input[type="checkbox"]{
  background:#fff;
  color:#fff;
}
body:not(.dark) *{
  scrollbar-color:#8796aa #e7edf5;
}
body.dark *{
  scrollbar-color:#6f8198 #172235;
}
::-webkit-scrollbar{
  width:11px;
  height:11px;
}
::-webkit-scrollbar-track{
  background:#e7edf5;
}
::-webkit-scrollbar-thumb{
  background:#8796aa;
  border:2px solid #e7edf5;
  border-radius:999px;
}
body.dark ::-webkit-scrollbar-track{
  background:#172235;
}
body.dark ::-webkit-scrollbar-thumb{
  background:#6f8198;
  border-color:#172235;
}

/* v1.10.1 iPad/tablet header and supplied brand assets */
.brand picture{
  display:flex;
  align-items:center;
  height:100%;
  min-width:0;
}
.brand picture img{
  display:block;
  width:auto;
  height:38px;
  max-width:190px;
  object-fit:contain;
}

@media (max-width:1366px){
  .top{
    height:64px!important;
    display:grid!important;
    grid-template-columns:48px 42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .brand{
    width:44px!important;
    max-width:44px!important;
    min-width:44px!important;
    height:44px!important;
    overflow:visible!important;
  }
  .brand picture,
  .brand picture img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    object-fit:contain!important;
    border-radius:11px!important;
  }
  .mobile-menu-btn{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    z-index:1702!important;
  }
  #topNav.nav{
    display:none!important;
    position:fixed!important;
    top:calc(64px + env(safe-area-inset-top))!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100dvh - 88px)!important;
    overflow:auto!important;
    background:var(--panel)!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    box-shadow:var(--shadow-lg)!important;
    padding:10px!important;
    z-index:1701!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.nav-open #topNav.nav{display:flex!important}
  #topNav.nav>a,
  #topNav.nav>.dd>button{
    width:100%!important;
    height:auto!important;
    min-height:46px!important;
    justify-content:space-between!important;
    padding:11px 12px!important;
    text-align:left!important;
    font-size:.94rem!important;
  }
  #topNav .dd{width:100%!important}
  #topNav .dd-menu,
  #topNav .mega-dd .mega-menu,
  #topNav .mega-dd .dd-menu.resources-mega{
    position:static!important;
    display:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-shadow:none!important;
    border:1px solid var(--line)!important;
    margin-top:6px!important;
    padding:10px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    background:var(--bg)!important;
    border-radius:14px!important;
  }
  #topNav .dd.open>.dd-menu{display:block!important}
  #topNav .mega-dd.open>.mega-menu{display:grid!important}
  #topNav .mega-col{padding:9px!important;min-width:0!important}
  #topNav .mega-col a{
    min-height:54px!important;
    margin-bottom:7px!important;
    overflow-wrap:anywhere!important;
  }
  .top-actions{
    justify-self:end!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .top-actions>.icon-btn,
  .top-actions>.opt-wrap{transform:none!important}
  .top-actions .top-search{display:none!important}
  .app{padding-top:64px!important}
}

/* v1.11.2 About mega menu */
.about-mega{
  grid-template-columns:repeat(3,minmax(190px,1fr));
  min-width:min(760px,calc(100vw - 32px));
}
@media (max-width:1366px){
  .about-mega{
    min-width:0!important;
    grid-template-columns:1fr!important;
  }
}
.resource-filter-panel{margin:18px 0 24px;padding:16px;border:1px solid #c5d4e7;border-radius:16px;background:linear-gradient(135deg,#f7faff 0%,#edf4fd 100%);box-shadow:0 8px 22px rgba(15,42,80,.08)}
.resource-filter-head{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px 12px;border-bottom:1px solid #cfdded}
.resource-filter-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-size:1rem}
.resource-filter-title{margin:0;color:var(--text);font-size:1rem;font-weight:850}
.resource-filter-note{margin:2px 0 0;color:var(--muted);font-size:.82rem}
.resource-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(120px,1fr)) auto;gap:12px;align-items:end}
.resource-filters label{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #cfdded;border-radius:12px;background:rgba(255,255,255,.76);color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.resource-filters input,.resource-filters select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #b9c9de;border-radius:9px;background:#fff;color:var(--text);font:inherit;text-transform:none;letter-spacing:normal}
.resource-filters input:focus,.resource-filters select:focus{outline:3px solid rgba(37,99,235,.22);border-color:var(--blue)}
.resource-clear{white-space:nowrap;justify-self:end;min-height:64px}
.resource-card{display:flex;flex-direction:column;gap:10px}
.resource-card[hidden]{display:none}
.resource-meta{display:flex;gap:7px;flex-wrap:wrap}
.resource-provider{color:var(--muted);font-size:.86rem;font-weight:700}
.resource-visit{align-self:flex-start;margin-top:auto}
.resource-empty{text-align:center;padding:28px}
@media(max-width:1366px){.resource-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-search{grid-column:span 2}.resource-clear{justify-self:stretch;justify-content:center}}
@media(max-width:900px){.resource-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-search{grid-column:1/-1}}
@media(max-width:680px){.resource-filter-panel{padding:13px}.resource-filter-note{display:none}.resource-filters{grid-template-columns:1fr}.resource-search,.resource-clear{grid-column:auto}.resource-clear{width:100%;min-height:46px;justify-content:center}}

/* v1.16.4 compact resource library */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.resource-card{gap:7px;padding:15px;min-height:0}
.resource-card h3{margin:1px 0;font-size:1rem;line-height:1.3}
.resource-card>p:not(.resource-provider){margin:0;font-size:.86rem;line-height:1.45}
.resource-provider{margin:0;font-size:.78rem;line-height:1.35}
.resource-meta{gap:5px}
.resource-meta .tag{font-size:.65rem;padding:4px 7px}
.resource-visit{min-height:38px;padding:8px 11px;font-size:.8rem}
@media(max-width:1180px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.resource-grid{grid-template-columns:1fr}.resource-card{padding:14px}}

/* v1.20 download file details */
.download-details{display:grid;gap:5px;margin:2px 0 4px;padding:9px;border:1px solid #dbe5f1;border-radius:10px;background:rgba(247,250,255,.8)}
.download-details div{display:grid;grid-template-columns:52px 1fr;gap:7px;font-size:.75rem;line-height:1.35}
.download-details dt{color:var(--muted);font-weight:800}
.download-details dd{margin:0;color:var(--text);font-weight:650}

/* v1.29 crawlable Blog aligned to the approved full-width site shell */
.blog-site-shell{min-height:100vh;padding-top:62px}
.blog-main{width:100%;max-width:none;margin:0;padding:26px 32px 24px}
.blog-main>.crumb{margin-bottom:16px}
.blog-hero{display:flex;align-items:center;min-height:280px;margin-bottom:30px;padding:44px 46px}
.blog-hero-copy{position:relative;z-index:1;max-width:840px}
.blog-hero h1{max-width:780px;font-size:2.15rem}
.blog-hero p{max-width:720px;margin-bottom:22px;font-size:1rem}
.blog-hero-stats{display:flex;flex-wrap:wrap;gap:10px}
.blog-hero-stats span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.12);font-size:.78rem;font-weight:700}
.blog-hero-stats b{font-size:1rem;color:#fff}
.blog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}
.blog-section-head h2{margin:0;color:var(--ink);font-size:1.38rem}
.blog-section-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}
.blog-filter-panel{margin:0 0 24px}
.blog-filters{grid-template-columns:minmax(300px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto}
.blog-grid{align-items:stretch}
.blog-card{position:relative;overflow:hidden;border-top:3px solid var(--blue);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.blog-card[data-path="No-Code"]{border-top-color:var(--green)}
.blog-card:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:var(--shadow-lg)}
.blog-card h2{margin:3px 0 2px;font-size:1rem;line-height:1.38}
.blog-card h2 a{color:var(--ink);text-decoration:none}
.blog-card h2 a:hover{text-decoration:underline;color:var(--blue)}
.blog-card>p:not(.resource-provider){flex:1;margin:0;font-size:.84rem;line-height:1.5}
.blog-card .resource-provider{padding-top:4px;border-top:1px solid var(--line)}
.blog-card .resource-visit{width:100%;justify-content:center}
.blog-article{max-width:960px;margin:0 auto}
.blog-article-hero{margin-bottom:22px}
.blog-article-hero .resource-meta{position:relative;z-index:1;margin-bottom:12px}
.blog-article-hero .tag{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.16);color:#fff}
.blog-article-hero h1{max-width:760px;font-size:2.1rem}
.blog-article-hero .blog-byline{position:relative;z-index:1;margin-bottom:0;color:#e8efff;opacity:1}
.blog-copy{padding:30px 34px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);font-size:1rem;line-height:1.75}
.blog-copy h2{margin-top:28px;padding-top:4px;font-size:1.25rem}
.blog-copy>h2:first-child{margin-top:0;padding-top:0}
.blog-copy p{color:var(--ink)}
.blog-steps{display:grid;gap:10px;padding-left:26px}
.blog-steps li{padding-left:6px}
.blog-figure{margin:26px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}
body.dark .blog-figure{background:linear-gradient(135deg,#142b4d,#101d33)}
.blog-figure figcaption{margin-top:12px;color:var(--muted);font-size:.88rem;font-weight:800;text-align:center}
.blog-diagram{display:flex;align-items:stretch;justify-content:center;gap:10px}
.blog-diagram-node{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border:1px solid #bfdbfe;border-radius:14px;background:#fff;color:#17345f;font-size:.86rem;font-weight:800;text-align:center;box-shadow:0 4px 12px rgba(15,23,42,.06)}
body.dark .blog-diagram-node{border-color:#315278;background:#152641;color:#eef4ff}
.blog-diagram-node b{display:inline-grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:#0b5fd7;color:#fff;font-size:.75rem}
.blog-diagram-arrow{align-self:center;color:#0b5fd7;font-size:1.4rem;font-weight:900}
.blog-curriculum-links{display:grid;gap:8px;padding-left:22px}
.blog-related{margin-top:34px}
.blog-main>.footer{margin-top:auto}
@media(max-width:1180px){.blog-site-shell{padding-top:64px}}
@media(max-width:900px){.blog-main{padding:20px 16px 56px}.blog-hero{min-height:0;padding:32px 26px}.blog-hero h1,.blog-article-hero h1{font-size:1.7rem}.blog-filters{grid-template-columns:1fr 1fr}.blog-filters .resource-search,.blog-filters .resource-clear{grid-column:1/-1}.blog-copy{padding:24px}.blog-section-head{align-items:flex-start}}
@media(max-width:640px){.blog-site-shell{padding-top:64px}.blog-main{padding:16px 12px 52px}.blog-hero{padding:26px 20px}.blog-hero h1,.blog-article-hero h1{font-size:1.45rem}.blog-hero-stats{display:grid;grid-template-columns:1fr}.blog-hero-stats span{justify-content:center}.blog-section-head{align-items:flex-start}.blog-filters{grid-template-columns:1fr}.blog-filters .resource-search,.blog-filters .resource-clear{grid-column:auto}.blog-copy{padding:20px 17px;border-radius:16px}.blog-diagram{flex-direction:column}.blog-diagram-arrow{align-self:center;transform:rotate(90deg)}}
@media print{.blog-site-shell{padding-top:0}.blog-main{max-width:none;padding:0}.blog-main>.footer,#toTop{display:none!important}.blog-copy{border:0;box-shadow:none;padding:0}}

/* V1.29 public-content copying deterrent. Interactive controls remain usable. */
body{-webkit-user-select:none;user-select:none}
input,textarea,select,option,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
@media print{body{-webkit-user-select:text;user-select:text}}
.copyright-use{margin-top:12px;color:#cbd5e1;font-size:.8rem;line-height:1.55}