/* The family shell reuses existing brand assets and isolates math record styles. */
.family-wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}
.family-wordmark img{width:42px;height:42px;object-fit:contain}.family-wordmark strong{font-size:24px;letter-spacing:2px}.family-wordmark>span{font-size:12px;color:var(--ink-soft);border-left:1px solid var(--line);padding-left:12px}
.family-preview-note{padding:9px 18px;text-align:center;font-size:12px;color:#695534;background:#f5ecd4;border-bottom:1px solid #e8dec4}
.family-intro,.family-parent-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.family-intro h3,.family-parent-heading h3{font-size:29px;line-height:1.5;margin:5px 0 13px}.family-intro p,.family-parent-heading p{color:var(--ink-soft);line-height:1.8;margin:0}.family-intro>img{width:125px;height:125px;object-fit:contain}.family-parent-heading>.soft-button{flex-shrink:0}
.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.subject-card{border-radius:25px;border:1px solid #dfded4;padding:28px 30px;min-width:0;display:flex;flex-direction:column}.english-subject{background:#f7efdb}.math-subject{background:#e9eee2;color:#233e37}.subject-top{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650}.subject-top h3{margin:0;font-size:20px}.subject-symbol{display:grid;place-items:center;font-size:24px;width:46px;height:46px;border:1px solid currentColor;border-radius:12px;color:#807044}.math-subject .subject-symbol{color:#54705a}.subject-card>h3{font-size:30px;line-height:1.55;font-weight:650;margin:20px 0}.subject-route,.subject-numberline{height:74px;display:flex;align-items:center;justify-content:center;gap:15px;max-width:380px;width:100%;margin:0 auto 8px}.subject-route span{background:#fffaf0;padding:10px 15px;border-bottom:2px solid #c39c48;font-size:16px}.subject-route i{font-style:normal;color:#887850}.subject-numberline{padding:0 20px;gap:0}.subject-numberline span{width:34px;text-align:center;border-bottom:3px solid #718773;padding-bottom:8px;font-size:21px;font-variant-numeric:tabular-nums}.subject-numberline i{height:1px;background:#a6b8a5;flex:1;margin-top:21px}.subject-status{font-size:13px;color:var(--ink-soft);line-height:1.8;margin:14px 0 20px}.subject-button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;text-decoration:none;color:white;background:#344236;border:0;border-radius:11px;padding:14px 18px;font-size:15px;font-weight:600;margin-top:auto;text-align:left}.english-subject .subject-button{background:#514a35}.subject-button:hover{filter:brightness(1.08)}.subject-button:focus-visible{outline:3px solid #346b9a;outline-offset:3px}.family-footnote{color:var(--ink-soft);font-size:12px;line-height:1.9;margin:20px 0}.family-subject-reports{display:grid;grid-template-columns:1fr 1fr;gap:20px}.family-subject-report{padding:24px;border-radius:20px;border:1px solid #e0e2d6;display:flex;flex-direction:column}.family-subject-metrics{display:flex;gap:35px;margin:23px 0 15px}.family-subject-metrics div{display:flex;flex-direction:column;gap:7px}.family-subject-metrics strong{font-size:32px;font-weight:650;font-variant-numeric:tabular-nums}.family-subject-metrics small{font-size:16px;font-weight:400;color:var(--ink-soft)}.family-subject-metrics span{font-size:12px;color:var(--ink-soft)}.family-subject-report>p{font-size:13px;color:var(--ink-soft);line-height:1.9;margin:0 0 20px}.english-parent-details{margin-top:26px}.english-parent-details>summary{padding:18px 0;cursor:pointer;font-weight:600;min-height:48px;border-top:1px solid var(--line)}.english-parent-details .parent-hero{margin-top:10px}.family-settings-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d7decc;background:#eef1e7;padding:20px 24px;border-radius:18px;margin-bottom:22px;font-size:14px}.family-error{padding:22px;line-height:1.9;background:#fff4df;border-radius:16px}.family-error button{margin-left:10px}.bottom-nav a.nav-item{text-decoration:none}
.math-surface{--ink:#233e37;--muted:#64726a;--line:#d7ddd1;--blue:#346b9a;--white:#fffefa;color:var(--ink);font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.math-surface *{box-sizing:border-box}.math-surface p{margin:0 0 12px}.math-surface h1{font-size:30px;line-height:1.5;margin:0 0 14px}.math-surface h2{font-size:21px;line-height:1.5;margin:0 0 14px}.math-surface h3{font-size:17px;line-height:1.5;margin:0 0 10px}.math-surface .eyebrow{font-size:12px;color:var(--muted)}.math-surface .small-note{font-size:12px;color:var(--muted);line-height:1.8}.math-surface .text-button{font:inherit;font-size:13px;color:var(--ink);background:none;padding:12px 0;min-height:44px}.math-surface .primary,.math-surface .secondary{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:9px;border:1px solid #cbd3c5;cursor:pointer;color:var(--ink);background:#fffefa}.math-surface .primary{background:#233e37;color:white;border-color:#233e37}.math-surface button:disabled{opacity:.55;cursor:wait}.math-surface button:focus-visible,.math-surface summary:focus-visible,.math-surface input:focus-visible,.math-surface select:focus-visible{outline:3px solid #346b9a;outline-offset:3px}.math-surface .records-head,.math-surface .term-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.math-surface .records-head>div,.math-surface .term-heading>div{max-width:750px}.math-surface .records-head>button,.math-surface .term-heading>button{flex-shrink:0}.math-surface .records-head p:not(.eyebrow),.math-surface .term-heading p:not(.eyebrow){color:var(--muted);font-size:14px}
.math-surface .section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px}.math-surface .section-heading h2{margin:0}.math-surface .section-heading>span{font-size:12px;color:var(--muted)}.math-surface .weekly-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px 0 17px;margin:20px 0}.math-surface .weekly-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.math-surface .weekly-numbers>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding:0 15px}.math-surface .weekly-numbers>div:last-child{border:0}.math-surface .weekly-numbers strong{font-size:29px;font-weight:600;white-space:nowrap}.math-surface .weekly-numbers small{font-size:14px;font-weight:400;color:var(--muted)}.math-surface .weekly-numbers span{font-size:12px;color:var(--muted)}.math-surface .weekly-clear{font-size:13px;color:var(--muted)}.math-surface .family-attention{background:#fff5df;padding:20px;border-radius:12px}.math-surface .family-attention article{padding:13px 0;border-bottom:1px solid #e5d5b1}.math-surface .family-attention article:last-child{border:0}
.math-surface .exam-section{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:22px 0}.math-surface .exam-section summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;font-weight:600}.math-surface .exam-section summary small{color:var(--muted);font-size:12px;font-weight:400}.math-surface .exam-list article{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.math-surface .exam-list article div{display:flex;flex-direction:column}.math-surface .exam-list small{font-size:12px;color:var(--muted)}.math-surface .exam-list article>span{white-space:nowrap}.math-surface .exam-form{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:15px;margin-top:20px}.math-surface .exam-form button{grid-column:1/3}.math-surface .exam-form [role=status]{grid-column:1/-1}.math-surface label{font-size:13px;display:block}.math-surface input,.math-surface select{display:block;width:100%;min-width:0;min-height:48px;padding:10px 12px;margin-top:8px;border:1px solid #bdc8b7;border-radius:9px;background:#fffefa;color:var(--ink);font:inherit}
.math-surface .group-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 18px}.math-surface .group-tabs button{min-height:44px;background:none;border:1px solid var(--line);border-radius:9px;padding:10px 16px;font-size:13px;color:var(--muted)}.math-surface .group-tabs [aria-pressed=true]{background:#233e37;color:white;border-color:#233e37}.math-surface .concept-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.math-surface .concept{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f6f7f0}.math-surface .concept p{font-size:12px;color:var(--muted);margin-top:10px}.math-surface .pill{display:inline-block;background:#e7eddf;color:#415b3d;padding:3px 8px;border-radius:5px;font-size:11px}.math-surface .evidence-row{padding:23px 0;border-bottom:1px solid var(--line)}.math-surface .evidence-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:9px}.math-surface .record-answer{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.math-surface .saved-reason{white-space:pre-wrap;padding:13px;background:#f0f2e9;font-size:13px}.math-surface details>summary{cursor:pointer;min-height:44px}.math-surface .evidence-row details{font-size:13px;color:var(--muted)}.math-surface .evidence-row details>summary{padding:10px 0}.math-surface .footer-note{font-size:12px;color:var(--muted);margin-top:26px}.math-surface .empty{padding:28px;background:#eef1e7;text-align:center}.math-surface .experiment-records{border:1px solid var(--line);padding:18px;border-radius:12px;margin-bottom:25px}.math-surface .experiment-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.math-surface .plan-settings{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;background:#eef1e7;border-radius:16px;padding:28px;margin:25px 0}.math-surface .plan-settings p{font-size:13px;color:var(--muted)}.math-surface #study-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}.math-surface #study-profile-form label:first-child,.math-surface #profile-result{grid-column:1/-1}.math-surface .chapter-map{display:grid;gap:14px}.math-surface .chapter{border:1px solid var(--line);border-radius:13px;overflow:hidden}.math-surface .chapter>summary{display:flex;gap:18px;align-items:center;padding:20px;list-style:none}.math-surface .chapter-number{font-size:27px;color:#809076}.math-surface .chapter>summary>span:nth-child(2){display:flex;flex-direction:column}.math-surface .chapter>summary small{font-size:12px;color:var(--muted);font-weight:400}.math-surface .chapter-expand{margin-left:auto}.math-surface .chapter[open] .chapter-expand{transform:rotate(45deg)}.math-surface .chapter-content{padding:0 22px 14px}.math-surface .textbook-unit{padding:18px 0;border-top:1px solid var(--line)}.math-surface .current-unit{background:#eef2e5;margin:0 -10px;padding:18px 10px;border-radius:8px}.math-surface .unit-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.math-surface .unit-heading h3{font-size:15px}.math-surface .unit-heading>span{font-size:11px;color:var(--muted)}.math-surface .textbook-lesson{display:flex;justify-content:space-between;gap:15px;padding:12px 0;align-items:center}.math-surface .textbook-lesson>div{display:flex;flex-direction:column;font-size:14px}.math-surface .family-rhythm{padding:24px;margin-top:24px;border-radius:12px;background:#f1f2e9}.math-surface .family-rhythm p{font-size:13px;color:var(--muted)}
@media(max-width:740px){.family-wordmark>span{display:none}.family-wordmark strong{font-size:22px}.family-wordmark img{width:35px;height:35px}.family-intro,.family-parent-heading{gap:14px;margin-bottom:20px}.family-intro h3,.family-parent-heading h3{font-size:23px}.family-intro p,.family-parent-heading p{font-size:13px}.family-intro>img{width:80px;height:90px}.family-parent-heading{display:block}.family-parent-heading>.soft-button{margin-top:14px}.subject-grid,.family-subject-reports{grid-template-columns:1fr;gap:16px}.subject-card{padding:22px}.subject-card>h3{font-size:24px;margin:15px 0}.subject-top{font-size:14px}.subject-symbol{width:38px;height:38px;font-size:22px}.subject-route,.subject-numberline{height:53px}.subject-route span{font-size:14px;padding:8px 13px}.subject-status{margin:10px 0 16px}.family-subject-report{padding:20px}.family-subject-metrics{margin:18px 0 12px}.family-subject-metrics strong{font-size:29px}.family-settings-shortcut{display:block;padding:20px}.family-settings-shortcut>span{display:block;margin-bottom:12px;font-size:13px}.math-surface h1{font-size:25px}.math-surface .records-head,.math-surface .term-heading{display:block}.math-surface .records-head>button,.math-surface .term-heading>button{margin-top:6px}.math-surface .section-heading{flex-wrap:wrap;gap:7px}.math-surface .weekly-numbers{gap:0}.math-surface .weekly-numbers>div{padding:0 7px}.math-surface .weekly-numbers strong{font-size:24px}.math-surface .weekly-numbers small{font-size:12px}.math-surface .weekly-numbers span{font-size:11px}.math-surface .exam-form{grid-template-columns:1fr 1fr}.math-surface .exam-form label:first-child{grid-column:1/-1}.math-surface .exam-section{padding:15px}.math-surface .exam-section summary{flex-wrap:wrap}.math-surface .concept-summary{grid-template-columns:1fr}.math-surface .group-tabs{gap:6px}.math-surface .group-tabs button{padding:9px 11px;font-size:12px}.math-surface .evidence-top{display:block}.math-surface .evidence-top time{display:block;margin-top:5px}.math-surface .record-answer{display:block}.math-surface .plan-settings{grid-template-columns:1fr;padding:20px;gap:15px}.math-surface .chapter>summary{padding:15px;gap:13px}.math-surface .chapter-content{padding:0 15px 12px}.math-surface .unit-heading,.math-surface .textbook-lesson{display:block}.math-surface .textbook-lesson>.small-note{display:block;margin-top:5px}.math-surface .experiment-row{display:block}.math-surface .family-rhythm{padding:20px}}
@media(max-width:360px){.family-intro>img{display:none}.subject-card{padding:20px}.math-surface .weekly-numbers strong{font-size:21px}.math-surface .weekly-numbers small{font-size:11px}.math-surface .exam-form{grid-template-columns:1fr}.math-surface .exam-form label,.math-surface .exam-form button{grid-column:1/-1}.math-surface .group-tabs{display:grid;grid-template-columns:1fr 1fr}}

.family-overview .welcome-row{display:none}.family-overview .app-main{padding-top:30px}

.math-surface .chapter-number{flex:0 0 38px;white-space:nowrap;line-height:1.3}
@media(min-width:741px){.family-intro{margin-bottom:20px}.family-intro>img{width:88px;height:88px}.subject-card{padding:23px 28px}.subject-card>h3{font-size:28px;margin:14px 0}.subject-route,.subject-numberline{height:60px}.subject-status{margin:10px 0 16px}}
