@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d3029;--muted:#718078;--green:#315d4a;--green2:#47785e;--pale:#edf3ed;--paper:#fbfcfa;--line:#e7ece6;--peach:#f7e8dc;--yellow:#f5f0d9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#f2f6f1;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:var(--ink);text-decoration:none;margin:0 0 62px 4px}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center;font:800 20px Manrope}.brand-dot{color:#8ba88f}.side-label,.section-kicker,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#849187}.side-label{padding:0 12px 13px}.side-nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;text-align:left;padding:12px;border-radius:9px;color:#66756c;font:600 13px 'DM Sans';cursor:pointer}.nav-link span{display:inline-block;width:27px;font-size:17px}.nav-link.active,.nav-link:hover{background:#e4ede3;color:var(--green)}.sidebar-note{margin-top:auto;padding:17px 15px;background:#e6eee5;border-radius:12px}.note-icon{color:var(--green);font-size:19px}.sidebar-note strong{display:block;font:700 13px Manrope;margin:10px 0 5px}.sidebar-note p{font-size:11px;line-height:1.6;color:#6f7e73;margin:0}.account-mini{display:flex;gap:10px;align-items:center;padding:20px 2px 0;margin-top:20px;border-top:1px solid #dfe7df}.avatar{width:33px;height:33px;background:#d9e5d8;color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:700}.account-mini strong,.account-mini small{display:block}.account-mini strong{font-size:11px}.account-mini small{font-size:10px;color:var(--muted);margin-top:3px}.main{margin-left:238px;padding:0 48px;max-width:1600px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:10px;letter-spacing:1.2px;color:#9aa49c;font-weight:700}.breadcrumb span{padding:0 10px;color:#c2cbc2}.breadcrumb b{color:#53665a}.top-actions{display:flex;align-items:center;gap:19px}.text-button,.subtle-link,.back-link{border:0;background:none;color:var(--green);font:700 12px 'DM Sans';cursor:pointer}.small-primary{border:0;background:var(--green);color:white;padding:10px 15px;border-radius:7px;font:600 11px 'DM Sans';cursor:pointer}.mobile-menu{display:none}.page{display:none;padding:42px 0 20px}.page.active{display:block}.hero{background:#edf3ed;border-radius:17px;min-height:315px;display:flex;align-items:center;justify-content:space-between;padding:42px 6.5%;overflow:hidden;position:relative}.hero-copy{max-width:510px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;color:#6e8673}.eyebrow-dot{width:7px;height:7px;background:#7ea284;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.8px}.hero h1{font-size:43px;line-height:1.16;margin:22px 0 13px;font-weight:700}.hero h1 em{font-style:normal;color:#63846a}.hero-copy>p{font-size:13px;line-height:1.8;color:#718078;max-width:410px;margin-bottom:22px}.primary-button{border:0;border-radius:7px;background:var(--green);color:white;padding:13px 17px;font:700 12px 'DM Sans';cursor:pointer;transition:.2s}.primary-button:hover,.small-primary:hover{background:#244b3a;transform:translateY(-1px)}.primary-button span{padding-left:15px;font-size:16px}.hero-art{width:310px;height:260px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #c9d9c9;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:260px;height:150px}.orbit-two{width:205px;height:240px;transform:rotate(55deg)}.gut-shape{height:145px;width:112px;border:12px solid #8daa8d;border-radius:45% 40% 45% 42%;position:relative;transform:rotate(-8deg);background:#d9e7d8;box-shadow:inset 0 0 0 7px #edf3ed}.gut-line{position:absolute;width:52px;height:34px;border:5px solid #66886c;border-left:0;border-radius:0 22px 22px 0;left:19px;top:18px}.line-two{top:51px;left:24px;transform:rotate(180deg)}.line-three{top:83px;left:18px}.float-dot{position:absolute;width:12px;height:12px;background:#c4a77f;border-radius:50%}.dot-a{top:37px;right:42px}.dot-b{bottom:42px;left:40px;width:8px;height:8px;background:#91aa91}.dot-c{top:65px;left:22px;width:6px;height:6px}.art-caption{position:absolute;bottom:1px;font-size:10px;letter-spacing:1.2px;color:#829487;text-transform:uppercase}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin:38px 0 23px}.welcome-row h2{font-size:20px;margin:8px 0 0}.progress-summary{display:flex;align-items:center;gap:12px}.progress-ring{width:44px;height:44px;border-radius:50%;border:3px solid #dce8dc;border-top-color:#64866b;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--green)}.progress-summary strong,.progress-summary small{display:block}.progress-summary strong{font-size:11px}.progress-summary small{color:var(--muted);font-size:10px;margin-top:3px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h3{font-size:15px;margin:0}.subtle-link{font-size:11px}.path-card{display:grid;grid-template-columns:42% 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;min-height:190px}.path-visual{position:relative;min-height:190px;overflow:hidden}.visual-micro{background:#dce9dc;background-image:radial-gradient(#bfd2bd 1px,transparent 1px);background-size:15px 15px}.visual-label{position:absolute;left:17px;bottom:14px;font-size:9px;font-weight:700;letter-spacing:1px;color:#68806b}.microbe{position:absolute;border-radius:50%;border:2px solid #759879;background:#a8c2a4}.m1{width:48px;height:48px;top:38px;left:22%}.m2{width:29px;height:29px;top:89px;left:55%;background:#e8d9b9;border-color:#b5a17b}.m3{width:38px;height:38px;top:27px;left:68%;background:#c4d2df;border-color:#879bad}.m4{width:19px;height:19px;top:110px;left:28%;background:#e4c7b9;border-color:#b88e7d}.path-info{padding:23px 22px;display:flex;flex-direction:column}.tag{font-size:9px;letter-spacing:1px;color:#7b927d;font-weight:700}.path-info h3{font-size:18px;margin:10px 0 7px}.path-info p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:15px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.muted{color:#89958c;font-size:10px}.round-arrow{width:29px;height:29px;border:0;border-radius:50%;background:#edf3ed;color:var(--green);font-size:17px;cursor:pointer}.second-heading{margin-top:30px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-card{position:relative;text-align:left;border:1px solid var(--line);background:white;border-radius:10px;padding:14px 12px;cursor:pointer;min-height:125px}.topic-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-size:18px;margin-bottom:12px}.peach{background:var(--peach);color:#a87556}.green{background:#e5efe4;color:#628468}.yellow{background:var(--yellow);color:#9d8a4c}.topic-card strong,.topic-card small{display:block}.topic-card strong{font:700 11px Manrope}.topic-card small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px}.topic-arrow{position:absolute;right:12px;top:13px;color:#a2afa3}.right-column{display:grid;align-content:start;gap:14px}.daily-card{padding:20px;background:#f4f1e7;border-radius:11px}.daily-top{display:flex;align-items:center;gap:9px}.daily-icon{font-size:19px;color:#a58c4e}.daily-card .tag{color:#96885d}.daily-card h3{font-size:17px;line-height:1.3;margin:17px 0 8px}.daily-card p{font-size:11px;line-height:1.75;color:#7f7b69;margin-bottom:14px}.daily-card .subtle-link{color:#7b754e}.disclaimer-card{display:flex;gap:10px;padding:14px;background:#f4f7f3;border:1px solid var(--line);border-radius:9px;color:#6d7d70}.disclaimer-card>span{font-size:16px}.disclaimer-card p{font-size:10px;line-height:1.65;margin:0}.disclaimer-card strong{color:#405c49}.page-intro{margin:15px 0 28px}.page-intro h1{font-size:34px;margin:10px 0}.page-intro p{color:var(--muted);font-size:13px}.lesson-list{display:grid;gap:12px;max-width:850px}.lesson-row{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid var(--line);background:white;border-radius:10px}.lesson-number{width:39px;height:39px;border-radius:10px;background:#edf3ed;color:var(--green);display:grid;place-items:center;font:700 13px Manrope}.lesson-meta{flex:1}.lesson-meta strong{display:block;font:700 13px Manrope}.lesson-meta small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.lesson-row button{border:0;background:#edf3ed;color:var(--green);padding:9px 13px;border-radius:6px;font-weight:700;cursor:pointer}.back-link{margin-bottom:24px}.lesson-article{max-width:760px;background:white;border:1px solid var(--line);border-radius:13px;padding:34px}.lesson-article h1{font-size:30px;margin:10px 0}.lesson-article p{color:#596a60;line-height:1.9;font-size:14px}.lesson-article h2{font-size:19px;margin-top:28px}.key-point{background:#edf3ed;border-left:3px solid #709276;padding:16px;margin:22px 0;border-radius:0 8px 8px 0;line-height:1.7;color:#4d6653}.quiz-panel{max-width:700px;background:white;border:1px solid var(--line);border-radius:12px;padding:27px}.quiz-progress{font-size:10px;color:#829087;letter-spacing:1px}.quiz-panel h2{font-size:20px;margin:15px 0 20px}.quiz-options{display:grid;gap:9px}.quiz-option{padding:13px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;color:#4f6055}.quiz-option:hover{border-color:#9db69e;background:#f7faf6}.quiz-option.correct{border-color:#78a17b;background:#edf5ec}.quiz-option.wrong{border-color:#d4a18e;background:#fbf0eb}.quiz-feedback{padding:14px;background:#f2f6f1;border-radius:8px;margin-top:15px;font-size:12px;line-height:1.7}.quiz-next{margin-top:17px}.flash-wrap{max-width:600px;margin:0 auto;text-align:center}.flash-count{font-size:10px;letter-spacing:1.4px;color:#829087;margin:10px 0 15px}.flashcard{width:100%;min-height:280px;border:1px solid #dfe9df;border-radius:16px;background:#edf3ed;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);box-shadow:0 10px 30px #203b2810}.flash-hint{font-size:9px;letter-spacing:1.5px;color:#829487;margin-bottom:25px}.flashcard strong{font:700 24px Manrope;max-width:400px}.flashcard small{display:none;font-size:14px;line-height:1.8;color:#5f7164;max-width:440px;margin-top:20px}.flashcard.flipped{background:#f6f1e6}.flashcard.flipped small{display:block}.flash-controls{display:flex;justify-content:center;gap:12px;margin-top:18px}.outline-button{border:1px solid var(--line);background:white;border-radius:7px;padding:12px 17px;color:var(--green);font-weight:700;cursor:pointer}footer{border-top:1px solid var(--line);padding:22px 0;margin-top:38px;display:flex;justify-content:space-between;color:#9aa49b;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#17251f88;display:grid;place-items:center;z-index:20;padding:20px}.modal-backdrop[hidden]{display:none}.auth-modal{width:min(100%,420px);background:white;border-radius:15px;padding:31px;position:relative;box-shadow:0 20px 80px #10201633}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;color:#809087;cursor:pointer}.modal-brand{margin:0 0 26px;font-size:19px}.modal-brand .brand-mark{width:27px;height:27px;font-size:17px}.auth-modal h2{font-size:25px;margin:9px 0}.auth-modal>p{font-size:12px;color:var(--muted);line-height:1.6}.auth-modal form{display:grid;gap:15px;margin-top:23px}.auth-modal label{font-size:11px;font-weight:700;color:#53665a}.auth-modal input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);border-radius:7px;font:13px 'DM Sans';outline:none}.auth-modal input:focus{border-color:#85a58a}.auth-submit{width:100%;margin-top:4px}.auth-switch{text-align:center;margin:18px 0 0}.auth-switch button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.auth-message{min-height:16px!important;color:var(--green)!important}.privacy-note{display:block;color:#99a39b;font-size:9px;line-height:1.5;margin-top:18px}
@media(max-width:1050px){.main{padding:0 28px}.hero{padding:35px 5%}.hero h1{font-size:36px}.hero-art{width:240px}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:250px;box-shadow:10px 0 30px #17251f10}.sidebar.open{transform:translateX(0)}.main{margin:0;padding:0 18px}.topbar{height:66px}.mobile-menu{display:block;border:0;background:none;font-size:20px;color:var(--green)}.breadcrumb{margin-right:auto;margin-left:12px;font-size:8px}.top-actions{gap:10px}.text-button{font-size:11px}.small-primary{padding:9px;font-size:10px}.page{padding-top:23px}.hero{min-height:0;padding:28px 23px}.hero h1{font-size:32px}.hero-art{position:absolute;right:-90px;opacity:.25}.hero-copy{max-width:100%}.hero-copy>p{max-width:290px}.welcome-row{align-items:flex-start;gap:15px}.welcome-row h2{font-size:17px;max-width:230px}.progress-summary{gap:7px}.progress-ring{width:38px;height:38px}.progress-summary strong{font-size:9px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.path-card{grid-template-columns:35% 1fr}.path-info{padding:17px 14px}.path-info h3{font-size:15px}.path-info p{font-size:10px}.topic-grid{gap:7px}.topic-card{padding:11px 9px}.topic-card small{font-size:8px}.daily-card{padding:15px}.daily-card h3{font-size:15px}.disclaimer-card{padding:11px}.disclaimer-card p{font-size:9px}.lesson-article{padding:22px}.lesson-article h1{font-size:25px}footer{font-size:9px}}
@media(max-width:430px){.right-column{grid-template-columns:1fr}.path-card{grid-template-columns:1fr}.path-visual{min-height:115px}.topic-card{min-height:118px}.topic-card strong{font-size:10px}.breadcrumb{letter-spacing:.5px}.top-actions{gap:7px}.small-primary{padding:8px}.welcome-row{display:block}.progress-summary{margin-top:15px}}

.admin-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:23px}.admin-tab{border:0;background:none;padding:11px 15px;color:#7c8a80;font:600 12px 'DM Sans';cursor:pointer;border-bottom:2px solid transparent}.admin-tab.active{color:var(--green);border-color:var(--green)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-toolbar h2,.editor-heading h2{font:700 19px Manrope;margin:0 0 5px}.admin-toolbar p{color:var(--muted);font-size:11px;margin:0}.admin-list{display:grid;gap:10px;max-width:900px}.admin-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.admin-item-main{flex:1;min-width:0}.admin-item-main strong{display:block;font:700 12px Manrope}.admin-item-main small{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{font-size:9px;letter-spacing:.6px;padding:5px 8px;border-radius:20px;background:#f3f4ef;color:#7e897d}.status-pill.live{background:#e8f2e8;color:#4c7955}.item-actions{display:flex;gap:7px}.item-actions button{border:1px solid var(--line);background:white;color:var(--green);border-radius:6px;padding:7px 9px;font:600 10px 'DM Sans';cursor:pointer}.item-actions button.delete{color:#a15e50}.admin-notice{background:#f4f1e7;color:#786d49;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.6;margin-bottom:18px}.admin-notice.success{background:#edf5ed;color:#527258}.admin-editor{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;max-width:720px;margin:20px 0}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-editor form{display:grid;gap:13px}.admin-editor label{font-size:11px;font-weight:700;color:#53665a}.admin-editor input:not([type=checkbox]),.admin-editor textarea,.admin-editor select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid var(--line);border-radius:7px;font:12px 'DM Sans';color:var(--ink);background:white}.admin-editor textarea{resize:vertical;line-height:1.6}.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus{outline:1px solid #85a58a}.admin-editor .check-label{display:flex;align-items:center;gap:9px}.check-label input{accent-color:var(--green)}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.admin-help{max-width:900px;background:#f3f6f1;border-radius:9px;padding:16px;margin-top:25px}.admin-help strong{font:700 12px Manrope}.admin-help p{font-size:11px;color:var(--muted);line-height:1.7;margin:6px 0 0}.empty-admin{padding:28px;text-align:center;border:1px dashed #d8e2d8;border-radius:10px;color:var(--muted);font-size:12px}
@media(max-width:600px){.admin-toolbar{align-items:flex-start;gap:12px}.admin-toolbar h2{font-size:16px}.admin-item{flex-wrap:wrap}.item-actions{width:100%;justify-content:flex-end}.status-pill{margin-left:auto}.admin-editor{padding:16px}}


/* =============================================================
   GUT FEELING · DEEP EMERALD DESIGN SYSTEM
   Dark immersive canvas / luminous emerald / calm reading cards
   ============================================================= */
:root {
  --ink:#17382e;
  --muted:#647c72;
  --green:#116b53;
  --green2:#16866a;
  --pale:#e8f5ef;
  --paper:#063c32;
  --line:#dbeae2;
  --peach:#faeee3;
  --yellow:#f8f2de;
  --emerald-dark:#052c26;
  --emerald-mid:#0b5143;
  --emerald-light:#b7ecd2;
  --offwhite:#f7fbf8;
}
html { color-scheme:light; }
body {
  background:radial-gradient(circle at 81% 4%, #145847 0, transparent 36%),
             linear-gradient(160deg,#073b32 0%,#06372f 48%,#042d28 100%);
  background-attachment:fixed;
  color:#eaf5ee;
}
::selection { background:#8fdbb5; color:#07392f; }
.sidebar {
  background:linear-gradient(180deg,#052d27 0%,#042720 100%);
  border-right:1px solid #286352;
  box-shadow:9px 0 30px #001c191c;
}
.brand { color:#f7fff9; font-size:21px; letter-spacing:-.9px; }
.brand-mark {
  background:#b7ebcf; color:#06372c;
  border-radius:11px;
  box-shadow:0 3px 14px #b9f0c52e;
}
.brand-dot { color:#9ee1b7; }
.side-label { color:#92b9aa; }
.nav-link { color:#c0d9ce; }
.nav-link.active,.nav-link:hover { background:#145b4a; color:#e4ffe9; }
.sidebar-note { background:#0d4439; border:1px solid #25614f; color:#effff3; }
.note-icon { color:#bbefca; }
.sidebar-note p { color:#a6cbbb; }
.account-mini { border-color:#256151; color:#e8f5ee; }
.account-mini small { color:#a1c3b4; }
.avatar { background:#1a624e; color:#d9ffe5; }
.topbar { border-bottom:1px solid #316e5b; }
.breadcrumb { color:#a7c9b9; }
.breadcrumb span { color:#749b8d; }
.breadcrumb b { color:#e8f5ee; }
.text-button { color:#d3f9e4; }
.small-primary,.primary-button { background:#b4e9c9; color:#073b2f; }
.small-primary:hover,.primary-button:hover { background:#d0f8dd; color:#062e25; }
.page-intro h1,.welcome-row h2,.section-heading h3 { color:#f4fff7; }
.page-intro p { color:#bdd5ca; }
.section-kicker { color:#aad9be; }
.welcome-row .section-kicker { color:#a3d0b7; }
.hero {
  background:radial-gradient(circle at 82% 46%,#236e56 0%,transparent 36%),
             linear-gradient(115deg,#0f5c49 0%,#0b483d 100%);
  border:1px solid #338169;
  box-shadow:0 14px 36px #001e1b30;
}
.hero h1 { color:#f5fff8; }
.hero h1 em { color:#bcefc9; }
.eyebrow { color:#b7e3c8; }
.eyebrow-dot { background:#bdf3cd; }
.hero-copy>p { color:#c4e2d4; }
.orbit { border-color:#6daf94; }
.gut-shape { border-color:#b0dbb8; background:#35745d; box-shadow:inset 0 0 0 7px #1d604e; }
.gut-line { border-color:#d2edc9; }
.dot-a { background:#e7cca0; }
.dot-b { background:#95dbb4; }
.art-caption { color:#b7dec5; }
.progress-ring { border-color:#285f51; border-top-color:#b4e9c9; color:#f4fff7; }
.progress-summary strong { color:#f6fff9; }
.progress-summary small { color:#b5d7c8; }
.path-card,.topic-card,.lesson-row,.lesson-article,.quiz-panel,.admin-item,.admin-editor {
  background:#f9fcfa;
  border-color:#d5e7de;
  color:var(--ink);
  box-shadow:0 8px 22px #001e171a;
}
.path-info p,.topic-card small,.lesson-meta small,.lesson-article p { color:#5f776b; }
.path-info .tag,.tag { color:#4c806a; }
.visual-micro { background-color:#d7ecdf; background-image:radial-gradient(#b4d4c1 1px,transparent 1px); }
.visual-label { color:#416c58; }
.round-arrow,.lesson-number,.lesson-row button { background:#e0f3e7; color:#075c47; }
.topic-card:hover,.lesson-row:hover,.quiz-option:hover { border-color:#9cccb0; }
.topic-arrow { color:#689f85; }
.daily-card { background:#e8f4e8; color:var(--ink); box-shadow:0 8px 22px #001e171a; }
.daily-card p { color:#5f776a; }
.daily-card .subtle-link { color:#146b53; }
.disclaimer-card { background:#104b3f; border-color:#31715b; color:#c5e4d3; }
.disclaimer-card strong { color:#f0fff4; }
.disclaimer-card p { color:#c5e4d3; }
.subtle-link,.back-link { color:#b5ebcb; }
.path-card .subtle-link,.daily-card .subtle-link,.auth-modal .subtle-link { color:var(--green); }
.tag { letter-spacing:1px; }
.lesson-row button:hover,.round-arrow:hover { background:#c5ead3; }
.lesson-article .tag { color:#347e60; }
.lesson-article h1,.lesson-article h2 { color:#153b2c; }
.key-point,.quiz-feedback { background:#e8f5ec; color:#2c5942; border-color:#73b18d; }
.quiz-panel h2 { color:#173b2e; }
.quiz-option { color:#254a39; }
.quiz-option:hover { background:#eef9f1; }
.quiz-option.correct { background:#e4f6e8; border-color:#6cab86; }
.flash-count { color:#c8e9d8; }
.flashcard { background:#e6f4e9; border-color:#91bfa4; box-shadow:0 16px 35px #001c182a; }
.flashcard.flipped { background:#f3efdf; }
.flashcard strong { color:#123e2d; }
.flashcard small { color:#496959; }
.flash-hint { color:#4d8266; }
.outline-button { background:#f5faf7; border-color:#c3e0ce; color:#0d604c; }
.outline-button:hover { background:#e4f4e9; }
footer { border-color:#2a6855; color:#a6c6b5; }
.admin-tab { color:#bedccc; }
.admin-tab.active { color:#bcf2cf; border-color:#bcf2cf; }
.admin-toolbar h2 { color:#f5fff8; }
.admin-toolbar p { color:#b8d8c6; }
.admin-item-main small { color:#6b8678; }
.status-pill { color:#50685a; }
.admin-notice { background:#e9f3e6; color:#3c6451; }
.admin-notice.success { background:#dff5e5; color:#31644a; }
.admin-editor label { color:#315d46; }
.admin-editor .editor-heading h2 { color:#17382e; }
.admin-editor .modal-close { color:#426d58; }
.admin-help { background:#10493c; border:1px solid #2c705a; color:#eefdf1; }
.admin-help p { color:#bcd9c8; }
.empty-admin { border-color:#48816a; color:#c6dfd0; }
.auth-modal { background:#fcfffc; color:#17382e; }
.auth-modal .brand { color:#17382e; }
.auth-modal .brand-mark { background:#12614c; color:#f3fff7; }
.auth-modal .brand-dot { color:#22886a; }
.auth-modal label { color:#42634f; }
.auth-modal input:focus,.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus { border-color:#1d8b69; outline-color:#1d8b69; }
.auth-modal .primary-button { background:#09674d; color:white; }
.auth-modal .primary-button:hover { background:#07553f; }
.auth-switch button { color:#087053; }
.auth-message { color:#096a51!important; }
.mobile-menu { color:#d0f5dc; }
@media(max-width:760px) {
  .sidebar { box-shadow:12px 0 30px #031f1dd9; }
  .hero-art { opacity:.4; }
  .hero h1,.hero-copy>p { position:relative;z-index:1; }
}

/* Gut Feeling owner customizer layout options */
html.layout-hero-left .hero { flex-direction:row-reverse; }
html.layout-columns-stacked .content-grid { grid-template-columns:minmax(0,1fr); }
html.layout-columns-stacked .right-column { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start; }
html.layout-spacing-compact .page { padding-top:22px; }
html.layout-spacing-compact .welcome-row { margin:20px 0 15px; }
html.layout-spacing-compact .content-grid { gap:14px; }
html.layout-spacing-compact .path-info { padding:16px; }
html.layout-hide-topics .topic-grid,html.layout-hide-topics .second-heading { display:none; }
html.layout-hide-daily .daily-card { display:none; }
/* Preserve responsive layout regardless of the side preference. */
@media(max-width:800px){html.layout-hero-left .hero{flex-direction:column;}}

/* The owner customization panel uses the same restrained dark-emerald palette. */
.customize-button { border:1px solid #2e7358;background:#12533f;color:#e3fff0;border-radius:8px;padding:10px 13px;cursor:pointer;font:700 12px 'DM Sans',sans-serif; }
.customize-button:hover { background:#1d6a50; }
.customize-backdrop:not([hidden]) { position:fixed;inset:0;background:#00191299;z-index:100; }
.customize-drawer:not([hidden]) { position:fixed;right:0;top:0;bottom:0;width:min(455px,100vw);z-index:101;background:#f8fcf8;box-shadow:-12px 0 45px #001d1759;display:flex;flex-direction:column;color:#18372c;font-family:'DM Sans',sans-serif; }
.customize-header { padding:26px 25px 16px;border-bottom:1px solid #dbe7de;display:flex;align-items:flex-start;gap:10px;justify-content:space-between; }
.customize-header h2 { font:750 23px Manrope,sans-serif;margin:8px 0 6px; }
.customize-header p,.customize-footer p { color:#536f61;font-size:12px;line-height:1.55;margin:0; }
.customize-close { border:0;background:#e4eee7;border-radius:9px;font-size:23px;cursor:pointer;height:35px;width:35px;flex-shrink:0; }
.customize-scroll { padding:0 25px 18px;overflow:auto;flex:1; }
.customize-section { border-bottom:1px solid #dbe7de;padding:17px 0; }
.customize-section h3 { margin:0 0 14px;font-size:15px; }
.customize-section label { display:block;font-size:12px;font-weight:700;color:#355449;margin:0 0 13px; }
.customize-section label input:not([type="checkbox"]),.customize-section label textarea,.customize-section label select { display:block;margin-top:6px;width:100%;border:1px solid #bed0c5;border-radius:8px;font:400 13px 'DM Sans',sans-serif;padding:10px 11px;background:white;color:#17352a; }
.customize-section label textarea{resize:vertical;min-height:65px;}
.customize-section .customize-check { display:flex;align-items:center;gap:9px; }
.customize-section .customize-check input { accent-color:#166449; }
.customize-footer { padding:17px 25px 20px;border-top:1px solid #dbe7de;display:flex;gap:9px;flex-wrap:wrap; }
.customize-footer button { flex:1 1 175px;white-space:nowrap;font-size:11px; }
.customize-footer p { font-size:11px;flex:1 0 100%;margin-top:3px; }
.customize-message { font-size:12px;color:#26634e;margin:14px 0;min-height:18px; }
@media(max-width:620px){.customize-header,.customize-scroll,.customize-footer{padding-left:17px;padding-right:17px;}.top-actions{gap:9px;}.customize-button{padding:8px 9px;font-size:11px;}}
