:root{--teal-900:#0d3b38;--teal-800:#134e4a;--teal-700:#0f766e;--teal-600:#0d9488;--teal-500:#14b8a6;--teal-400:#2dd4bf;--teal-100:#ccfbf1;--teal-50:#f0fdfa;--bg:#f0faf9;--surface:#fff;--text-primary:#0d3b38;--text-body:#1e4a47;--text-muted:#4b7a76;--border:#b2dfdb;--warn-bg:#fffbeb;--warn-border:#f59e0b;--warn-text:#78350f;--red-bg:#fef2f2;--red-border:#f87171;--red-text:#7f1d1d;--blue-bg:#eff6ff;--blue-border:#60a5fa;--blue-text:#1e3a5f;--purple-bg:#faf5ff;--purple-border:#a78bfa;--purple-text:#3b0764;--green-bg:#f0fdf4;--green-border:#4ade80;--green-text:#14532d;--fs-xs:.74rem;--fs-sm:.84rem;--fs-base:.95rem;--fs-md:1rem;--fs-lg:1.18rem;--fs-xl:1.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:40px;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:22px;--shadow-sm:0 1px 2px #0d3b380f, 0 2px 6px #0d3b380d;--shadow-md:0 4px 14px #0d3b3814, 0 10px 30px #0d3b380f;--shadow-lg:0 12px 28px #0d3b381f, 0 28px 64px #0d3b381f;--ring:0 0 0 3px #0d948859;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1100px 600px at 12% -8%, #e3f7f4 0%, #e3f7f400 55%), radial-gradient(900px 520px at 100% 0%, #e8f6fb 0%, #e8f6fb00 50%), radial-gradient(800px 800px at 50% 120%, #e0f5f1 0%, #e0f5f100 60%), var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;flex-direction:column;align-items:center;min-height:100vh;padding:28px 20px;font-family:DM Sans,sans-serif;display:flex}.module-shell{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:780px;box-shadow:var(--shadow-lg);border:1px solid #b2dfdb66;overflow:hidden}:focus-visible{box-shadow:var(--ring);border-radius:8px;outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.header-bar{background:linear-gradient(135deg, var(--teal-900) 0%, var(--teal-700) 60%, var(--teal-600) 100%);color:#fff;padding:20px 30px 17px;position:relative;overflow:hidden}.header-bar:after{content:"";background:radial-gradient(circle at 30% 30%,#2dd4bf59,#fff0 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:-40px;right:-30px}.header-bar:before{content:"";background:radial-gradient(circle,#ffffff0f,#fff0 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;left:-40px}.header-top{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.header-logo{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:flex}.header-logo svg{width:100%;height:100%;display:block}.header-text h1{letter-spacing:.1px;color:#fff;font-family:DM Serif Display,serif;font-size:1.22rem;font-weight:400;line-height:1.22}.header-text .subtitle{opacity:.82;color:var(--teal-100);margin-top:3px;font-size:.76rem;line-height:1.4}.header-text .subtitle .credit{text-transform:uppercase;letter-spacing:.8px;opacity:.9;color:var(--teal-100);margin-top:5px;font-size:.66rem;font-weight:700;display:block}.progress-wrap{z-index:1;background:#ffffff2e;border-radius:99px;height:8px;margin-top:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e}.progress-fill{background:linear-gradient(90deg, var(--teal-400), #5eead4);height:100%;transition:width .55s var(--ease);border-radius:99px;position:relative;overflow:hidden;box-shadow:0 0 12px #2dd4bf99}.progress-fill:after{content:"";animation:sheen 2.6s var(--ease) infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.progress-meta{opacity:.88;color:#fff;z-index:1;justify-content:space-between;margin-top:7px;font-size:.72rem;font-weight:600;display:flex;position:relative}.slide-container{padding:var(--sp-6) var(--sp-6) var(--sp-5);flex-direction:column;min-height:500px;display:flex}.slide{gap:var(--sp-4);flex-direction:column;flex:1;display:none}.slide.active{animation:fadeUp .45s var(--ease) both;display:flex}.slide.active>*{animation:riseIn .5s var(--ease) both}.slide.active>:first-child{animation-delay:20ms}.slide.active>:nth-child(2){animation-delay:70ms}.slide.active>:nth-child(3){animation-delay:.12s}.slide.active>:nth-child(4){animation-delay:.17s}.slide.active>:nth-child(5){animation-delay:.22s}.slide.active>:nth-child(n+6){animation-delay:.26s}@keyframes fadeUp{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-title{font-family:DM Serif Display,serif;font-size:var(--fs-xl);color:var(--teal-800);letter-spacing:-.01em;align-items:center;gap:var(--sp-3);line-height:1.22;display:flex}.slide-title svg{flex-shrink:0}.slide p{font-size:var(--fs-base);color:var(--text-body);line-height:1.75}.slide ul,.slide ol{padding-left:var(--sp-5)}.slide li{font-size:var(--fs-base);color:var(--text-body);margin-bottom:2px;line-height:1.8}.slide li::marker{color:var(--teal-500)}.callout{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:15px 18px 15px 20px;font-size:.92rem;line-height:1.65;position:relative}.callout strong{text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}.callout.teal{background:var(--teal-50);border-left:4px solid var(--teal-600);color:var(--teal-900)}.callout.teal strong{color:var(--teal-700)}.callout.orange{background:var(--warn-bg);border-left:4px solid var(--warn-border);color:var(--warn-text)}.callout.orange strong{color:#d97706}.callout.blue{background:var(--blue-bg);border-left:4px solid var(--blue-border);color:var(--blue-text)}.callout.blue strong{color:#2563eb}.callout.green{background:var(--green-bg);border-left:4px solid var(--green-border);color:var(--green-text)}.callout.green strong{color:#15803d}.callout.purple{background:var(--purple-bg);border-left:4px solid var(--purple-border);color:var(--purple-text)}.callout.purple strong{color:#7c3aed}.callout.red{background:var(--red-bg);border-left:4px solid var(--red-border);color:var(--red-text)}.callout.red strong{color:#dc2626}.welcome-hero{background:linear-gradient(150deg, #fff 0%, var(--teal-50) 100%);border:1px solid var(--teal-100);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);padding:30px 26px;position:relative;overflow:hidden}.welcome-hero:before{content:"";background:radial-gradient(circle,#2dd4bf2e,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.welcome-hero h2{color:var(--teal-800);margin-top:4px;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:1.5rem;line-height:1.2;position:relative}.welcome-hero p{color:var(--text-body);font-size:.95rem;line-height:1.75;position:relative}.tag-row{flex-wrap:wrap;gap:9px;display:flex}.tag{border:1px solid var(--teal-400);color:var(--teal-700);box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.scenario-box{background:linear-gradient(150deg, #fff, var(--teal-50));border:1px solid var(--teal-100);border-left:4px solid var(--teal-500);border-radius:var(--radius);color:var(--text-body);box-shadow:var(--shadow-sm);padding:20px 22px;font-size:.95rem;line-height:1.85}.scenario-label{text-transform:uppercase;letter-spacing:.8px;color:var(--teal-700);align-items:center;gap:7px;margin-bottom:11px;font-size:.76rem;font-weight:800;display:flex}.scenario-box em{color:var(--teal-800);font-style:normal;font-weight:700}.symptom-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.symptom-card{border:1px solid var(--teal-100);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);background:#fff;align-items:center;gap:11px;padding:14px;display:flex}.symptom-card:hover{box-shadow:var(--shadow-md);border-color:var(--teal-400);transform:translateY(-3px)}.symptom-card .sicon{flex-shrink:0;width:40px;height:40px}.symptom-card .text{color:var(--teal-900);font-size:.88rem;font-weight:700;line-height:1.45}.symptom-card .subtext{color:var(--text-muted);font-size:.81rem;font-weight:400;line-height:1.4}.mild-compare{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mild-col{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:15px 16px}.mild-col h4{text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:6px;margin-bottom:10px;font-size:.76rem;font-weight:800;display:flex}.mild-col ul{padding-left:17px}.mild-col li{font-size:.87rem;line-height:1.7}.mild-col.mild{border:1px solid var(--teal-400);background:linear-gradient(160deg,#fff,#f0fdfa)}.mild-col.mild h4{color:var(--teal-700)}.mild-col.severe{background:linear-gradient(160deg,#fff,#fef2f2);border:1px solid #f87171}.mild-col.severe h4{color:#dc2626}.mild-col.severe li::marker{color:#dc2626}.steps{flex-direction:column;gap:11px;display:flex}.step{border-radius:var(--radius);border:1px solid var(--teal-100);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;align-items:flex-start;gap:14px;padding:15px 17px;display:flex}.step:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.step-num{background:linear-gradient(145deg, var(--teal-600), var(--teal-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0d766e59}.step-content strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.step-content span{color:var(--text-muted);font-size:.87rem;line-height:1.55}.compare-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--teal-100);font-size:.9rem;overflow:hidden}.compare-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:13px 15px;font-size:.79rem;font-weight:800}.compare-table th:first-child{background:linear-gradient(135deg, var(--teal-700), var(--teal-600));color:#fff}.compare-table th:nth-child(2){background:linear-gradient(135deg, #d97706, var(--warn-border));color:#fff}.compare-table td{vertical-align:middle;word-break:break-word;border-bottom:1px solid #e5f0ef;padding:11px 15px}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:nth-child(odd) td{background:#fff}.compare-table tr:nth-child(2n) td{background:var(--teal-50)}.quiz-question{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.55}.quiz-options{flex-direction:column;gap:9px;margin-top:8px;display:flex}.quiz-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s var(--ease), border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);text-align:left;color:var(--text-body);box-shadow:var(--shadow-sm);background:#fff;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:.92rem;position:relative}.quiz-option:hover:not(:disabled){border-color:var(--teal-600);background:var(--teal-50);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quiz-option:active:not(:disabled){transform:translateY(0)scale(.99)}.quiz-option.correct{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text);font-weight:700;box-shadow:0 0 0 3px #4ade8040}.quiz-option.wrong{background:var(--red-bg);border-color:var(--red-border);color:var(--red-text);font-weight:600}.quiz-option:disabled{cursor:default}.quiz-feedback{border-radius:var(--radius-sm);opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .3s var(--ease), padding .35s var(--ease), margin .35s var(--ease);border:0 solid #0000;padding:0 16px;font-size:.9rem;line-height:1.65;display:block;overflow:hidden}.quiz-feedback.show{opacity:1;border-width:1.5px;max-height:340px;padding:12px 16px}.quiz-feedback.correct{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text)}.quiz-feedback.wrong{background:var(--red-bg);border-color:var(--red-border);color:var(--red-text)}.quiz-block-title{text-transform:uppercase;letter-spacing:.9px;color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-100);border-radius:99px;margin-bottom:4px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-block}.video-embed-card{border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.vid-label{text-transform:uppercase;letter-spacing:.6px;color:var(--teal-700);margin-bottom:2px;font-size:.78rem;font-weight:700}.video-frame-wrap{background:#0d2a28;border-radius:10px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-frame-wrap iframe{border:none;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.takeaway-list{flex-direction:column;gap:10px;display:flex}.takeaway{border-radius:var(--radius-sm);border:1px solid var(--teal-100);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.takeaway:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.takeaway .ttext{color:var(--text-body);font-size:.92rem;line-height:1.55}.takeaway .ttext strong{color:var(--text-primary)}.completion-card{background:linear-gradient(140deg, var(--teal-900), var(--teal-700) 65%, var(--teal-600));border-radius:var(--radius-lg);text-align:center;color:#fff;box-shadow:var(--shadow-md);padding:36px 26px;position:relative;overflow:hidden}.completion-card:before{content:"";background:radial-gradient(circle,#2dd4bf4d,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.completion-card>*{position:relative}.completion-card>svg{animation:popIn .6s var(--ease) both;animation-delay:.1s}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.completion-card h2{color:#fff;margin-top:14px;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:1.55rem}.completion-card p{color:#fff;opacity:.95;font-size:.95rem;line-height:1.7}.badge-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:riseIn .5s var(--ease) both;background:#ffffff21;border:1.5px solid #ffffff52;border-radius:11px;align-items:center;gap:7px;padding:9px 15px;font-size:.82rem;font-weight:700;display:flex}.badge:first-child{animation-delay:.28s}.badge:nth-child(2){animation-delay:.38s}.badge:nth-child(3){animation-delay:.48s}.badge:nth-child(4){animation-delay:.58s}.survey-block{background:linear-gradient(135deg, var(--teal-50), #fff);border:2px solid var(--teal-400);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;margin-top:4px;padding:28px 24px;display:flex}.survey-block p{color:var(--text-body);max-width:480px;font-size:.97rem;line-height:1.6}.survey-btn{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:none;padding:14px 36px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #0d766e47}.survey-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0d766e61}.survey-btn:active{transform:translateY(0)}.nav-bar{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:linear-gradient(#fff,#fafffe);border-top:1px solid #e0f0ee;justify-content:space-between;align-items:center;padding:18px 30px 26px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform .18s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border:none;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700}.btn-back{color:var(--text-muted);background:#eaf2f1}.btn-back:hover:not(:disabled){background:#d5e8e6;transform:translate(-2px)}.btn-next{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;box-shadow:0 3px 10px #0d766e47}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 18px #0d766e66}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.35;cursor:default;box-shadow:none!important;transform:none!important}.slide-counter{color:#7fa6a2;letter-spacing:.3px;font-size:.82rem;font-weight:700}.divider{background:linear-gradient(90deg,#0000,#d5e8e6 20% 80%,#0000);height:1px;margin:6px 0}.motto-banner{background:linear-gradient(135deg, var(--teal-900), var(--teal-700));border-radius:var(--radius);color:#fff;text-align:center;box-shadow:var(--shadow-md);padding:20px 22px;position:relative;overflow:hidden}.motto-banner:after{content:"";background:radial-gradient(circle,#2dd4bf40,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-30px}.motto-pill{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff24;border:1.5px solid #ffffff61;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:1.1rem;font-weight:800;display:flex;position:relative}.nurse-highlight{background:linear-gradient(135deg,#fef9c3,#fffbeb);border:2px solid #f59e0b;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.nurse-highlight .nurse-icon{background:#f59e0b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.nurse-highlight .nurse-text .title{color:#78350f;margin-bottom:4px;font-size:1rem;display:block}.nurse-highlight .nurse-text strong{color:inherit;font-weight:700}.nurse-highlight .nurse-text p{color:#92400e;margin:0;font-size:.9rem;line-height:1.6}.timeline{flex-direction:column;gap:0;display:flex}.tl-item{gap:16px;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";z-index:0;background:linear-gradient(#fca5a5,#ef4444);border-radius:2px;width:3px;position:absolute;top:42px;bottom:-2px;left:19px}.tl-dot{color:#fff;z-index:1;text-align:center;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.65rem;font-weight:800;line-height:1;display:flex;box-shadow:0 2px 8px #dc26264d}.tl-body{flex:1;padding-bottom:20px}.tl-body strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.tl-body span{color:var(--text-muted);font-size:.87rem;line-height:1.5}@media (width<=680px){body{padding:14px 12px}:root{--fs-xl:1.35rem}.slide-container{padding:26px 22px 18px}.header-bar{padding:18px 22px 15px}.header-text h1{font-size:1.12rem}}@media (width<=520px){.symptom-grid,.mild-compare{grid-template-columns:1fr}.slide-container{padding:20px 16px 14px}.nav-bar{padding:14px 16px 18px}.btn{padding:12px 20px;font-size:.88rem}:root{--fs-xl:1.25rem}.welcome-hero,.completion-card{padding:24px 18px}.slide-title{gap:9px}.quiz-option{min-height:48px;padding:14px}.video-frame-wrap{height:42vh;padding-bottom:0}.video-frame-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.compare-table{font-size:.85rem}.compare-table th,.compare-table td{padding:9px 8px}.compare-table th{font-size:.72rem}.motto-pill{padding:9px 16px;font-size:1rem}}.cms-page{width:100%;max-width:1180px;margin:0 auto}.cms-bar{background:var(--surface);border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.cms-bar h1,.cms-bar h2{color:var(--teal-800);margin-right:auto;font-family:DM Serif Display,serif;font-size:1.2rem;font-weight:400}.cms-btn{border:1px solid var(--teal-400);color:var(--teal-700);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease), transform .12s var(--ease);background:#fff;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700}.cms-btn:hover:not(:disabled){background:var(--teal-50)}.cms-btn:active:not(:disabled){transform:translateY(1px)}.cms-btn:disabled{opacity:.45;cursor:default}.cms-btn.primary{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;border-color:#0000}.cms-btn.danger{border-color:var(--red-border);color:var(--red-text)}.cms-btn.danger:hover:not(:disabled){background:var(--red-bg)}.cms-card{background:var(--surface);border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.cms-list-row{border:1px solid var(--teal-100);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.cms-list-row .title{color:var(--text-primary);margin-right:auto;font-weight:700}.cms-pill{text-transform:uppercase;letter-spacing:.6px;border-radius:99px;padding:3px 10px;font-size:.68rem;font-weight:800}.cms-pill.published{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.cms-pill.draft{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.cms-editor{grid-template-columns:220px minmax(0,1fr) minmax(0,420px);align-items:start;gap:14px;display:grid}.cms-editor.no-preview{grid-template-columns:220px minmax(0,1fr)}@media (width<=920px){.cms-editor,.cms-editor.no-preview{grid-template-columns:1fr}}.cms-rail .screen-item{border:1px solid var(--teal-100);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-body);background:#fff;align-items:center;gap:8px;margin-bottom:7px;padding:9px 11px;font-size:.86rem;font-weight:600;display:flex}.cms-rail .screen-item.active{border-color:var(--teal-500);background:var(--teal-50);box-shadow:var(--ring)}.cms-rail .screen-item .label{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.cms-el-card{border:1px solid var(--teal-100);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:10px}.cms-el-head{border-bottom:1px solid var(--teal-100);background:var(--teal-50);border-radius:var(--radius-sm) var(--radius-sm) 0 0;align-items:center;gap:8px;padding:8px 10px;display:flex}.cms-el-type{text-transform:uppercase;letter-spacing:.6px;color:var(--teal-700);margin-right:auto;font-size:.72rem;font-weight:800}.cms-el-body{flex-direction:column;gap:10px;padding:12px;display:flex}.cms-field{flex-direction:column;gap:4px;display:flex}.cms-field>label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.72rem;font-weight:700}.cms-input,.cms-textarea,.cms-select{color:var(--text-body);border:1.5px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:.9rem}.cms-textarea{resize:vertical;min-height:70px;line-height:1.5}.cms-toolbar{gap:6px;margin-bottom:4px;display:flex}.cms-toolbar button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:3px 9px;font-size:.78rem;font-weight:700}.cms-icon-grid{border:1px solid var(--teal-100);background:#fafffe;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;max-height:180px;padding:8px;display:grid;overflow:auto}.cms-icon-grid .opt{cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:48px;display:flex}.cms-icon-grid .opt.sel{border-color:var(--teal-500);background:var(--teal-50)}.cms-subcard{border:1px dashed var(--teal-100);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.cms-row{align-items:center;gap:8px;display:flex}.cms-add-menu{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;display:grid}.cms-preview{position:sticky;top:12px}.cms-preview .module-shell{max-width:100%}.cms-auth{max-width:360px;margin:8vh auto 0}.cms-error{color:var(--red-text);background:var(--red-bg);border:1px solid var(--red-border);border-radius:8px;padding:8px 12px;font-size:.85rem}.cms-editor-page{width:100%;max-width:1180px;margin:0 auto;position:relative}.cms-loading,.cms-note{color:var(--text-muted);font-size:.92rem;line-height:1.6}.cms-help{color:var(--text-muted);margin-top:2px;font-size:.78rem;line-height:1.45}.cms-btn{align-items:center;gap:6px;min-height:40px;display:inline-flex}.cms-btn svg{flex-shrink:0}.cms-btn.ghost{color:var(--text-body);background:0 0;border-color:#0000}.cms-btn.ghost:hover:not(:disabled){background:var(--teal-50);color:var(--teal-700)}.cms-btn.ghost.active{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal-700)}.cms-topbar{z-index:20;background:var(--surface);border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex;position:sticky;top:0}.cms-topbar-title{flex:200px;align-items:center;gap:9px;min-width:0;display:flex}.cms-topbar-title h1{color:var(--teal-800);text-overflow:ellipsis;white-space:nowrap;font-family:DM Serif Display,serif;font-size:1.18rem;font-weight:400;line-height:1.2;overflow:hidden}.cms-savestate{white-space:nowrap;align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex}.cms-savestate.saved{color:var(--text-muted)}.cms-savestate.dirty{color:#b45309}.cms-savestate.saving{color:var(--teal-700)}.cms-topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cms-settings{background:var(--surface);border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:cmsFade .2s var(--ease) both;margin-bottom:14px;padding:16px}.cms-settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.cms-settings-close{color:var(--teal-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}.cms-workspace{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.cms-rail{background:var(--surface);border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px;position:sticky;top:78px}.cms-rail-head{justify-content:space-between;align-items:center;padding:2px 4px 9px;display:flex}.cms-rail-title{text-transform:uppercase;letter-spacing:.8px;color:var(--teal-700);font-size:.72rem;font-weight:800}.cms-rail-count{color:var(--text-muted);background:var(--teal-50);border-radius:99px;padding:1px 8px;font-size:.72rem;font-weight:700}.cms-rail-list{flex-direction:column;gap:6px;display:flex}.cms-screen{border:1px solid var(--teal-100);border-radius:var(--radius-sm);transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:#fff;align-items:stretch;display:flex;overflow:hidden}.cms-screen:hover{border-color:var(--teal-400)}.cms-screen.active{border-color:var(--teal-500);background:var(--teal-50);box-shadow:var(--shadow-sm)}.cms-screen.dragging{box-shadow:var(--shadow-md)}.cms-grip{width:26px;color:var(--teal-400);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cms-grip:hover{color:var(--teal-600)}.cms-grip:active{cursor:grabbing}.cms-screen-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 6px 9px 2px;display:flex}.cms-screen-num{background:linear-gradient(145deg, var(--teal-600), var(--teal-700));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:flex}.cms-screen-text{flex-direction:column;min-width:0;display:flex}.cms-screen-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.cms-screen-meta{color:var(--text-muted);font-size:.72rem}.cms-screen-del{opacity:0;transition:opacity .15s var(--ease);flex-shrink:0;align-self:center;margin-right:4px}.cms-screen:hover .cms-screen-del,.cms-screen:focus-within .cms-screen-del{opacity:1}.cms-add-screen{border:1px dashed var(--teal-400);border-radius:var(--radius-sm);width:100%;color:var(--teal-700);cursor:pointer;transition:background .15s var(--ease);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:9px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:700;display:flex}.cms-add-screen:hover{background:var(--teal-50)}.cms-editor-main{min-width:0}.cms-screen-head{border-bottom:1px solid var(--teal-100);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.cms-screen-head-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.72rem;font-weight:800}.cms-screen-input{min-width:0;color:var(--teal-800);background:0 0;border:none;border-bottom:2px solid #0000;flex:220px;padding:4px 2px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600}.cms-screen-input:focus{border-bottom-color:var(--teal-500);outline:none}.cms-screen-head-meta{color:var(--text-muted);margin-left:auto;font-size:.78rem;font-weight:600}.cms-blocks,.cms-block-list{flex-direction:column;gap:10px;display:flex}.cms-block{border:1px solid var(--teal-100);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background:#fff}.cms-block:hover{border-color:var(--teal-200,#bdeae4)}.cms-block.open{border-color:var(--teal-400);box-shadow:var(--shadow-md)}.cms-block.dragging{box-shadow:var(--shadow-md)}.cms-block-row{align-items:stretch;min-height:52px;display:flex}.cms-block-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:11px;min-width:0;padding:10px 12px;display:flex}.cms-block-icon{border-radius:var(--radius-sm);background:var(--teal-50);width:34px;height:34px;color:var(--teal-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cms-block-text{flex-direction:column;min-width:0;display:flex}.cms-block-name{color:var(--text-primary);font-size:.92rem;font-weight:700}.cms-block-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.cms-block-chevron{color:var(--teal-500);flex-shrink:0;margin-left:auto;display:flex}.cms-block-delete{opacity:0;transition:opacity .15s var(--ease);align-self:center;margin-right:6px}.cms-block:hover .cms-block-delete,.cms-block:focus-within .cms-block-delete{opacity:1}.cms-block-body{border-top:1px solid var(--teal-50);animation:cmsFade .18s var(--ease) both;flex-direction:column;gap:12px;padding:6px 14px 16px;display:flex}.cms-add-block{border:1px dashed var(--teal-400);border-radius:var(--radius);width:100%;color:var(--teal-700);cursor:pointer;transition:background .15s var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;display:flex}.cms-add-block:hover{background:var(--teal-50)}.cms-empty{text-align:center;border:1px dashed var(--teal-400);border-radius:var(--radius);background:linear-gradient(150deg, #fff, var(--teal-50));padding:42px 24px}.cms-empty-icon{background:var(--teal-100);width:48px;height:48px;color:var(--teal-700);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.cms-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.cms-empty-text{color:var(--text-muted);max-width:340px;margin:0 auto 16px;font-size:.9rem;line-height:1.6}.cms-picker{border:1px solid var(--teal-400);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.cms-picker-head{border-bottom:1px solid var(--teal-100);color:var(--teal-800);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.cms-picker-body{max-height:62vh;padding:12px 14px;overflow:auto}.cms-picker-group{margin-bottom:16px}.cms-picker-group:last-child{margin-bottom:0}.cms-picker-cat{text-transform:uppercase;letter-spacing:.7px;color:var(--teal-700);margin-bottom:8px;font-size:.72rem;font-weight:800}.cms-picker-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:8px;display:grid}.cms-picker-opt{border:1px solid var(--teal-100);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color .15s var(--ease), background .15s var(--ease), transform .12s var(--ease);background:#fff;align-items:flex-start;gap:10px;padding:10px;display:flex}.cms-picker-opt:hover{border-color:var(--teal-400);background:var(--teal-50)}.cms-picker-icon{border-radius:var(--radius-sm);background:var(--teal-50);width:32px;height:32px;color:var(--teal-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cms-picker-text{flex-direction:column;gap:1px;min-width:0;display:flex}.cms-picker-name{color:var(--text-primary);font-size:.86rem;font-weight:700}.cms-picker-desc{color:var(--text-muted);font-size:.76rem;line-height:1.4}.cms-item{border:1px solid var(--teal-100);border-radius:var(--radius-sm);background:#fff}.cms-item+.cms-item{margin-top:8px}.cms-item-head{background:var(--teal-50);border-bottom:1px solid var(--teal-100);border-radius:var(--radius-sm) var(--radius-sm) 0 0;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.cms-item-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:auto;font-size:.72rem;font-weight:800}.cms-item-actions{gap:2px;display:flex}.cms-item-body{flex-direction:column;gap:10px;padding:12px;display:flex}.cms-iconbtn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.cms-iconbtn:hover:not(:disabled){background:var(--teal-50);color:var(--teal-700)}.cms-iconbtn.danger:hover:not(:disabled){background:var(--red-bg);color:var(--red-text)}.cms-iconbtn:disabled{opacity:.3;cursor:default}.cms-add-item{border:1px dashed var(--teal-400);border-radius:var(--radius-sm);color:var(--teal-700);cursor:pointer;transition:background .15s var(--ease);background:0 0;align-self:flex-start;align-items:center;gap:6px;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:700;display:inline-flex}.cms-add-item:hover{background:var(--teal-50)}.cms-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cms-toggle{cursor:pointer;align-items:flex-start;gap:11px;padding:2px 0;display:flex}.cms-toggle-track{width:42px;height:24px;transition:background .2s var(--ease);background:#d8e7e5;border-radius:99px;flex-shrink:0;margin-top:1px;position:relative}.cms-toggle-thumb{width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0d3b384d}.cms-toggle input:checked+.cms-toggle-track{background:linear-gradient(135deg, var(--teal-600), var(--teal-700))}.cms-toggle input:checked+.cms-toggle-track .cms-toggle-thumb{transform:translate(18px)}.cms-toggle input:focus-visible+.cms-toggle-track{box-shadow:var(--ring)}.cms-toggle-text{flex-direction:column;display:flex}.cms-toggle-name{color:var(--text-body);font-size:.88rem;font-weight:600;line-height:1.4}.cms-swatches{flex-wrap:wrap;gap:9px;display:flex}.cms-swatch{background:var(--swatch,var(--teal-600));cursor:pointer;width:30px;height:30px;transition:box-shadow .15s var(--ease), transform .12s var(--ease);border:none;border-radius:50%;padding:0;box-shadow:0 0 0 1px #0d3b381f}.cms-swatch:hover{transform:scale(1.08)}.cms-swatch.sel{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--teal-600)}.cms-swatch-custom{background:conic-gradient(#ef4444,#f59e0b,#16a34a,#0d9488,#2563eb,#7c3aed,#ef4444);display:inline-flex;position:relative;overflow:hidden}.cms-swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:-4px}.cms-disclosure{border-top:1px solid var(--teal-50);margin-top:2px}.cms-disclosure-head{color:var(--teal-700);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:9px 0 4px;font-family:DM Sans,sans-serif;font-size:.74rem;font-weight:800;display:inline-flex}.cms-disclosure-body{flex-direction:column;gap:10px;padding-top:4px;display:flex}.cms-choice{align-items:center;gap:10px;display:flex}.cms-correct{cursor:pointer;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.cms-correct input{width:18px;height:18px;accent-color:var(--teal-600)}.cms-correct-text{color:var(--text-muted);font-size:.74rem;font-weight:700}.cms-choice .cms-input{flex:1}.cms-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cms-sheet-scrim{z-index:40;animation:cmsFade .2s var(--ease) both;background:#0d3b3852;position:fixed;inset:0}.cms-sheet{z-index:41;background:var(--bg);border-left:1px solid var(--teal-100);width:min(460px,94vw);height:100dvh;box-shadow:var(--shadow-lg);animation:cmsSlideIn .26s var(--ease) both;flex-direction:column;display:flex;position:fixed;top:0;right:0}.cms-sheet-head{background:var(--surface);border-bottom:1px solid var(--teal-100);align-items:center;gap:8px;padding:14px 16px;display:flex}.cms-sheet-head>span:first-child{color:var(--teal-800);font-weight:700}.cms-sheet-sub{color:var(--text-muted);font-size:.78rem}.cms-sheet-head .cms-iconbtn{margin-left:auto}.cms-sheet-body{flex:1;padding:18px 16px;overflow:auto}.cms-sheet-body .cms-preview{position:static}@keyframes cmsFade{0%{opacity:0}to{opacity:1}}@keyframes cmsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=920px){.cms-workspace{grid-template-columns:1fr}.cms-rail{position:static}}@media (width<=560px){.cms-topbar{gap:8px}.cms-pair{grid-template-columns:1fr}.cms-sheet{width:100vw}}