/* Janan Calm — shared product system. Source of truth for React and standalone tools. */
@font-face{font-family:"Janan UI";src:url('/fonts/ravi-pro.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
  --primary:#75618b;--primary-hover:#655177;--primary-dark:#58456c;--primary-light:#f1edf5;
  --rose:#b58b9c;--rose-dark:#876b80;--rose-deep:#6b5368;--rose-light:#f5eff3;--rose-pastel:#faf7f9;
  --lilac:#9a87ae;--lilac-dark:#806b96;--lilac-deep:#68547d;--lilac-light:#f1edf5;--lilac-pastel:#f8f6fa;
  --bg:#f7f8fa;--bg-warm:#f7f8fa;--surface:#fff;--surface-elevated:#fff;--surface-soft:#f7f6f9;--surface-muted:#f3f3f6;
  --text:#292633;--text-secondary:#777380;--muted:#777380;--border:#e9e7ee;--border-strong:#d8d2e0;
  --input-bg:#fff;--input-text:#292633;--interactive-bg:#fff;--interactive-border:#e9e7ee;
  --chip-bg:#fff;--chip-text:#625d6c;--chip-border:#e5e1eb;--chip-selected-bg:#eee8f4;--chip-selected-text:#68547d;
  --accent:#75618b;--accent-text:#68547d;--accent-soft:#f1edf5;--eyebrow-text:#8a7a99;
  --green:#397968;--green-bg:#eef7f3;--red:#b84754;--red-bg:#fff1f2;--on-danger-surface:#963d49;
  --yellow:#9b782d;--yellow-bg:#fff8e9;--orange:#ad642b;--orange-bg:#fff4e8;
  --sidebar-w:224px;--font-family:"Janan UI","Ravi Pro",Tahoma,sans-serif;
  --shadow-sm:0 2px 8px #29263304;--shadow-md:0 6px 24px #29263306;--shadow-lg:0 12px 36px #29263308;
}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg)!important;color:var(--text);font-family:var(--font-family)!important;font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid #a18bbd!important;outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
img{max-width:100%}
button,a{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}
p{line-height:1.85}
.janan-product h1,.janan-product h2,.janan-product h3{color:var(--text);letter-spacing:-.035em;line-height:1.65}
.janan-product h1{font-size:28px;font-weight:800}
.janan-product h2{font-size:21px;font-weight:750}
.janan-product h3{font-size:16px;font-weight:750}
.janan-product small{font-size:12px}

/* One workspace, natural page scrolling, a consistent place for navigation. */
.app-root.janan-product{width:100%!important;max-width:none!important;min-height:100dvh!important;padding:0!important;margin:0!important;display:block!important;background:var(--bg)!important}
.janan-product>.brand-panel{display:none!important}
.janan-product>.phone-frame{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--bg)!important;max-height:none!important;min-height:100dvh!important;height:auto!important;overflow:visible!important;margin:0 auto!important}
.janan-product .phone-frame__main{min-width:0;max-width:none!important;min-height:100dvh!important;height:auto!important;overflow:visible!important;background:var(--bg)}
.janan-product .app-content{width:100%!important;max-width:1040px!important;margin:0 auto!important;padding:32px 40px 56px!important;overflow:visible!important;flex:1;min-width:0;background:transparent!important}
.janan-product .app-content>.motion-screen,.janan-product .screen{max-width:none!important;min-width:0}
.janan-product .app-header{height:72px;min-height:72px!important;padding:0 36px!important;border-bottom:1px solid var(--border);background:#ffffffed!important;box-shadow:none!important;position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}
.janan-product .app-header__title{font-size:15px!important;font-weight:700;gap:10px}
.janan-product .app-header__brand-mark{width:19px!important;max-height:26px!important;opacity:.8}
.janan-product .app-header__profile,.janan-product .mcd-avatar{width:36px;height:36px;border-radius:12px;background:#efebf4!important;color:var(--accent)!important;box-shadow:none;border:1px solid #e4ddec}
.janan-product .app-header__back,.janan-product .notification-bell__trigger{background:transparent;border:0;box-shadow:none}
.janan-product .app-header__status{font-size:11px;padding:3px 9px;border-radius:6px}
.janan-product .ds-sidebar{background:#fff!important;border-left:1px solid var(--border);padding:24px 16px 18px!important;gap:5px;box-shadow:none;position:sticky;top:0;height:100dvh;overflow-y:auto;align-self:start}
.janan-product .ds-sidebar__brand{display:flex;align-items:center;justify-content:flex-start;min-height:62px;padding:0 14px 20px!important;background:none;border:0;cursor:pointer;margin:0 0 12px;border-bottom:1px solid var(--border);border-radius:0}
.janan-product .ds-sidebar__brand img{width:112px!important;height:auto!important;max-height:48px;object-fit:contain}
.janan-product .ds-sidebar__group-label{font-size:10px;font-weight:650;color:#aaa4b1;margin:12px 14px 6px;letter-spacing:0}
.janan-product .ds-sidebar__item{min-height:44px;padding:10px 12px;font-size:12px;border:0;border-radius:10px!important;color:#777180;background:transparent;box-shadow:none;isolation:isolate}
.janan-product .ds-sidebar__item:hover{background:#f7f5fa;color:#625175}
.janan-product .ds-sidebar__item--active{background:#f1edf6!important;color:#6d5488!important;font-weight:800}
.janan-product .ds-sidebar__indicator{background:transparent!important;box-shadow:none!important;border-radius:10px}
.janan-product .ds-sidebar__content{gap:12px;justify-content:flex-start;font-size:12px}
.janan-product .ds-sidebar__divider{margin:16px 12px 4px;background:var(--border)}
.ds-sidebar__footer{margin-top:auto;padding:22px 12px 0;display:grid;gap:10px}
.ds-sidebar__utility{display:flex;align-items:center;gap:10px;padding:4px 0;background:none;border:0;color:#817989;text-decoration:none;text-align:right;font:inherit;font-size:11px;cursor:pointer}
.ds-sidebar__footer small{font-size:10px;color:#a29aa9;margin-top:14px}
.janan-product .login-device-note{font-size:13px;line-height:1.9;color:var(--text-secondary);margin:0 0 20px}
.janan-product .local-service-details{padding:14px 18px;border:1px solid var(--border);border-radius:12px;font-size:12px;line-height:1.9;margin-bottom:18px}
.janan-product .local-service-details summary{cursor:pointer}
body:has(.auth-screen) .janan-cycle-entry{display:none!important}
/* Reuse the existing semantic SVGs; decorative atlas illustrations are no longer UI controls. */
.janan-core-icon{background:none!important;color:currentColor!important;filter:none!important;border-radius:0!important;opacity:1!important;flex-shrink:0}
.janan-core-icon>*{opacity:1!important}
.janan-product .janan-core-icon{width:20px!important;height:20px!important}
.janan-product .screen>h2:first-of-type,.janan-product .page-header h1,.janan-product .ds-page-header h1{margin-top:0}

/* Quiet surfaces and clear controls. Semantic emergency colors are preserved. */
.janan-product :is(.card,.topic-card,.module-card,.service-card,.hub-card,.mcd-compact-card,.mcd-section,.profile-card,.settings-card,.record-card,.feature-card,.mcd-more-care,.intake-review-card,.intake-advanced-card){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important}
.janan-product :is(.card,.topic-card,.module-card,.service-card,.hub-card,.profile-card,.settings-card){padding:20px}
.janan-product :is(.card,.topic-card,.module-card,.service-card,.hub-card)::before,.janan-product :is(.card,.topic-card,.module-card,.service-card,.hub-card)::after{display:none}
.janan-product :is(.eyebrow,.mcd-eyebrow,.section-kicker,.type-label){font-size:11px;font-weight:700;color:#9b8aa9;letter-spacing:0;margin:0 0 6px}
.janan-product :is(.button,.btn,.ds-button){border-radius:10px!important;min-height:42px;font-size:12px;font-weight:700;box-shadow:none!important;line-height:1.7}
.janan-product :is(.button--primary,.btn-primary,.ds-button--primary){background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}
.janan-product :is(.button--primary,.btn-primary,.ds-button--primary):hover{background:var(--primary-hover)!important}
.janan-product :is(.button--secondary,.btn-secondary,.ds-button--secondary){background:#fff!important;color:var(--text)!important;border:1px solid var(--border-strong)!important}
.janan-product :is(.button--ghost,.btn-ghost,.ds-button--ghost){background:transparent!important;color:var(--accent)!important;border-color:transparent!important}
.janan-product :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border:1px solid var(--border-strong)!important;border-radius:10px!important;background:var(--input-bg)!important;color:var(--input-text)!important;box-shadow:none!important;font-size:13px!important;min-height:44px;padding:10px 12px!important;max-width:100%;min-width:0}
.janan-product textarea{min-height:100px;resize:vertical}
.janan-product :is(input,select,textarea):focus{border-color:#9d86b5!important;box-shadow:0 0 0 3px #b5a0cc1c!important}
.janan-product :is(.form-field,.field-label){font-size:12px;font-weight:600;gap:7px}
.janan-product .form-field__hint{font-size:11px;line-height:1.8;color:var(--text-secondary)}
.janan-product :is(.chip,.choice-chip,.filter-chip,.segment){border-radius:8px!important;box-shadow:none!important}
.janan-product :is(.storage-warning,.feature-preview-banner,.permission-note){border-radius:9px;font-size:11px;line-height:1.8;padding:10px 14px;margin-bottom:16px;box-shadow:none;background:#f3f1f7;border:1px solid #e8e2ef;color:#756681}
.janan-product :is(.storage-warning--consent,.permission-note--warn){background:#fff8ed;color:#856c3d;border-color:#eddfc4}
.janan-product .disclaimer{font-size:11px;color:#918a98;border-top:1px solid var(--border);background:none!important;padding:16px 0;margin-top:24px;box-shadow:none;border-radius:0}
.janan-product details>summary{cursor:pointer;list-style:none;font-weight:700;font-size:13px;padding:16px 20px}
.janan-product details>summary::-webkit-details-marker{display:none}
.janan-product details>summary::after{content:'+';float:left;color:var(--accent);font-size:18px;line-height:1.2}
.janan-product details[open]>summary::after{content:'−'}
.janan-product .screen{display:flex;flex-direction:column;gap:20px}
.janan-product :is(.section-heading,.section-header){margin:0 0 14px;gap:6px}
.janan-product :is(.section-heading,.section-header) h2,.janan-product :is(.section-heading,.section-header) h3{font-size:17px;margin:0}
.janan-product :is(.form-grid,.topic-grid,.module-grid){gap:14px}

/* Home: one next step, a concise stage summary and direct access to everyday tools. */
.calm-dashboard{display:grid;gap:26px}
.calm-dashboard__heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:6px}
.calm-dashboard__heading h1{margin:3px 0 7px!important;font-size:27px}
.calm-dashboard__heading p{margin:0;color:var(--text-secondary);font-size:13px}
.calm-dashboard__heading time{font-size:11px;color:#9b93a4}
.calm-dashboard__heading .mcd-header__actions{display:flex;gap:8px}
.calm-dashboard__primary{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:18px}
.calm-dashboard .mcd-focus-card{padding:26px!important;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border:1px solid #e5deef;border-radius:16px;background:#f0ebf6!important;box-shadow:none!important;position:relative;overflow:hidden;min-height:240px}
.calm-dashboard .mcd-focus-card::before,.calm-dashboard .mcd-focus-card::after{display:none}
.calm-dashboard .mcd-focus-card__icon{width:38px;height:38px;background:#ffffff8c;color:#806595;border-radius:10px;box-shadow:none}
.calm-dashboard .mcd-focus-card__copy h2{font-size:22px;margin:0 0 7px;line-height:1.6;color:#554365}
.calm-dashboard .mcd-focus-card__copy p{font-size:12px;line-height:1.9;max-width:50ch;color:#85728f}
.calm-dashboard .mcd-focus-card__actions{margin-top:auto;display:flex;align-items:center;gap:18px;width:100%}
.calm-dashboard .mcd-focus-card__actions .button{width:auto!important;flex:none}
.calm-dashboard .mcd-focus-card--urgent{background:#fff1f2!important;border-color:#e7bbc2}
.calm-stage{padding:25px;border:1px solid var(--border);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.calm-stage__icon{width:38px;height:38px;display:grid;place-items:center;background:#f4f2f7;color:#8e77a3;border-radius:10px;margin-bottom:16px}
.calm-stage h2{font-size:22px;margin:0 0 7px}
.calm-stage p{font-size:12px;color:var(--text-secondary);margin:0 0 14px}
.calm-stage__progress{width:100%;height:5px;background:#f0edf3;border-radius:10px;margin:4px 0 10px;overflow:hidden}
.calm-stage__progress span{display:block;background:#b9a6cc;height:100%;border-radius:10px}
.calm-stage button{margin-top:auto;font-size:11px;background:none;border:0;color:var(--accent);padding:6px 0;cursor:pointer;display:flex;align-items:center;gap:8px}
.calm-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.calm-quick button{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-radius:12px;padding:16px;text-align:right;color:var(--text);font:inherit;cursor:pointer;min-height:80px}
.calm-quick button:hover{border-color:#cbbdd9;background:#fcfaff}
.calm-quick button>span{width:36px;height:36px;background:#f6f3fa;display:grid;place-items:center;color:#8b719f;border-radius:10px;flex:none}
.calm-quick strong{font-size:12px;font-weight:700;display:block}
.calm-quick small{font-size:10px;color:var(--text-secondary)}
.calm-dashboard .mcd-more-care{margin:0!important;background:white}
.calm-dashboard .mcd-more-care__body{padding:0 22px 22px;display:grid;gap:22px}
.calm-dashboard .mcd-section{padding:22px}
.calm-dashboard .mcd-task-card{border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:14px 0;background:transparent}
.calm-dashboard .mcd-emergency-strip{margin:0;border-radius:12px;padding:18px}
.calm-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.calm-section-heading h2{font-size:16px;margin:0}
.calm-section-heading span{font-size:11px;color:#9a91a3}

/* Forms: remove repeated sales copy and keep the current step in view. */
.app-view--login>.phone-frame{width:100%!important;max-width:520px!important;background:transparent!important}
.app-view--login .app-content{padding:32px 28px 48px!important;max-width:520px!important}
.app-view--login .app-header{background:transparent!important;border:0;position:relative;justify-content:center;height:88px}
.app-view--login :is(.login-hero-panel,.login-preview-rail,.auth-progress,.auth-stepper,.login-trust-grid){display:none!important}
.app-view--login .auth-card{border:1px solid var(--border);background:white;border-radius:18px;box-shadow:0 12px 40px #2f243b05;padding:30px}
.app-view--login .login-command{display:none!important}
.app-view--login h1{font-size:24px!important;margin:0 0 8px}
.app-view--login .auth-card__intro{padding:0;margin-bottom:24px}
.app-view--login .login-stepper{margin:0 0 22px;gap:20px;background:none;border:0;padding:0}
.app-view--login .login-stepper__item{font-size:11px;background:none;border:0;padding:0 0 7px;border-bottom:2px solid transparent;color:#a49bac}
.app-view--login .login-stepper__item.active{color:var(--accent);border-bottom-color:var(--accent);box-shadow:none}
.app-view--login .login-privacy-note{font-size:10px;text-align:center;margin-top:22px;line-height:1.9}
.app-view--intake .app-content{max-width:780px!important}
.app-view--intake .auth-stepper{display:none}
.app-view--intake :is(.auth-card,.intake-section){background:white;box-shadow:none;border:1px solid var(--border);border-radius:14px;padding:24px}
.app-view--intake .auth-card .intake-section{padding:0;border:0}
.app-view--intake h1{font-size:25px!important;max-width:30ch}
.app-view--intake .intake-smart-stepper{display:flex;gap:8px;margin:20px 0 26px;padding:0;background:none;border:0}
.app-view--intake .intake-smart-stepper>*{flex:1;background:#f2f0f5;box-shadow:none;border:0;border-radius:6px;font-size:11px;min-height:36px;justify-content:center}
.app-view--intake .intake-smart-stepper .active,.app-view--intake .intake-smart-stepper [aria-current=step]{background:#e9e1f1;color:#6f5488}
.app-view--intake .auth-card__footer{position:static;background:none;border-top:1px solid var(--border);padding:20px 0 0;margin-top:26px;box-shadow:none}
.app-view--intake .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Landing: editorial brand, compact navigation and a product-sized introduction. */
.janan-public-landing .app-header{height:76px!important;padding:0 max(28px,calc((100vw - 1120px)/2))!important;position:relative!important;background:#fff!important}
.janan-public-landing .app-content{max-width:1180px!important;padding:40px 30px 52px!important}
.janan-public-landing .janan-one-screen{padding:0!important;gap:22px;max-width:1120px!important}
.janan-public-landing .janan-one-screen__hero{border:1px solid var(--border)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;min-height:430px!important;grid-template-columns:1.15fr 1fr!important}
.janan-public-landing .janan-one-screen__copy{padding:42px!important;min-width:0}
.janan-public-landing .janan-one-screen__badge{background:#f5f1f8!important;border:0!important;color:#8a749c!important;font-size:10px;padding:5px 9px}
.janan-public-landing .janan-one-screen h1{font-size:clamp(30px,3.3vw,46px)!important;line-height:1.6!important;max-width:14ch!important;margin:18px 0 12px!important;color:#332d3c!important;font-weight:850!important}
.janan-public-landing .janan-one-screen h1 em{color:#9073a4!important;font-style:normal}
.janan-public-landing .janan-one-screen__copy>p{font-size:13px!important;color:#8b8392;line-height:2!important;max-width:44ch}
.janan-public-landing .janan-one-screen__visual{margin:20px!important;border-radius:14px!important;overflow:hidden;position:relative!important;width:auto!important;height:auto!important;min-height:320px!important;inset:auto!important}
.janan-public-landing .janan-one-screen__visual:after{display:none!important}
.janan-public-landing .janan-one-screen__visual img{height:100%!important;object-fit:cover!important;object-position:34% center!important;opacity:.94}
.janan-public-landing .janan-one-screen__actions{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:24px!important}
.janan-public-landing .janan-one-screen__actions a{height:44px!important;min-height:44px!important;font-size:11px!important;border-radius:9px!important;box-shadow:none!important}
.janan-public-landing .janan-one-screen__primary{background:#78628e!important;color:#fff!important}
.janan-public-landing .janan-one-screen__secondary{background:#fff!important;border:1px solid var(--border-strong)!important}
.janan-public-landing .janan-one-screen__trust{gap:12px!important;display:flex!important;flex-wrap:wrap;margin-top:18px!important}
.janan-public-landing .janan-one-screen__trust span{font-size:9px!important;background:none!important;padding:0!important;color:#aba1b3}
.janan-public-landing .janan-one-screen__services{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.janan-public-landing .janan-one-screen__services>a{border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:none!important;min-height:95px!important;grid-template-columns:34px minmax(0,1fr)!important;padding:17px!important;gap:12px!important;background:white!important}
.janan-public-landing .janan-one-screen__services img{width:34px!important;height:34px!important;object-fit:cover;border-radius:8px;filter:saturate(.55)}
.janan-public-landing .janan-one-screen__services strong{font-size:12px!important}
.janan-public-landing .janan-one-screen__services small{font-size:10px!important;color:#9c93a6}
.janan-public-landing .janan-one-screen__login{font-size:11px;border:0!important;box-shadow:none!important;color:#766384!important;background:#f7f5fa!important}

/* Standalone tools share the same font, inputs, spacing and information hierarchy. */
html[data-janan-surface=cycle] body{background:var(--bg)!important}
html[data-janan-surface=cycle] .app-shell{max-width:1000px!important;width:calc(100% - 48px)!important;margin:24px auto!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important}
html[data-janan-surface=cycle] .topbar{padding:12px 0 24px;border-bottom:1px solid var(--border);background:none!important;box-shadow:none!important}
html[data-janan-surface=cycle] .hero{padding:24px 0!important;background:none!important;box-shadow:none!important;border:0!important;min-height:0!important}
html[data-janan-surface=cycle] .hero h1{font-size:30px!important;color:var(--text);line-height:1.6}
html[data-janan-surface=cycle] .cycle-orbit{width:240px!important;height:240px!important;margin:22px auto!important;box-shadow:none!important;background:#f5f0f8!important}
html[data-janan-surface=cycle] :is(.content-card,.calendar-card,.insight){background:white!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important;padding:22px!important;margin:16px 0!important}
html[data-janan-surface=cycle] .primary-button,html[data-janan-surface=cycle] .save-button{background:var(--primary)!important;color:white!important;border:0!important;box-shadow:none!important;border-radius:10px!important;min-height:44px}
html[data-janan-surface=cycle] .symptom{border-radius:9px!important;box-shadow:none!important;background:#fff;border:1px solid var(--border)}
html[data-janan-surface=cycle] .symptom.active{background:#eee8f5!important;border-color:#cdbbdf!important;color:var(--accent)!important}
html[data-janan-surface=cycle] .cycle-illustrated-icon{display:none}
html[data-janan-surface=cycle] .bottom-sheet{background:white!important;border-radius:20px 20px 0 0!important;max-width:560px!important}
html[data-janan-surface=menopause] .shell{max-width:1040px!important;width:calc(100% - 48px)!important;margin:auto;padding:28px 0 50px!important}
html[data-janan-surface=menopause] .top{padding:0 0 22px;border-bottom:1px solid var(--border)}
html[data-janan-surface=menopause] .hero{display:block!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:30px 0!important;min-height:0!important}
html[data-janan-surface=menopause] .hero:after{display:none!important}
html[data-janan-surface=menopause] .hero h1{font-size:30px!important;max-width:26ch;line-height:1.7!important}
html[data-janan-surface=menopause] .hero p{max-width:65ch;font-size:13px;color:var(--text-secondary)}
html[data-janan-surface=menopause] :is(.menopause-illustrated-icon,.menopause-symptom-icon){display:none}
html[data-janan-surface=menopause] .grid{grid-template-columns:1.6fr 1fr;gap:18px}
html[data-janan-surface=menopause] :is(.panel,.plan){border:1px solid var(--border)!important;background:white!important;box-shadow:none!important;border-radius:14px!important}
html[data-janan-surface=menopause] .panel{padding:24px!important}
html[data-janan-surface=menopause] h2{font-size:18px!important}
html[data-janan-surface=menopause] .symptom{border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:none;font-size:12px;min-height:48px}
html[data-janan-surface=menopause] .symptom[aria-pressed=true]{background:#eee8f5!important;color:var(--accent);border-color:#cdbbdf}
html[data-janan-surface=menopause] .save{background:var(--primary)!important;border-radius:10px;box-shadow:none}
html[data-janan-surface=academy] .academy-header,html[data-janan-surface=academy] main,html[data-janan-surface=academy] .academy-footer{max-width:1120px;margin-inline:auto}
html[data-janan-surface=academy] .academy-hero{padding:36px!important;min-height:0!important;background:white!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:18px!important;margin:30px 0!important;gap:40px}
html[data-janan-surface=academy] .academy-hero h1{font-size:36px!important;line-height:1.65!important;letter-spacing:-.035em}
html[data-janan-surface=academy] .academy-hero__lead{font-size:13px!important;line-height:1.9;color:var(--text-secondary)}
html[data-janan-surface=academy] .hero-proof{font-size:11px;color:var(--text-secondary);box-shadow:none;background:none}
html[data-janan-surface=academy] .hero-note{display:none}
html[data-janan-surface=academy] .hero-atlas{border-radius:12px;box-shadow:none;width:100%;aspect-ratio:1200/630;max-height:none;background-size:contain;background-position:center;background-repeat:no-repeat}
html[data-janan-surface=academy] :is(.path-picker,.lesson-card,.trust-panel,.how-it-works){background:white!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important}
html[data-janan-surface=academy] .lesson-grid{gap:16px}
html[data-janan-surface=academy] .lesson-card h3{font-size:17px!important;line-height:1.75}
html[data-janan-surface=academy] .lesson-card p{font-size:12px!important;line-height:1.9;color:var(--text-secondary)}
html[data-janan-surface=academy] .button{border-radius:9px!important;min-height:42px;font-size:12px;box-shadow:none!important}
html[data-janan-surface=academy] .button--primary{background:var(--primary)!important;color:white!important}
html[data-janan-surface=academy] .stage-chips button{border-radius:8px;font-size:11px;box-shadow:none}
html[data-janan-surface=academy] .stage-chips button[aria-pressed=true]{background:#eee8f5!important;color:var(--accent);border-color:#cdbbdf}
html[data-janan-surface=academy] .lesson-dialog{border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 70px #31243c20}
.seo-static-page{font-family:var(--font-family)!important;max-width:900px!important;margin:auto;padding:32px 24px!important;color:var(--text)}
.seo-static-page article{border-radius:14px!important;box-shadow:none!important;border-color:var(--border)!important}

/* Responsive behavior is shared, with no miniature desktop phone frame. */
@media(min-width:900px){
  .janan-product .phone-frame.app-layout--with-sidebar{width:100%!important;max-width:none!important;grid-template-columns:224px minmax(0,1fr)!important;display:grid!important}
  .janan-product .phone-frame:not(.app-layout--with-sidebar){width:100%!important;max-width:1040px!important}
  .janan-product.app-view--login .phone-frame:not(.app-layout--with-sidebar){max-width:520px!important}
  .janan-product .bottom-nav{display:none!important}
  .janan-product .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .janan-product .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px) and (min-width:900px){
  .janan-product .app-content{padding:28px 26px 40px!important}
  .calm-dashboard__primary{grid-template-columns:1.3fr 1fr}
  .calm-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:899px){
  .janan-product>.phone-frame{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column}
  .janan-product .ds-sidebar{display:none!important}
  .janan-product .app-header{height:62px;min-height:62px!important;padding:0 18px!important}
  .janan-product .app-content{padding:24px 18px 110px!important}
  .janan-product .bottom-nav{position:fixed!important;inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:0 -4px 20px #29263305!important;background:#fffffff5!important;border:0!important;border-top:1px solid var(--border)!important;padding:8px 12px max(10px,env(safe-area-inset-bottom))!important;min-height:72px;z-index:60}
  .janan-product .bottom-nav button{font-size:10px}
  .janan-product .bottom-nav__item{border-radius:10px;box-shadow:none}
  .janan-product .bottom-nav__fab{background:var(--primary)!important;box-shadow:none!important}
  .calm-dashboard{gap:22px}
  .calm-dashboard__heading h1{font-size:24px}
  .calm-dashboard__heading p{font-size:12px}
  .calm-dashboard__primary{grid-template-columns:1fr}
  .calm-dashboard .mcd-focus-card{padding:22px!important;min-height:220px}
  .calm-stage{padding:20px}
  .calm-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .calm-quick button{padding:14px;min-height:76px}
  .janan-product h1{font-size:24px}.janan-product h2{font-size:19px}
  .app-view--login .app-content{padding:15px 20px 40px!important}
  .app-view--login .auth-card{padding:24px}
  .app-view--intake .app-content{padding-bottom:40px!important}
  .janan-public-landing .app-content{padding:22px 18px 34px!important}
  .janan-public-landing .app-header{padding:0 22px!important}
  .janan-public-landing .janan-one-screen__hero{grid-template-columns:1fr!important;min-height:0!important}
  .janan-public-landing .janan-one-screen__copy{padding:28px!important}
  .janan-public-landing .janan-one-screen h1{font-size:34px!important;max-width:16ch!important}
  .janan-public-landing .janan-one-screen__visual{display:none!important}
  .janan-public-landing .janan-one-screen__services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .janan-public-landing .janan-one-screen__services>a{padding:14px!important;min-height:90px!important;grid-template-columns:1fr!important}
  .janan-public-landing .janan-one-screen__services img{display:none!important}
  html[data-janan-surface=academy] main,html[data-janan-surface=academy] .academy-header,html[data-janan-surface=academy] .academy-footer{width:calc(100% - 32px)!important}
  html[data-janan-surface=academy] .academy-hero{padding:24px!important;grid-template-columns:1fr!important}
  html[data-janan-surface=academy] .academy-hero h1{font-size:29px!important}
  html[data-janan-surface=academy] .academy-hero__visual{display:none}
  html[data-janan-surface=academy] .lesson-grid{grid-template-columns:1fr}
  html[data-janan-surface=cycle] .app-shell,html[data-janan-surface=menopause] .shell{width:calc(100% - 32px)!important}
  html[data-janan-surface=menopause] .grid{grid-template-columns:1fr}
  html[data-janan-surface=menopause] .hero h1{font-size:26px!important}
}
@media(max-width:480px){
  .app-view--intake .form-grid{grid-template-columns:1fr}
  .janan-product :is(.form-grid,.topic-grid,.module-grid){grid-template-columns:1fr}
  .calm-dashboard__heading{align-items:flex-start;gap:12px}
  .calm-quick button{gap:8px}.calm-quick button>span{width:30px;height:30px}
  .calm-quick small{font-size:9px}
  .janan-product :is(.card,.topic-card,.module-card){padding:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
html[data-theme=night]{--bg:#211f27;--surface:#2b2832;--surface-elevated:#2b2832;--text:#f0edf4;--text-secondary:#b2aaba;--border:#3d3746;--input-bg:#302b38;--input-text:#f0edf4}

.janan-product .login-brand-strip{padding:12px 0 24px;margin:0;text-align:center;background:none;border:0;box-shadow:none}
.janan-product .login-brand-strip img{max-width:128px;height:auto}
.janan-product .login-stepper__line{display:none}
html[data-theme=night] .janan-product :is(.app-header,.ds-sidebar,.calm-stage,.calm-quick button,.auth-card,.intake-section,.mcd-more-care,.btn-secondary){background:var(--surface)!important;color:var(--text)!important}
html[data-theme=night] .calm-dashboard .mcd-focus-card{background:#382e44!important}
html[data-theme=night] .calm-dashboard .mcd-focus-card__copy h2{color:#e1d2ed}
html[data-theme=night] .calm-dashboard .mcd-focus-card__copy p{color:#bdb0c9}

/* Page review: compact forms, restrained health records and stronger reading contrast. */
.janan-product :is(.ds-card,.record-panel,.record-section,.record-hero,.pregnancy-history-card){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important}
.janan-product .ds-card{padding:24px}
.janan-product .ds-card::before,.janan-product .ds-card::after,.janan-product .record-section::before{display:none}
.janan-product .symptom-body-map-wrap{display:none}
.janan-product :is(.ds-page-header__subtitle,.page-subtitle,.type-body,.type-educational,.section-header__lead){color:#696272!important;font-size:14px!important;line-height:1.9!important}
.janan-product :is(.ds-sidebar__content,.ds-sidebar__item){font-size:13px!important}
.janan-product .ds-sidebar__group-label{color:#797180;font-size:11px}
.janan-product :is(.calm-quick small,.calm-dashboard__heading time,.calm-section-heading span,.ds-sidebar__utility){color:#797180}
.janan-product .calm-stage p,.janan-product .calm-dashboard__heading p{color:#696272}
.janan-product .mcd-today-plan{border-top:1px solid var(--border)!important}
.janan-product .auth-screen--login{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;overflow:visible!important}
.janan-product .auth-screen--login::before,.janan-product .auth-screen--login::after,.janan-product .auth-card::before,.janan-product .auth-card::after{display:none!important}
.janan-product .auth-screen--login .login-brand-strip{display:block!important}
.janan-product .auth-screen--login .auth-card{padding:28px!important;border-radius:16px!important;box-shadow:none!important}
.janan-product .auth-screen--login .form-field--phone,.janan-product .auth-screen--login .login-fields,.janan-product .auth-screen--login .login-form{border:0!important;box-shadow:none!important;background:none!important;padding:0!important}
.janan-product .auth-screen--login .section-header__lead{display:block!important;font-size:13px!important}
.janan-product .auth-screen--login .login-stepper{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.janan-product .auth-screen--login .login-stepper__item{border-radius:0!important;background:none!important}
html[data-janan-surface=cycle] .section-visual{display:none!important}
html[data-janan-surface=cycle] :is(.quick-actions button,.symptom-list button,.saturation-options button,.interval-options button,.day){box-shadow:none!important;border-radius:10px!important}
html[data-janan-surface=cycle] .quick-actions button{background:white!important;border:1px solid var(--border)!important}
html[data-janan-surface=cycle] .quick-actions span{background:#f2edf7!important;color:var(--accent)!important;border-radius:8px!important;box-shadow:none!important}
html[data-janan-surface=cycle] .content-card .section-heading{margin-bottom:22px}
html[data-janan-surface=cycle] .symptom span{font-size:18px!important}
@media(min-width:900px){.janan-cycle-entry{display:none!important}}
@media(max-width:899px){.janan-product .ds-card{padding:18px}.janan-product .auth-screen--login .auth-card{padding:22px!important}.janan-product .auth-screen--login .login-brand-strip{padding:0 0 12px}}
html[data-theme=night] .janan-product :is(.type-body,.type-educational,.ds-page-header__subtitle,.page-subtitle,.calm-stage p,.calm-dashboard__heading p){color:var(--text-secondary)!important}

.janan-product :is(.contact-hero,.contact-subnav,.contact-message-hub__card,.contact-forum-launcher,.contact-forum-spotlight,.community-connect,.peer-mother-card,.community-forum,.profile-priority,.profile-priority-card,.profile-settings-quick-card,.women-health-hub__module,.hub-action-card,.record-insight){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:none!important}
.janan-product :is(.contact-hero,.contact-message-hub__card,.profile-priority-card)::before,.janan-product :is(.contact-hero,.contact-message-hub__card,.profile-priority-card)::after{display:none!important}
.janan-product .contact-hero{padding:24px!important}
.janan-product .contact-hero h1{font-size:24px;max-width:34ch}
.janan-product .contact-hero__quick{display:none}
.janan-product .contact-subnav{position:static;padding:6px;gap:5px}
.janan-product .contact-subnav button{border-radius:8px;font-size:12px;min-height:42px;box-shadow:none}
.janan-product .contact-message-overview__primary,.janan-product .contact-message-overview__metrics>div{background:#f8f6fa!important;border:1px solid var(--border);border-radius:10px!important;box-shadow:none!important}
.janan-product .record-grid--stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.calm-women-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calm-women-tools a{display:flex;align-items:center;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--accent);text-decoration:none}
.calm-women-tools a span{flex:1;display:grid;gap:3px}
.calm-women-tools strong{font-size:14px;color:var(--text)}.calm-women-tools small{color:var(--text-secondary)}
.janan-product .janan-cycle-entry--inline{position:static!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:12px!important;margin-top:24px!important;font-family:inherit!important}
.janan-product :is(.tab-bar__indicator,.bottom-nav__indicator){background:#eee8f4!important;box-shadow:none!important;border-radius:10px!important}
@media(max-width:899px){.janan-product .record-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calm-women-tools{grid-template-columns:1fr}.janan-product .contact-hero{padding:20px!important}.janan-product .contact-hero h1{font-size:22px!important}}

:root:not([data-theme="night"]){--primary:#75618b;--primary-hover:#655177;--primary-dark:#58456c;--guided-plum:#75618b;--plum:#75618b;--plum-2:#655177}
.calm-dashboard__utility{display:flex;align-items:center;justify-content:space-between;margin-bottom:-18px;min-height:30px}
.calm-dashboard__mobile-brand{display:none!important}
.calm-notifications{display:flex;align-items:center;justify-content:center;gap:6px;margin-inline-start:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--accent);height:38px;min-width:38px;cursor:pointer}
.calm-notifications>span{font-size:10px;font-weight:700}
.janan-product .bottom-nav__center{background:var(--primary)!important;border-radius:12px!important;box-shadow:none!important;color:#fff!important;border:0!important}
.janan-product .bottom-nav__center-ring{display:none!important}
.janan-product .bottom-nav__center-icon,.janan-product .bottom-nav__center strong{color:#fff!important;background:none!important;box-shadow:none!important}
.janan-product .bottom-nav__active-pill{background:#eee8f4!important;box-shadow:none!important;border-radius:10px!important}
.janan-product .bottom-nav__icon-wrap{background:none!important;box-shadow:none!important}
.janan-product .quick-record__sheet{background:var(--surface)!important;border:1px solid var(--border);border-radius:18px!important;box-shadow:0 16px 60px #251a3330!important}
.janan-product .quick-record__option{border-radius:10px!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.janan-product .quick-record__option--primary{background:var(--accent-soft)!important}
.janan-product .quick-record__option-icon{background:#f1edf5!important;color:#75618b!important;box-shadow:none!important;border-radius:9px!important}
@media(max-width:899px){.calm-dashboard__mobile-brand{display:block!important;width:90px!important;max-height:36px}.calm-dashboard__utility{margin-bottom:-10px}.calm-notifications{height:40px;min-width:40px}}
html[data-theme=night] .janan-product .janan-brand-image{filter:brightness(0) invert(1)}
html[data-theme=night] .janan-product .bottom-nav{background:#2b2832f5!important}
html[data-theme=night] .janan-product .calm-quick button>span{background:#38303f;color:#baa3cb}

.janan-product .screen{width:100%;box-sizing:border-box}
.janan-product .icon-btn{display:inline-grid;place-items:center;min-width:38px;min-height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--accent);cursor:pointer;box-shadow:none}
.janan-product :is(.user-profile-card,.care-calendar-summary,.care-calendar-summary__primary,.care-calendar-hero,.ds-metric-card){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important}
.janan-product .user-profile-card__glow{display:none}
.janan-product .user-profile-card__inner{background:none!important}
.janan-product .login-brand-strip img{margin-inline:auto}
@media(min-width:1100px){
  .app-view--motherCare .hub-screen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .app-view--motherCare .hub-screen>.ds-page-header,.app-view--motherCare .hub-screen>.hub-section,.app-view--motherCare .hub-screen>.disclaimer{grid-column:1/-1}
  .app-view--motherCare .hub-screen>.ds-card{height:100%;margin:0}
}
html[data-theme=night]{--text:#f0edf4;--muted:#b2aaba;--text-secondary:#b2aaba;--surface-soft:#302b38;--surface-muted:#302b38;--input-text:#f0edf4;--accent:#c5afd8;--accent-text:#c5afd8;--accent-soft:#393042;--primary:#88709e;--primary-hover:#9c84b3}
html[data-theme=night] .janan-product :is(.calm-notifications,.calm-stage__icon,.quick-record__option-icon){background:var(--surface)!important;color:var(--accent)!important}
html[data-theme=night] .janan-product :is(.ds-sidebar__item,.ds-sidebar__content,.ds-sidebar__utility){color:var(--text-secondary)!important}
html[data-theme=night] .janan-product .ds-sidebar__item--active{background:#403349!important;color:#e8daf2!important}

html[data-janan-surface=cycle] .quick-actions span{filter:none!important;font-size:18px!important}
html[data-janan-surface=cycle] .quick-actions svg{color:#75618b;display:block}

.janan-product .tool-shell__hero{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 20px!important;margin:0!important;border-radius:0!important}
.janan-product .tool-shell__hero:before,.janan-product .tool-shell__hero:after{display:none!important}
.janan-product .tool-shell__icon{background:var(--accent-soft)!important;color:var(--accent)!important;box-shadow:none!important;border-radius:10px!important;width:40px;height:40px;margin-bottom:16px}
.janan-product .tool-shell__hero h1{max-width:36ch}
.janan-product .tool-shell__body{display:grid;gap:18px}
.education-search{display:grid;gap:8px;font-size:12px;font-weight:700;margin:20px 0 10px}
.education-results{font-size:12px;color:var(--text-secondary);margin:0 0 16px}
.article-status{display:inline-flex;align-self:flex-start;width:fit-content;padding:3px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:600;margin-bottom:10px}
.article-review-state{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:grid;gap:12px}
.article-review-state h2,.article-review-state h3{margin:0}.article-review-state p{font-size:14px;line-height:2;color:var(--text-secondary);max-width:70ch;margin:0 0 8px}.article-review-state .btn{justify-self:start}
.janan-product .education-screen .topic-card{display:flex;flex-direction:column;gap:10px}.janan-product .education-screen .topic-card .topic-card__link{margin-top:auto;align-self:flex-start}

body:has(.janan-product)>.janan-academy-entry{display:none!important}
.education-academy-link{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--accent);text-decoration:none}
.education-academy-link strong{font-size:14px}.education-academy-link span{font-size:12px;color:var(--text-secondary)}.education-academy-link span:last-child{margin-inline-start:auto;color:var(--accent)}
.education-tools{border:1px solid var(--border);background:var(--surface);border-radius:14px}
.education-tools__body{display:grid;gap:22px;padding:0 20px 20px}
@media(max-width:480px){.education-academy-link{gap:8px;padding:14px}.education-academy-link span{font-size:11px}}

/* Home overview: compact, illustrated, and driven by the active care record. */
.janan-product .janan-home{gap:23px;padding-bottom:12px;grid-template-columns:minmax(0,1fr)}
.janan-home>*{min-width:0}
.janan-home .calm-dashboard__heading{align-items:center;margin-top:-8px}
.janan-home .calm-dashboard__heading h1{font-size:25px;margin:5px 0 4px;letter-spacing:-.6px}
.janan-home .calm-dashboard__heading p{margin:0;font-size:12px}
.janan-home button{font-family:inherit;cursor:pointer}
.janan-home button:focus-visible{outline:3px solid #9b7db5;outline-offset:4px}
.janan-home .home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-shortcuts>button{display:flex;flex-direction:column;align-items:center;gap:9px;border:0;padding:0;background:transparent;color:#45404f;font-size:12px}
.home-shortcuts>button>span{display:grid;place-items:center;width:100%;height:94px;border:1px solid #eee5ee;border-radius:20px;background:linear-gradient(145deg,#fffaf7,#f1eaf6);transition:background .2s,transform .2s}
.home-shortcuts>button:nth-child(2)>span{background:linear-gradient(145deg,#faf9ff,#ece7f5)}
.home-shortcuts>button:nth-child(3)>span{background:linear-gradient(145deg,#fffaf9,#f6e9ed)}
.home-shortcuts>button:nth-child(4)>span{background:linear-gradient(145deg,#fffdf8,#f4eee4)}
.home-shortcuts img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 3px 3px #6540600d)}
.home-shortcuts>button:hover>span{transform:translateY(-2px)}
.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.janan-home .home-section-title h2{font-size:15px;font-weight:850;margin:0;color:#3c3445}
.home-section-title>button,.home-stage-line>button{display:flex;align-items:center;gap:4px;border:0;background:none;padding:7px 0;color:#80678e;font-size:11px;white-space:nowrap}
.home-overview{padding:16px 18px 8px;border:1px solid #e9e3ed;border-radius:18px;background:#fff}
.home-overview--mother{border-top:3px solid #c7afd6}
.home-overview--child{border-top:3px solid #e1bec9}
.home-stage-line{display:flex;align-items:center;gap:7px;padding:0 0 10px;font-size:11px;color:#817589;border-bottom:1px solid #f0ecf3}
.home-stage-line>button{margin-right:auto;padding:0;font-size:10px}
.home-stage-dot{width:6px;height:6px;border-radius:50%;background:#a48bb7}
.home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 0 7px}
.home-metric{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:center;border:0;background:transparent;color:#817888;padding:0 5px}
.home-metric+.home-metric{border-right:1px solid #efeaf2}
.home-metric>span{font-size:10px}
.home-metric>strong{font-size:14px;color:#5e466c;font-weight:800;overflow-wrap:anywhere;line-height:1.5}
.home-metric>small{font-size:9px;color:#908995}
.home-child-empty{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:5px 0 10px;text-align:right;color:#8b7385}
.home-child-empty>span:nth-child(2){display:grid;gap:6px;flex:1}
.home-child-empty strong{font-size:12px;color:#6e5063}
.home-child-empty small{font-size:10px;line-height:1.8;color:#847681}
.home-child-symbol{display:grid;place-items:center;background:#f8eff3;border-radius:14px;width:46px;height:46px;flex-shrink:0}
.home-task-list{background:#fff;border:1px solid #e9e3ed;border-radius:16px;padding:0 14px}
.home-task{width:100%;display:flex;align-items:center;gap:10px;min-height:72px;padding:13px 0;border:0;background:transparent;text-align:right;color:#8b7895}
.home-task+.home-task{border-top:1px solid #f0edf3}
.home-task-icon{display:grid;place-items:center;background:#f5f0f9;width:34px;height:34px;border-radius:10px;flex-shrink:0}
.home-task>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}
.home-task strong{font-size:12px;color:#473d50;line-height:1.8}
.home-task small{font-size:10px;color:#89818e;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-task em{font-size:9px;font-style:normal;background:#f7f0ea;color:#8d735b;padding:3px 6px;border-radius:5px;white-space:nowrap}
.home-task.is-done em{background:#eef5f0;color:#518269}
.home-task:disabled{cursor:default}
.home-empty-plan{font-size:12px;color:#89818e;padding:10px}
.home-daily-tip{position:relative;display:flex;align-items:center;gap:12px;padding:20px;border-radius:18px;border:1px solid #eee1d6;background:linear-gradient(115deg,#f3e8e0 0%,#fffaf4 66%);overflow:hidden}
.home-daily-tip>div{position:relative;z-index:1;flex:1;min-width:0}
.home-tip-label{font-size:10px;color:#a48369}
.janan-home .home-daily-tip h2{font-size:15px;line-height:1.8;margin:7px 0;color:#684f4c;font-weight:800}
.home-daily-tip p{font-size:11px;line-height:2;color:#87716b;margin:0}
.home-daily-tip button{display:flex;align-items:center;gap:3px;margin-top:10px;background:none;border:0;padding:3px 0;font-size:11px;color:#8d6979;font-weight:750}
.home-daily-tip>img{width:95px;height:105px;object-fit:contain;transform:rotate(-9deg);flex-shrink:0}
.home-article-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 9px;scrollbar-width:thin;scrollbar-color:#d6c6df transparent}
.home-article{flex:0 0 300px;scroll-snap-align:start;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e9e3ed;border-radius:14px;padding:10px;text-align:right;min-height:108px;color:#9b88a6}
.home-article-art{display:grid;place-items:center;width:66px;min-height:83px;align-self:stretch;border-radius:10px;background:#f3eef7;flex-shrink:0}
.home-article-art--1{background:#f7eeee}.home-article-art--2{background:#f5f0e6}
.home-article-art img{width:60px;height:64px;object-fit:contain}
.home-article-copy{flex:1;min-width:0;display:grid;gap:7px}
.home-article-copy>small{font-size:9px;color:#9a849a}
.home-article-copy>strong{font-size:11px;line-height:1.9;color:#54445d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-article-copy>time{font-size:9px;color:#99919d}
@media(min-width:1000px){.janan-product .janan-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.janan-home>:is(.calm-dashboard__utility,.calm-dashboard__heading,.mcd-emergency-strip,.home-shortcuts,.home-library,.mcd-more-care){grid-column:1/-1}.home-shortcuts>button>span{height:104px}.home-shortcuts img{width:87px;height:87px}.home-daily-tip{align-self:stretch}.home-daily-tip>img{width:120px;height:140px}.home-overview{align-self:start}.home-article{flex-basis:310px}}
@media(max-width:480px){.janan-product .janan-home{gap:20px}.janan-home .calm-dashboard__heading h1{font-size:23px}.janan-home .home-shortcuts{gap:10px}.home-shortcuts>button>span{height:81px;border-radius:17px}.home-shortcuts img{width:68px;height:68px}.home-shortcuts>button{font-size:11px}.home-overview{padding:13px 13px 7px}.home-daily-tip{padding:17px}.home-daily-tip>img{width:76px;height:95px}}
@media(max-width:360px){.janan-home .home-shortcuts{gap:7px}.home-shortcuts>button>span{height:65px}.home-shortcuts img{width:55px;height:55px}.home-shortcuts>button{font-size:10px}.home-section-title>button{font-size:10px}.home-daily-tip>img{width:56px}.home-metric>strong{font-size:12px}.home-article{flex-basis:265px}.home-task em{display:none}}
@media(prefers-reduced-motion:reduce){.home-shortcuts>button>span{transition:none}.home-shortcuts>button:hover>span{transform:none}}

/* Home section palette: one framing system with a distinct accent per purpose. */
.janan-home{--home-ink:#3e3448;--home-muted:#746b7e;--home-radius:20px}
.janan-home .home-overview--mother{--section-accent:#75518f;--section-border:#e3d7ec;--section-bg:#f8f4fb;--section-soft:#ece1f4}
.janan-home .home-overview--child{--section-accent:#995b75;--section-border:#eedbe3;--section-bg:#fcf5f8;--section-soft:#f6e4eb}
.janan-home .home-today{--section-accent:#477365;--section-border:#dce9e3;--section-bg:#f4f8f5;--section-soft:#e2eee7}
.janan-home .home-library{--section-accent:#69628b;--section-border:#e1deed;--section-bg:#f7f6fb;--section-soft:#eae7f4}
.janan-home :is(.home-overview,.home-today,.home-library){border:1px solid var(--section-border);border-radius:var(--home-radius);background:var(--section-bg);padding:16px;box-shadow:0 3px 12px #46314f03}
.janan-home .home-section-title{margin-bottom:13px;gap:8px;min-height:32px}
.home-section-title__label{display:flex;align-items:center;gap:9px;min-width:0}
.janan-home .home-section-title h2{color:var(--home-ink);font-size:14px;line-height:1.8;font-weight:800}
.home-section-title__icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:10px;background:var(--section-soft);color:var(--section-accent)}
.janan-home .home-section-title>button{color:var(--section-accent);font-size:11px;font-weight:650;min-height:36px}
.janan-home .home-stage-line{border-bottom:0;padding:0 2px 12px;color:var(--section-accent)}
.janan-home .home-stage-line>button{color:var(--section-accent);font-size:11px}
.janan-home .home-stage-dot{background:var(--section-accent)}
.janan-home .home-metrics{gap:6px;padding:0}
.janan-home .home-metric{background:#ffffffc9;border:1px solid #ffffff;border-radius:12px;padding:12px 3px;gap:8px;transition:background .16s}
.janan-home .home-metric+.home-metric{border-right:1px solid #fff}
.janan-home .home-metric:hover{background:#fff}
.janan-home .home-metric>span{color:#716776;font-size:11px}
.janan-home .home-metric>strong{color:var(--section-accent);font-size:14px}
.janan-home .home-metric>small{color:#7d7384;font-size:10px}
.janan-home .home-child-empty{border:1px solid #fff;background:#ffffffa8;border-radius:12px;padding:13px 10px;color:var(--section-accent)}
.janan-home .home-child-symbol{background:var(--section-soft);color:var(--section-accent);width:38px;height:42px;border-radius:10px}
.janan-home .home-child-empty strong{color:#774b60;font-size:12px}
.janan-home .home-child-empty small{color:#866576;font-size:11px}
.janan-home .home-task-list{padding:0 11px;border:1px solid #fff;border-radius:13px;background:#ffffffcf}
.janan-home .home-task{min-height:70px;gap:9px}
.janan-home .home-task+.home-task{border-top-color:#e9f0eb}
.janan-home .home-task-icon{background:#eaf3ed;color:#527b69;border:1px solid #e0ece4}
.janan-home .home-task strong{color:#3e5147;font-size:12px}
.janan-home .home-task small{color:#718077;font-size:11px}
.janan-home .home-task em{color:#806346;background:#f7efdf}
.janan-home .home-task.is-done em{color:#416b56;background:#e4f1e8}
.janan-home .home-task>svg{color:#668373}
.janan-home .home-daily-tip{border:1px solid #eaddc9;border-radius:var(--home-radius);background:linear-gradient(115deg,#f3e8d7,#fffaf2);padding:21px;box-shadow:0 3px 12px #6d553703}
.janan-home .home-tip-label{color:#91754e;font-size:11px}
.janan-home .home-daily-tip h2{color:#6b503b;font-size:15px}
.janan-home .home-daily-tip p{color:#7d6856;font-size:12px}
.janan-home .home-daily-tip button{color:#765b43;min-height:36px}
.home-library-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:1px 2px 12px;border-bottom:1px solid var(--section-border)}
.home-library-intro strong{font-size:13px;color:#544c71;line-height:1.8}
.home-library-intro p{font-size:11px;color:#79708b;margin:4px 0 0;line-height:1.8}
.home-library-intro>button{display:flex;align-items:center;gap:3px;white-space:nowrap;border:1px solid #ded7ec;border-radius:9px;background:#eeebf6;padding:8px 10px;min-height:38px;color:#65517d;font-size:11px;font-weight:700}
.janan-home .home-article{border-color:#e8e3ef;border-radius:13px;background:#fff;flex-basis:290px;box-shadow:0 2px 4px #49335303}
.janan-home .home-article-copy>small{color:#806487}
.janan-home .home-article-copy>strong{font-size:12px;color:#4c405b}
.janan-home .home-article-copy>time{color:#7e7389;font-size:10px}
.janan-home .home-shortcuts>button>span{border-radius:18px;border-color:#e8deed;box-shadow:inset 0 1px 0 #fff,0 3px 8px #4b315105}
.janan-home .home-shortcuts>button strong{font-weight:750;color:#5d4c68}
.janan-home .mcd-more-care{border-radius:16px!important;background:#fff!important}
@media(min-width:1000px){.janan-home .home-overview{align-self:stretch}.janan-home .home-overview--child{display:flex;flex-direction:column}.janan-home .home-child-empty{flex:1}.janan-home .home-article{flex-basis:310px}}
@media(max-width:480px){.janan-home :is(.home-overview,.home-today,.home-library){padding:13px}.janan-home .home-shortcuts>button{font-size:10px}.janan-home .home-section-title h2{font-size:13px}.janan-home .home-daily-tip{padding:17px}.home-library-intro{gap:8px}.home-library-intro>button{font-size:10px;padding:8px}.home-library-intro strong{font-size:12px}}
@media(max-width:360px){.home-section-title__label{gap:6px}.home-section-title__icon{width:26px;height:28px;border-radius:8px}.janan-home .home-section-title h2{font-size:12px}.janan-home .home-section-title>button{font-size:10px}.janan-home .home-metric>span{font-size:10px}.janan-home .home-metric>strong{font-size:12px}.janan-home .home-metric>small{font-size:9px}.home-library-intro{align-items:flex-start;flex-direction:column}.janan-home .home-article{flex-basis:245px}.janan-home .home-shortcuts>button{font-size:9px}}
html[data-theme=night] .janan-home{--home-ink:#f2eaf7;--home-muted:#c4b8ce}
html[data-theme=night] .janan-home :is(.home-overview,.home-today,.home-library){--section-bg:#2c2733;--section-border:#493b54;--section-soft:#41334e;--section-accent:#d2b6e7}
html[data-theme=night] .janan-home .home-overview--child{--section-bg:#30272f;--section-border:#503e4b;--section-soft:#4a3544;--section-accent:#e5b9ca}
html[data-theme=night] .janan-home .home-today{--section-bg:#26302c;--section-border:#3c5147;--section-soft:#344b3f;--section-accent:#afd3be}
html[data-theme=night] .janan-home :is(.home-metric,.home-child-empty,.home-task-list,.home-article){background:#211e28;border-color:#43394d}
html[data-theme=night] .janan-home :is(.home-metric>span,.home-metric>small,.home-child-empty small,.home-task small,.home-article-copy>time,.home-library-intro p){color:#bfb3c9}
html[data-theme=night] .janan-home :is(.home-child-empty strong,.home-task strong,.home-article-copy>strong,.home-library-intro strong,.home-shortcuts>button strong){color:#e8dced}
html[data-theme=night] .janan-home .home-daily-tip{background:linear-gradient(115deg,#3a3029,#302923);border-color:#584738}
html[data-theme=night] .janan-home .home-daily-tip :is(h2,p,button,.home-tip-label){color:#ead4b8}
@media(prefers-reduced-motion:reduce){.janan-home .home-metric{transition:none}}

/* Reading hierarchy: real variable font weights, calmer body copy and clear labels. */
:root{--type-body:15px;--type-label:13px;--type-caption:12px;--weight-body:450;--weight-label:600;--weight-title:750;--weight-display:800;--reading-ink:#3f3549;--reading-secondary:#6c6075}
.janan-product{font-synthesis:none;text-rendering:optimizeLegibility}
.janan-product :is(h1,h2,h3,h4,p,button,label,input,textarea,select){letter-spacing:normal}
.janan-product :is(p,li){font-size:15px;font-weight:450;line-height:1.95}
.janan-product h1{font-size:28px;font-weight:800;line-height:1.65}
.janan-product h2{font-weight:750;line-height:1.75}
.janan-product h3{font-weight:700;line-height:1.8}
.janan-product strong{font-weight:700}
.janan-product :is(.button,.btn,.ds-button){font-size:13px;font-weight:650}
.janan-product :is(.form-field,.field-label){font-size:13px;font-weight:600}
.janan-product :is(input,select,textarea){font-size:14px!important;font-weight:450}
.janan-home .calm-dashboard__heading h1{font-size:27px;font-weight:800;letter-spacing:normal}
.janan-home .calm-dashboard__heading p{font-size:14px;font-weight:450;color:#6b5d74}
.janan-home .calm-dashboard__heading time{font-size:12px;font-weight:500;color:#74657e}
.janan-home .home-shortcuts>button strong{font-size:12px;font-weight:650;color:#594565}
.janan-home .home-section-title h2{font-size:16px;font-weight:750;color:#493451}
.janan-home .home-section-title button{font-size:12px;font-weight:600}
.janan-home .home-stage-line{font-size:12px;font-weight:500}
.janan-home .home-stage-line strong{font-weight:650}
.janan-home .home-metric>span{font-size:12px;font-weight:500;color:#6b5b75}
.janan-home .home-metric>strong{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums}
.janan-home .home-metric>small{font-size:11px;font-weight:450;color:#75657e}
.janan-home .home-child-empty strong{font-size:13px;font-weight:700;color:#79435b}
.janan-home .home-child-empty small{font-size:12px;font-weight:450;color:#79576a}
.janan-home .home-task strong{font-size:14px;font-weight:650;color:#365444}
.janan-home .home-task small{font-size:12px;font-weight:450;color:#607266}
.janan-home .home-task em{font-size:10px;font-weight:600;color:#7b5b38}
.janan-home .home-tip-label{font-size:12px;font-weight:600;color:#806440}
.janan-home .home-daily-tip h2{font-size:17px;font-weight:750;color:#66482f}
.janan-home .home-daily-tip p{font-size:14px;font-weight:450;line-height:2;color:#735c47}
.janan-home .home-daily-tip button{font-size:12px;font-weight:650;color:#715033}
.janan-home .home-library-intro strong{font-size:14px;font-weight:700;color:#55416d}
.janan-home .home-library-intro p{font-size:12px;font-weight:450;color:#6c5d7d}
.janan-home .home-library-intro button{font-size:12px;font-weight:650}
.janan-home .home-article{flex-basis:330px;gap:12px;min-height:126px;padding:10px}
.janan-home .home-article-art{width:94px;min-height:100px;border-radius:10px;overflow:hidden;background:#f1e7ed;align-self:stretch}
.janan-home .home-article-art .article-artwork{display:block;width:100%;height:100%;min-height:100px;object-fit:cover}
.janan-home .home-article-copy>strong{font-size:13px;font-weight:700;line-height:1.9;color:#4c365d;-webkit-line-clamp:3}
.janan-home .home-article-copy>small{font-size:11px;font-weight:550;color:#785582}
.janan-home .home-article-copy>time{font-size:11px;font-weight:450;color:#72627c}
.article-artwork{display:block;max-width:100%;background:#f5edf0}
.article-artwork--card{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:12px}
.article-artwork--hero{width:100%;height:auto;max-height:440px;aspect-ratio:3/2;object-fit:contain;border:1px solid #ebe1e8;border-radius:18px;margin:0 0 6px}
.janan-product .article-library-card{padding:14px!important;gap:12px;border-radius:16px!important}
.janan-product .article-library-card>strong{font-size:16px;font-weight:750;color:var(--reading-ink)}
.janan-product .article-library-card p{font-size:14px;font-weight:450;line-height:1.95;color:var(--reading-secondary)}
.janan-product .article-library-card .article-status{font-size:12px;font-weight:550}
.janan-product .article-meta{font-size:14px;line-height:2}
.janan-product :is(.article-review-state,.article-faq) p{font-size:15px;line-height:2;font-weight:450}
.janan-product .article-faq strong{font-size:16px;font-weight:700}
@media(max-width:600px){.janan-home .calm-dashboard__heading h1{font-size:25px}.janan-home .home-shortcuts>button strong{font-size:11px}.janan-home .home-section-title h2{font-size:15px}.janan-home .home-article{flex-basis:310px}.article-artwork--hero{aspect-ratio:1;max-height:400px}}
@media(max-width:360px){.janan-home .calm-dashboard__heading h1{font-size:23px}.janan-home .home-shortcuts>button strong{font-size:10px}.janan-home .home-section-title h2{font-size:13px}.janan-home .home-metric>strong{font-size:14px}.janan-home .home-metric>small{font-size:10px}.janan-home .home-article{flex-basis:258px}.janan-home .home-article-art{width:82px}}
@media(min-width:1100px){.education-screen .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme=night]{--reading-ink:#ede0f5;--reading-secondary:#c8b9d1}
html[data-theme=night] .janan-home :is(.calm-dashboard__heading p,.calm-dashboard__heading time,.home-metric>span,.home-metric>small,.home-child-empty small,.home-task small,.home-article-copy>time,.home-library-intro p){color:#c8b9d1}
html[data-theme=night] .janan-home :is(.home-section-title h2,.home-child-empty strong,.home-task strong,.home-article-copy>strong,.home-library-intro strong,.home-shortcuts>button strong){color:#ede0f5}
html[data-theme=night] .janan-home .home-daily-tip :is(h2,p,button,.home-tip-label){color:#ead4b8}
html[data-theme=night] .article-artwork--hero{background:#302833;border-color:#504157}

/* Sculpted navigation and maternal workspace. */
.care-artwork{display:block;object-fit:contain;flex-shrink:0;width:64px;height:64px}
.ds-sidebar__content>.care-artwork{width:32px;height:32px;margin:-4px}
.janan-product .bottom-nav--sculpted .bottom-nav__side{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:65px;padding:4px 2px;border-radius:18px;color:var(--text-secondary);background:transparent;isolation:isolate}
.janan-product .bottom-nav--sculpted .bottom-nav__icon-wrap{width:38px;height:38px;display:grid;place-items:center;opacity:1!important;filter:none!important}
.janan-product .bottom-nav--sculpted .bottom-nav__icon-wrap .care-artwork{width:38px;height:38px;transition:transform .18s}
.janan-product .bottom-nav--sculpted .bottom-nav__side.active{background:var(--primary-light);color:var(--primary-dark)}
.janan-product .bottom-nav--sculpted .bottom-nav__side.active .care-artwork{transform:translateY(-2px) scale(1.08)}
.janan-product .bottom-nav--sculpted .bottom-nav__side strong{font-size:11px;font-weight:600;line-height:1.5;position:relative;z-index:1}
.janan-product .bottom-nav--sculpted .bottom-nav__side.active strong{font-weight:800}
.janan-product .bottom-nav--sculpted .bottom-nav__active-pill{inset:0!important;border-radius:18px!important;background:var(--primary-light)!important;z-index:-1}
.janan-product .bottom-nav--sculpted .bottom-nav__center{height:64px;width:62px;flex:0 0 62px;min-width:0;margin:0 4px;gap:0;padding:4px;align-self:center;border-radius:21px!important;background:linear-gradient(145deg,var(--primary),var(--primary-dark))!important;box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 24%,transparent),inset 0 1px 1px #ffffff65!important;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--surface))!important;transform:none}
.janan-product .bottom-nav--sculpted .bottom-nav__center-icon{width:38px!important;height:36px!important;margin:0;display:grid;place-items:center;transition:transform .2s}
.janan-product .bottom-nav--sculpted .bottom-nav__center-icon .care-artwork{width:38px;height:38px}
.janan-product .bottom-nav--sculpted .bottom-nav__center-label{font-size:11px;font-weight:700;color:#fff;line-height:1.5;margin:0}
.janan-product .bottom-nav--sculpted .bottom-nav__center--active .bottom-nav__center-icon{transform:rotate(45deg)}
@media(max-width:899px){.janan-product .bottom-nav.bottom-nav--sculpted{inset:auto 12px max(12px,env(safe-area-inset-bottom))!important;width:calc(100% - 24px)!important;max-width:560px!important;margin-inline:auto;display:flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--primary) 23%,var(--surface))!important;border-radius:26px!important;padding:7px 9px!important;min-height:80px;background:color-mix(in srgb,var(--surface) 96%,var(--primary-light))!important;box-shadow:0 10px 32px color-mix(in srgb,var(--primary-dark) 16%,transparent),inset 0 1px 0 var(--surface)!important;backdrop-filter:blur(16px)}.janan-product .app-content:not(.app-content--no-nav){padding-bottom:calc(126px + env(safe-area-inset-bottom))!important}}
.janan-product .mother-care-page{display:flex;flex-direction:column;gap:24px}
.mother-page-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.mother-page-heading .eyebrow{margin:0 0 3px;color:var(--primary);font-size:12px;font-weight:550}.janan-product .mother-page-heading h1{margin:0;font-size:27px}
.mother-hero{position:relative;display:flex;align-items:center;gap:6px;padding:22px 24px;border-radius:24px;border:1px solid color-mix(in srgb,var(--lilac) 28%,var(--surface));background:linear-gradient(120deg,var(--rose-light),var(--lilac-light) 60%,var(--surface));overflow:hidden}
.mother-hero__copy{position:relative;z-index:1;flex:1;min-width:0}.mother-hero__eyebrow{font-size:12px;font-weight:600;color:var(--primary)}
.janan-product .mother-hero h2{font-size:24px;font-weight:800;color:var(--primary-dark);line-height:1.7;margin:8px 0}.janan-product .mother-hero p{font-size:13px;line-height:1.95;margin:0 0 16px;color:var(--reading-secondary)}
.mother-hero__art{width:180px;height:200px;align-self:flex-end}.mother-hero .button{gap:6px}
.mother-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mother-shortcuts>button{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;min-width:0;color:var(--reading-ink)}
.mother-shortcuts>button>span{display:grid;place-items:center;width:100%;height:80px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.mother-shortcuts>button:nth-child(2)>span{background:var(--lilac-pastel)}.mother-shortcuts>button:nth-child(3)>span{background:var(--rose-pastel)}.mother-shortcuts>button:nth-child(4)>span{background:var(--green-bg)}.mother-shortcuts strong{font-size:12px;font-weight:650}.mother-shortcuts .care-artwork{width:68px;height:68px}
.mother-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.janan-product .mother-section-title h2{font-size:17px;font-weight:750;margin:0}
.mother-section-title>button,.mother-text-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;background:none;border:0;padding:6px 0;font-size:12px;font-weight:650;color:var(--primary-dark);text-align:right}.mother-section-title>span{font-size:11px;color:var(--text-secondary)}
.mother-screening{padding:16px 18px;border:1px solid var(--border);background:var(--surface);border-radius:20px}
.mother-screening__next{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--lilac-pastel);border:0;border-radius:14px;padding:10px;color:var(--primary)}.mother-screening__next>span{flex:1;display:grid;gap:2px;min-width:0}.mother-screening__next strong{font-size:14px;color:var(--reading-ink)}.mother-screening__next small{font-size:11px;color:var(--reading-secondary)}.mother-screening__next .care-artwork{width:52px;height:52px}
.mother-screening__progress{display:flex;align-items:center;gap:14px;margin-top:13px}.mother-screening__progress>span{font-size:11px;color:var(--text-secondary);white-space:nowrap}.mother-screening progress{width:100%;flex:1;height:5px;appearance:none;border:0;border-radius:8px;background:var(--primary-light);overflow:hidden}.mother-screening progress::-webkit-progress-bar{background:var(--primary-light)}.mother-screening progress::-webkit-progress-value{background:var(--lilac);border-radius:8px}.mother-screening progress::-moz-progress-bar{background:var(--lilac)}
.mother-checkin{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid color-mix(in srgb,var(--rose) 25%,var(--surface));border-radius:22px;background:var(--rose-pastel)}.mother-checkin>.care-artwork{width:94px;height:108px}.mother-checkin>div{flex:1;min-width:0}.mother-card-kicker{font-size:11px;color:var(--rose-deep)}.janan-product .mother-checkin h2{font-size:19px;color:var(--rose-deep);margin:4px 0 8px}.janan-product .mother-checkin p{font-size:13px;color:var(--reading-secondary);margin:0 0 12px}
.mother-inline-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.janan-product .mother-care-summary{font-size:12px;color:var(--text-secondary);margin:-13px 3px 0}
.mother-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mother-support-card{border:1px solid var(--border);border-radius:20px;padding:18px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.mother-support-card>.care-artwork{width:70px;height:70px;margin-bottom:0}.mother-support-card--women{background:var(--green-bg)}.janan-product .mother-support-card h2{font-size:17px;margin:0}.janan-product .mother-support-card p{font-size:13px;line-height:1.95;margin:0;color:var(--reading-secondary)}.mother-support-card small{font-size:11px;color:var(--text-secondary)}.mother-support-card .mother-inline-actions,.mother-support-card>.mother-text-link{margin-top:auto}
.mother-tools{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.mother-tools .stage-tools__grid{gap:10px}.mother-tools .stage-tool-card{border:1px solid var(--border)!important;background:var(--surface-soft)!important;padding:12px!important;border-radius:14px!important;gap:10px}.mother-tools .stage-tool-card__icon{width:48px;height:48px;background:none!important;box-shadow:none!important;flex-shrink:0}.mother-tools .stage-tool-card__icon>.care-artwork{width:48px;height:48px}.mother-tools .stage-tool-card__body strong{font-size:13px}.mother-tools .stage-tool-card__body>span{font-size:11px;color:var(--reading-secondary)}.mother-tools .stage-tools__label{font-size:12px}.mother-more-actions .ds-card{margin:0}.mother-learning{min-width:0}
@media(min-width:900px){.janan-product .mother-care-page{display:grid;grid-template-columns:1.15fr 1fr;align-items:start}.mother-page-heading,.mother-care-page>.ds-alert,.mother-hero,.mother-shortcuts,.mother-support-grid,.mother-more-actions,.mother-tools,.mother-learning,.mother-care-page>.ds-disclaimer{grid-column:1/-1}.mother-hero__art{width:220px;height:210px}.mother-shortcuts>button>span{height:94px}.mother-care-summary{grid-column:1/-1}.mother-screening,.mother-checkin{height:100%;box-sizing:border-box}}
@media(max-width:600px){.mother-hero{padding:18px 16px;gap:0}.mother-hero__art{width:128px;height:172px;margin-left:-7px}.janan-product .mother-hero h2{font-size:21px}.janan-product .mother-hero p{font-size:12px}.mother-support-grid{grid-template-columns:1fr}.mother-support-card{display:grid;grid-template-columns:1fr 72px;gap:7px 12px}.mother-support-card>.care-artwork{grid-column:2;grid-row:1/4;align-self:center}.mother-support-card>:not(.care-artwork){grid-column:1}.mother-support-card .mother-inline-actions{grid-column:1/-1}.mother-checkin{padding:18px;gap:10px}.mother-checkin>.care-artwork{width:68px;height:88px}.mother-shortcuts{gap:10px}}
@media(max-width:360px){.janan-product .mother-page-heading h1{font-size:23px}.mother-hero__art{width:95px;height:155px}.janan-product .mother-hero h2{font-size:18px}.mother-shortcuts{gap:7px}.mother-shortcuts>button>span{height:65px;border-radius:16px}.mother-shortcuts .care-artwork{width:54px;height:54px}.mother-shortcuts strong{font-size:10px}.mother-checkin>.care-artwork{width:48px}.janan-product .mother-checkin h2{font-size:17px}.mother-inline-actions{gap:8px}.janan-product .bottom-nav.bottom-nav--sculpted{inset:auto 8px max(9px,env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;padding:6px!important;gap:2px}.janan-product .bottom-nav--sculpted .bottom-nav__center{width:52px;flex-basis:52px;margin:0 2px}.janan-product .bottom-nav--sculpted .bottom-nav__icon-wrap,.janan-product .bottom-nav--sculpted .bottom-nav__icon-wrap .care-artwork{width:33px;height:33px}.janan-product .bottom-nav--sculpted .bottom-nav__side strong{font-size:10px}}
html[data-theme=night] .mother-hero{background:linear-gradient(120deg,var(--surface),var(--primary-light))}html[data-theme=night] .mother-checkin,html[data-theme=night] .mother-support-card--women{background:var(--surface-soft)}
@media(prefers-reduced-motion:reduce){.bottom-nav--sculpted .care-artwork,.bottom-nav--sculpted .bottom-nav__center-icon{transition:none!important;transform:none!important}}

/* Quick recording rises as a focused page, with separate mother and child tools. */
.janan-product .quick-record{z-index:100}
.janan-product .quick-record__backdrop{background:rgba(29,21,40,.36);backdrop-filter:blur(5px)}
.janan-product .quick-record--closing .quick-record__sheet{pointer-events:none}
.janan-product .quick-record__sheet.quick-record__sheet--floating{position:fixed;bottom:0;right:50%;left:auto;translate:50% 0;width:min(100%,600px);height:min(95dvh,840px);max-height:none;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--surface));border-bottom:0;border-radius:30px 30px 0 0!important;background:var(--surface)!important;box-shadow:0 -18px 70px #24172e38!important;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.janan-product .quick-record__handle{width:40px;height:5px;margin-bottom:14px;background:var(--border-strong)}
.janan-product .quick-record__header--pro{position:sticky;top:-12px;z-index:2;align-items:center;margin:0 -18px 12px;padding:2px 18px 14px;background:var(--surface);border-bottom:1px solid var(--border)}
.janan-product .quick-record__header--pro .eyebrow{margin:0 0 2px;color:var(--primary);font-size:11px;font-weight:700}
.janan-product .quick-record__header--pro h2{font-size:21px;font-weight:850;line-height:1.5;letter-spacing:0;color:var(--reading-ink)}
.janan-product .quick-record__subtitle{font-size:11px;font-weight:500;color:var(--reading-secondary)}
.janan-product .quick-record__close{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:var(--surface-soft);color:var(--primary)}
.janan-product .quick-record__sections{display:grid;gap:14px}
.janan-product .quick-record__group{padding:10px;border:1px solid var(--border);border-radius:21px;background:var(--surface-soft)}
.janan-product .quick-record__group--baby{background:color-mix(in srgb,var(--rose-light) 42%,var(--surface))}
.janan-product .quick-record__group-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.janan-product .quick-record__group-heading>.care-artwork{width:38px;height:38px}
.janan-product .quick-record__group-heading h3{margin:0;font-size:15px;line-height:1.5;font-weight:800;color:var(--reading-ink)}
.janan-product .quick-record__group-heading p{margin:0;font-size:10.5px;color:var(--reading-secondary)}
.janan-product .quick-record__grid--stagger{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.janan-product .quick-record__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:88px;padding:7px 4px!important;text-align:center;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:15px!important;box-shadow:0 2px 8px #23162d08!important}
.janan-product .quick-record__option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.janan-product .quick-record__option-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:none!important;box-shadow:none!important}
.janan-product .quick-record__option-icon .care-artwork{width:38px;height:38px}
.janan-product .quick-record__option>span:last-child{width:100%}
.janan-product .quick-record__option strong{font-size:11px;font-weight:800;line-height:1.35;color:var(--reading-ink)}
.janan-product .quick-record__option small{font-size:9px;line-height:1.35;color:var(--reading-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:360px){.janan-product .quick-record__sheet.quick-record__sheet--floating{padding-inline:12px}.janan-product .quick-record__header--pro{margin-inline:-12px;padding-inline:12px}.janan-product .quick-record__group{padding:9px}.janan-product .quick-record__grid--stagger{gap:6px}.janan-product .quick-record__option{min-height:86px;gap:3px;padding:5px 2px!important}.janan-product .quick-record__option-icon,.janan-product .quick-record__option-icon .care-artwork{width:34px;height:34px}.janan-product .quick-record__option-icon{flex-basis:34px}.janan-product .quick-record__option strong{font-size:10px}.janan-product .quick-record__option small{font-size:8px}}
html[data-theme=night] .janan-product .quick-record__group--baby{background:var(--surface-soft)}
.health-record .form-grid{scroll-margin-top:86px}
/* Compact first view; deeper tools stay one tap away, without nested scrolling. */
.janan-product .mother-care-page{display:flex;gap:14px}
.janan-product .mother-page-heading h1{font-size:24px}
.mother-hero{padding:14px 18px;min-height:130px}
.mother-hero__art{width:132px;height:140px;align-self:center}
.janan-product .mother-hero h2{font-size:22px;margin:3px 0 4px}
.janan-product .mother-hero p{font-size:12px;line-height:1.8;margin-bottom:10px}
.mother-hero__eyebrow{font-size:11px}
.mother-shortcuts>button>span{height:64px;border-radius:16px}.mother-shortcuts .care-artwork{width:58px;height:58px}.mother-shortcuts>button{gap:4px}
.mother-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--border);background:var(--surface-muted);border-radius:15px}
.mother-tabs>button{min-height:42px;border:0;background:none;color:var(--text-secondary);font-size:12px;font-weight:600;border-radius:11px;padding:6px 4px}
.mother-tabs>button[aria-selected=true]{background:var(--surface);color:var(--primary-dark);font-weight:750;box-shadow:var(--shadow-sm)}
.mother-tab-panel{display:grid;gap:14px;min-width:0}.mother-tab-panel[hidden]{display:none!important}
.mother-screening{padding:10px 14px;border-radius:18px}.mother-screening .mother-section-title{margin-bottom:3px}.janan-product .mother-screening .mother-section-title h2{font-size:14px}.mother-screening__next{padding:5px 8px;gap:9px}.mother-screening__next .care-artwork{width:42px;height:42px}.mother-screening__next>span{gap:0}.mother-screening__next>span>small:first-child{display:none}.mother-screening__progress{margin-top:7px}
.mother-checkin{padding:12px 14px;border-radius:18px;gap:10px}.mother-checkin>.care-artwork{width:56px;height:66px}.janan-product .mother-checkin h2{font-size:17px;margin:0 0 3px}.janan-product .mother-checkin p{font-size:12px;margin:0 0 5px}.mother-inline-actions{gap:12px}.mother-checkin .mother-inline-actions{flex-wrap:nowrap}.mother-checkin .mother-text-link{white-space:nowrap}.janan-product .mother-care-summary{margin:0 3px;font-size:11px;line-height:1.8}.mother-care-page>.disclaimer{margin:0}
@media(min-width:900px){.mother-hero__art{width:145px;height:145px}.mother-tab-panel:not([hidden]):not(.mother-learning){grid-template-columns:1fr 1fr}.mother-tab-panel>.mother-support-grid,.mother-tab-panel>.mother-more-actions,.mother-tab-panel>.mother-tools,.mother-tab-panel>.mother-care-summary{grid-column:1/-1}.mother-shortcuts>button>span{height:70px}}
@media(max-width:360px){.mother-hero{padding:12px;min-height:130px}.mother-hero__art{width:86px;height:124px}.janan-product .mother-hero h2{font-size:18px}.mother-shortcuts>button>span{height:57px}.mother-shortcuts .care-artwork{width:50px;height:50px}.mother-tabs>button{font-size:11px}.mother-checkin>.care-artwork{width:42px;height:52px}.mother-checkin .mother-inline-actions{gap:8px}.mother-checkin .mother-inline-actions>.button{padding-inline:10px}}
.janan-product .mother-care-page{align-items:stretch}
html[data-theme=night] .mother-care-page{--primary-light:#3a3048;--primary-dark:#e3cef4;--lilac-pastel:#302a39;--rose-pastel:#342a32;--rose-light:#342a32;--rose-deep:#efc1d4;--green-bg:#263b33;--surface-muted:#2d2935;--reading-ink:#eee3f5;--reading-secondary:#cbbdd6}
html[data-theme=night] .mother-hero{background:linear-gradient(120deg,var(--rose-light),var(--primary-light))}
html[data-theme=night] .mother-tabs>button[aria-selected=true]{background:var(--primary-light);color:var(--reading-ink)}
html[data-theme=night] .bottom-nav--sculpted{--primary-light:#3a3048}
html[data-theme=night] .bottom-nav--sculpted .bottom-nav__side.active{color:#e3cef4}

/* Phone-first entry: one restrained icon row and a compact form. */
.janan-product .app-content--no-nav:has(.auth-screen--login){padding-top:24px!important}
.janan-product .auth-screen--login{min-height:0;gap:16px}
.janan-product .auth-screen--login .login-brand-strip{padding:0 0 8px!important}
.login-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.login-topline .login-symbol{width:44px;height:44px;border-radius:14px}
.janan-product .auth-screen--login .login-stepper{margin:8px 0 12px!important}
.janan-product .auth-screen--login .login-form-stack .form-field{background:none;box-shadow:none;padding:0;border-radius:0}
.janan-product .auth-screen--login .login-card{gap:12px}
.janan-product .auth-screen--login .login-privacy-note{margin:0!important;padding-top:0}