/* Shared family system. Screen-only: classroom print styles are preserved. */
@media screen {
:root{--brand-navy:#142d50;--brand-blue:#2457c5;--brand-teal:#216c63;--brand-gold:#d9ad45;--brand-cream:#f8f7f2;--brand-line:#d7dfdf;--brand-muted:#536477}
body[data-family-subject=math]{--subject-accent:var(--brand-blue);--subject-soft:#edf2fc;--ink:var(--brand-navy);--blue:var(--brand-blue);--bg:var(--brand-cream);--line:var(--brand-line);--muted:var(--brand-muted);background:var(--brand-cream)}
body[data-family-subject=literacy]{--subject-accent:var(--brand-teal);--subject-soft:#e8f2ef;--ink:var(--brand-navy);--forest:var(--brand-teal);--cream:var(--brand-cream);--paper:#fff;--line:var(--brand-line);--sage:#e8f2ef;--muted:var(--brand-muted);background:var(--brand-cream);font-family:Arial,Helvetica,sans-serif}
.family-bar nav a[aria-current]{background:var(--subject-accent);color:#fff;border-color:#ffffff60}.family-bar nav a[aria-current]:before{content:'';width:5px;height:18px;border-radius:3px;background:#e5bd61}.family-preview-note{background:#faf1d9}
body[data-family-subject=math].marketing-page{background:var(--brand-cream)}
body[data-family-subject=math]>header,body[data-family-subject=math] footer{background:var(--brand-cream)}
body[data-family-subject=math] .marketing{--m-blue:var(--brand-blue);--m-ink:var(--brand-navy);--m-muted:var(--brand-muted)}
body[data-family-subject=math] .m-product{background:var(--subject-soft);border-color:#cddaf3;border-radius:10px}
body[data-family-subject=math] .m-kicker:before{content:'';display:inline-block;width:20px;height:3px;background:var(--brand-gold);vertical-align:middle;margin-right:10px}
body[data-family-subject=math] h1,body[data-family-subject=math] h2,body[data-family-subject=math] h3{color:var(--brand-navy)}
body[data-family-subject=literacy] .sidebar{background:var(--brand-navy)}
body[data-family-subject=literacy] .sidebar nav a{border-radius:6px}
body[data-family-subject=literacy] .sidebar nav a[aria-current=page]{background:var(--brand-teal);color:white;box-shadow:inset 3px 0 var(--brand-gold)}
body[data-family-subject=literacy] .topbar,body[data-family-subject=literacy] .preview-toolbar{background:var(--brand-cream);border-color:var(--brand-line)}
body[data-family-subject=literacy] .hero{background:var(--subject-soft);border:1px solid #c6dbd5;border-radius:10px;box-shadow:none}
body[data-family-subject=literacy] .hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.035em;line-height:1.06}
body[data-family-subject=literacy] .hero h1 em{font-weight:750;color:var(--brand-teal)}
body[data-family-subject=literacy] .hero-copy>p{color:var(--brand-muted)}
body[data-family-subject=literacy] .workshop-poster{background:var(--brand-teal);border:0;border-radius:7px;box-shadow:5px 5px 0 #142d5015;transform:rotate(1deg)}
body[data-family-subject=literacy] .poster-words span{color:#ffe2a0}
body[data-family-subject=literacy] .dot{background:var(--brand-gold)}
body[data-family-subject=literacy] .button{border-radius:6px;border-color:var(--brand-line);font-weight:700}
body[data-family-subject=literacy] .button.primary{background:var(--brand-teal);color:white;border-color:var(--brand-teal)}
body[data-family-subject=literacy] .button.primary:hover{background:#18564f}
body[data-family-subject=literacy] .button.light{background:white;color:var(--brand-navy)}
body[data-family-subject=literacy] .section-head h2,body[data-family-subject=literacy] .section-heading h2,body[data-family-subject=literacy] .page-heading h1,body[data-family-subject=literacy] .editor-heading h1,body[data-family-subject=literacy] .collection-banner h2,body[data-family-subject=literacy] .bottom-banner h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.025em}
body[data-family-subject=literacy] .eyebrow{color:var(--brand-teal)}
body[data-family-subject=literacy] .stats-row{border-bottom:1px solid var(--brand-line)}
body[data-family-subject=literacy] .lesson-card,body[data-family-subject=literacy] .panel,body[data-family-subject=literacy] .text-card,body[data-family-subject=literacy] .source-card,body[data-family-subject=literacy] .start-option,body[data-family-subject=literacy] .empty{border-radius:8px;border-color:var(--brand-line)}
body[data-family-subject=literacy] .lesson-card{border-top:4px solid var(--brand-teal)}
body[data-family-subject=literacy] .strand-card{background:#fff;border-radius:8px;border-color:var(--brand-line);border-top:4px solid var(--brand-teal)}
body[data-family-subject=literacy] .strand-card:hover{background:var(--subject-soft);box-shadow:none}
body[data-family-subject=literacy] .collection-banner{background:var(--brand-navy);border-radius:8px}
body[data-family-subject=literacy] .collection-banner h2,body[data-family-subject=literacy] .collection-banner .eyebrow{color:white}
body[data-family-subject=literacy] .collection-banner .button.primary{background:var(--brand-teal);color:white;border-color:#ffffff60}
body[data-family-subject=literacy] .bottom-banner{background:var(--subject-soft);border:1px solid #c6dbd5;border-radius:8px}
body[data-family-subject=literacy] .planning-intro{background:var(--brand-teal);border:0;border-radius:8px}
body[data-family-subject=literacy] .step{background:var(--subject-soft);border-radius:6px}
body[data-family-subject=literacy] .segmented button[aria-pressed=true]{background:var(--brand-teal);color:white}
body[data-family-subject=literacy] .filter-chips button[aria-pressed=true]{background:var(--brand-teal);color:white}
body[data-family-subject=literacy] input,body[data-family-subject=literacy] select,body[data-family-subject=literacy] textarea{border-radius:6px}
body[data-family-subject=literacy] a:focus-visible,body[data-family-subject=literacy] button:focus-visible{outline-color:var(--brand-teal)}
}

@media screen{.reading-depth-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;padding:27px;background:#e8f2ef;border:1px solid #c6dbd5;border-radius:8px;margin:20px 0}.reading-depth-banner h2{font-size:27px;line-height:1.15;margin:10px 0;font-weight:750;letter-spacing:-.03em}.reading-depth-banner p{font-size:14px;line-height:1.65;color:#536477}.reading-route-links{display:grid;gap:10px}.reading-route-links .button{justify-content:flex-start;text-align:left;font-size:12px}.reading-decision-guide{border:1px solid #d7dfdf;border-radius:8px;background:#fff;padding:22px;margin:20px 0}.reading-decision-guide summary{font-size:16px;font-weight:700;cursor:pointer;min-height:30px}.reading-decision-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.reading-decision-guide p{font-size:13px;line-height:1.7}.reading-decision-guide h3{font-size:16px;color:#216c63}.reading-decision-guide article{border-top:3px solid #d9ad45;padding-top:15px}@media(max-width:900px){.reading-depth-banner,.reading-decision-guide>div{grid-template-columns:1fr}.reading-depth-banner{padding:22px}}}

.foundation-sounds{break-inside:avoid;margin-top:20px}.foundation-sounds>p{font-size:12px}.foundation-sound-row{display:flex;gap:12px;align-items:center;margin:12px 0}.foundation-sound-row>div{display:flex}.foundation-sound-row i{display:block;width:50px;height:42px;border:1px solid #526075}.foundation-sound-row i+i{border-left:0}@media print{.foundation-sound-row i{width:35pt;height:30pt}.foundation-sounds>p{font-size:10pt}}

@media screen{.foundation-map>h2{font-size:30px;letter-spacing:-.03em}.foundation-map>p{font-size:14px;line-height:1.7}.foundation-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:25px 0}.foundation-stage-grid article{border-top:3px solid #216c63;padding-top:15px}.foundation-stage-grid h3{font-size:17px}.foundation-stage-grid p{font-size:12px;line-height:1.65}.foundation-stage-number{font-weight:750;color:#216c63}.foundation-map-table{overflow:auto;max-width:100%;margin:20px 0}.foundation-map table{border-collapse:collapse;min-width:780px;width:100%;font-size:12px}.foundation-map caption{text-align:left;padding:12px 0;color:#536477}.foundation-map th,.foundation-map td{border-bottom:1px solid #d7dfdf;padding:12px;text-align:left}.foundation-map th{background:#e8f2ef}.foundation-map-table button{white-space:nowrap;min-height:44px}.foundation-map .source-details p{font-size:13px;line-height:1.7}@media(max-width:1100px){.foundation-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.foundation-stage-grid{grid-template-columns:1fr}.foundation-map>h2{font-size:25px}}}

@media print{.foundation-paper:not(.large):not(.spacious) section{margin-bottom:12pt}.foundation-paper:not(.large):not(.spacious) .response-lines i{height:18pt}.foundation-paper .paper-footer{margin-top:10pt;break-before:avoid}.foundation-paper .foundation-sounds{margin-top:10pt}.foundation-paper .foundation-sound-row{margin:8pt 0}}

@media screen{.reading-wordmark{display:block;width:min(100%,460px);height:auto;margin-bottom:24px}.sidebar .brand b{font-size:21px;line-height:1.2}.sidebar .brand img{object-fit:contain;flex-shrink:0}.account-mark img{object-fit:contain;display:block}.family-bar nav a{white-space:nowrap}}
@media(max-width:420px){.family-bar nav a{padding:10px 9px;font-size:12px}.family-bar nav{gap:3px}}

@media screen{.sidebar .brand{gap:9px;align-items:center}.sidebar .brand b{font-size:18px}.sidebar .brand small{font-size:10px;letter-spacing:.06em}.reading-wordmark{max-height:154px;object-fit:contain;object-position:left center}}

@media screen{body[data-family-subject=literacy] .sidebar .brand img{display:block;width:36px;height:36px}body[data-family-subject=literacy] .sidebar .brand span{min-width:0;flex:1}body[data-family-subject=literacy] .sidebar .brand b{font-size:16px}body[data-family-subject=literacy] .sidebar .brand small{font-size:9px;line-height:1.4}}
