:root{color-scheme:light;--ink:#152a23;--muted:#54675e;--forest:#24463f;--paper:#fffdf8;--line:#d6ded5;--soft:#f1f3ea;--gold:#dcc799;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.65}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a55b27;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.6rem,5.5vw,4.8rem);letter-spacing:-.035em}h2{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.02em}h3{font-size:.95rem;line-height:1.5}p+p{margin-top:14px}a{text-underline-offset:4px}.skip-link{position:absolute;top:8px;left:12px;z-index:5;padding:8px 14px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.resource-header{padding:21px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#10221e;color:white}.resource-brand{display:flex;align-items:center;gap:12px;font-weight:750;text-decoration:none;white-space:nowrap}.resource-brand img{border-radius:8px}.resource-header nav{display:flex;gap:24px;font-size:.9rem;flex-wrap:wrap}.resource-header nav a{text-decoration:none;color:#e9eee6}.resource-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.resource-main{max-width:1160px;margin:0 auto;padding:0 28px 64px}.page-intro{padding:78px 0 52px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--muted);margin-bottom:18px}.lede{font-size:1.1rem;color:var(--muted);max-width:660px;margin-top:24px}.small-note{font-size:.84rem;color:var(--muted);margin-top:15px}.resource-choices{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.resource-choice{border:1px solid var(--line);padding:32px;display:block;text-decoration:none;border-radius:5px}.resource-choice h2{margin-bottom:18px}.resource-choice p:not(.eyebrow){color:var(--muted);font-size:.95rem}.resource-choice:hover{border-color:var(--forest)}.teacher-choice{display:grid;grid-template-columns:1fr 37%;gap:24px;align-items:center;background:var(--soft)}.teacher-choice img{width:100%;height:auto;transform:rotate(3deg);box-shadow:0 8px 20px #152a2319}.link-arrow{display:inline-block;margin-top:26px;font-size:.9rem;font-weight:750}.sample-note{border-left:3px solid var(--gold);padding:8px 0 8px 20px;font-family:Georgia,serif;font-size:1.3rem;margin:24px 0;color:var(--forest)}.quiet-note{margin-top:56px;padding:30px 0;border-top:1px solid var(--line)}.quiet-note h2{font-size:1.6rem;margin-bottom:14px}.quiet-note p{max-width:720px;color:var(--muted);margin-bottom:14px}.text-link{font-weight:650;font-size:.93rem}.breadcrumb{display:inline-block;font-size:.8rem;margin:28px 0;color:var(--muted);text-decoration:none}.pack-hero{display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:70px;padding:28px 0 64px}.hero-card{width:100%;height:auto;max-width:350px;justify-self:center;transform:rotate(3deg);box-shadow:0 16px 40px #152a2324}.pack-hero h1{font-size:clamp(2.7rem,5vw,4.25rem)}.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.button{appearance:none;border:1px solid var(--forest);background:var(--forest);color:white;border-radius:4px;padding:13px 20px;font-weight:700;font-size:.94rem;line-height:1.5;text-decoration:none;display:inline-block;text-align:center;cursor:pointer}.button span{display:block;font-size:.75rem;font-weight:450;opacity:.88;margin-top:2px}.button.secondary{background:transparent;color:var(--forest)}.button:hover{background:#17352e;color:white}.button:disabled{opacity:.5;cursor:default}.pack-hero .text-link{display:inline-block;margin-top:20px}.resource-section{padding:50px 0;border-top:1px solid var(--line)}.resource-section>p:not(.eyebrow){margin-top:20px;max-width:790px;color:var(--muted)}.pack-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}.pack-previews img{width:100%;height:auto;border:1px solid var(--line);background:white}.pack-previews figcaption{font-size:.81rem;color:var(--muted);margin-top:10px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:56px}.two-column>div>p:not(.eyebrow){margin-top:20px;color:var(--muted)}.example-note{border:1px solid var(--line);padding:24px;background:white;border-radius:5px}.message-text{white-space:pre-line;margin:16px 0 18px;overflow-wrap:anywhere}.text-button{border:0;background:var(--soft);color:var(--forest);font-size:.85rem;font-weight:750;cursor:pointer;padding:9px 13px;border-radius:3px}.text-button:hover{background:#e3e9db}.steps{list-style:none;counter-reset:step;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.steps li{counter-increment:step;position:relative;padding-left:46px;color:var(--muted)}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:1.1rem;font-family:Georgia,serif;color:var(--forest)}.steps strong{display:block;color:var(--ink);margin-bottom:6px}.lesson-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.lesson-list li{border-bottom:1px solid var(--line)}.lesson-list a{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:20px;padding:27px 16px;text-decoration:none}.lesson-list a:hover{background:var(--soft)}.lesson-list h2{font-size:1.6rem}.lesson-list p{font-size:.92rem;color:var(--muted);margin-top:9px;max-width:770px}.lesson-number{font-family:Georgia,serif;font-size:2rem;color:#758a75}.lesson-intro{padding:15px 0 46px;max-width:900px}.lesson-intro h1{font-size:clamp(2.4rem,4.5vw,3.8rem)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}.scenario{border-left:3px solid var(--gold);padding:20px 24px;background:#f7f3e9;margin-bottom:32px}.scenario h2{font-size:1.4rem;margin-bottom:12px}.scenario p{font-size:.96rem}.practice-form fieldset{border:0;padding:0;margin:0}.practice-form legend{font-weight:750;font-size:1.05rem;margin-bottom:18px}.answer-option{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);padding:16px 18px;margin-bottom:12px;background:white;border-radius:4px;cursor:pointer;font-size:.96rem}.answer-option input{flex:0 0 auto;margin:6px 0 0;accent-color:var(--forest);width:17px;height:17px}.answer-option:has(input:checked){background:var(--soft);border-color:var(--forest)}.practice-form>.button{margin-top:12px}.answer-status{font-size:.9rem;font-weight:650;margin-top:18px;min-height:1.6em}.answer-explanation{margin-top:22px;padding-top:28px;border-top:1px solid var(--line)}[hidden]{display:none!important}.answer-explanation h2{font-size:1.8rem}.principle{margin-top:20px;font-weight:550}.choice-explanation{margin-top:24px;padding-left:15px;border-left:2px solid var(--line)}.choice-explanation.is-selected{border-color:var(--forest)}.choice-explanation p{font-size:.93rem;margin-top:7px;color:var(--muted)}.takeaway{background:var(--soft);padding:17px;margin-top:25px;font-size:.94rem}.lesson-examples>h2{font-size:1.6rem;margin-bottom:20px}.lesson-examples .example-note+.example-note{margin-top:18px}.lesson-examples>.text-link{display:inline-block;margin-top:18px}.source-notes{margin-top:46px;border-top:1px solid var(--line);padding-top:22px;font-size:.87rem;color:var(--muted)}.source-notes summary{font-weight:700;cursor:pointer;color:var(--ink)}.source-notes>p{margin-top:18px}.source-notes li{margin-top:15px}.source-notes li p{margin-top:5px}.lesson-navigation{margin-top:38px;display:flex;justify-content:space-between;align-items:center;gap:24px}.lesson-navigation .button{max-width:65%}.resource-footer{border-top:1px solid var(--line);background:var(--soft);padding:32px max(28px,calc((100vw - 1104px)/2));font-size:.77rem;color:var(--muted)}.resource-footer p{max-width:930px}.resource-footer nav{display:flex;gap:24px;margin-top:18px}.copy-status{position:fixed;right:22px;bottom:22px;background:var(--forest);color:white;max-width:calc(100vw - 44px);padding:12px 18px;border-radius:4px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .15s}.copy-status.is-visible{opacity:1}
@media(max-width:900px){.resource-choices{grid-template-columns:1fr}.teacher-choice{grid-template-columns:1fr 28%}.practice-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.practice-choice .eyebrow,.practice-choice .link-arrow{grid-column:1/-1}.practice-choice p:not(.eyebrow){grid-column:1}.practice-choice .sample-note{grid-column:2;grid-row:2/4;margin:0}.pack-hero{gap:40px;grid-template-columns:1.4fr .8fr}.pack-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{gap:28px}.two-column{gap:30px}}
@media(max-width:650px){.resource-header{padding:16px 22px;align-items:flex-start;flex-direction:column;gap:15px}.resource-header nav{gap:18px;font-size:.8rem}.resource-main{padding:0 22px 44px}.page-intro{padding:45px 0 32px}.resource-choice{padding:24px}.teacher-choice{grid-template-columns:1fr 30%;gap:16px}.teacher-choice h2{font-size:1.8rem}.teacher-choice img{align-self:center}.practice-choice{display:block}.practice-choice .sample-note{margin:20px 0}.pack-hero{grid-template-columns:1fr;padding-top:10px;gap:35px}.hero-card{max-width:230px}.pack-hero h1{font-size:2.8rem}.download-actions{flex-direction:column}.download-actions .button{width:100%}.resource-section{padding:36px 0}.pack-previews{gap:16px}.two-column,.steps,.lesson-layout{grid-template-columns:1fr}.two-column{gap:24px}.lesson-examples{margin-top:26px;padding-top:28px;border-top:1px solid var(--line)}.lesson-list a{grid-template-columns:30px 1fr 16px;gap:15px;padding:23px 0}.lesson-list h2{font-size:1.4rem}.lesson-number{font-size:1.5rem}.lesson-intro{padding:0 0 30px}.lesson-navigation{flex-direction:column;align-items:flex-start}.lesson-navigation .button{max-width:100%;text-align:left}.resource-footer{padding:28px 22px}.steps{gap:24px}.lede{font-size:1rem}.answer-option{padding:15px}.source-notes ul{padding-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Shared navigation and a readable guide keep resources connected to the main site. */
.breadcrumb { display: block; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px 12px; list-style: none; margin: 0; padding: 0; }
.breadcrumb li { display: inline-flex; gap: 12px; align-items: baseline; }
.breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.breadcrumb-separator { color: #7c897f; }
.breadcrumb + .page-intro { padding-top: 20px; }
.practice-jump { display: inline-block; margin-top: 20px; }
.quick-wording { margin-top: 28px; padding: 22px 24px; border-left: 3px solid var(--gold); background: var(--soft); }
.quick-wording h2 { font-size: 1.45rem; }
.quick-wording p { margin-top: 9px; font-size: .9rem; color: var(--muted); }
.quick-wording ul { list-style: none; padding: 0; margin: 12px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
.quick-wording a { display: flex; align-items: center; min-height: 44px; font-size: .9rem; font-weight: 650; }
.remote-notes > ol { max-width: 790px; padding-left: 24px; margin: 24px 0 0; color: var(--muted); }
.remote-notes > ol > li { margin-top: 16px; padding-left: 5px; }
.remote-notes strong { color: var(--ink); }
.reply-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; padding-left: 22px; margin: 30px 0; }
.reply-steps li { padding-left: 6px; }
.reply-steps li::marker { color: var(--forest); font-weight: 750; }
.reply-steps h3 { font-size: 1.04rem; }
.reply-steps p { margin-top: 12px; font-size: .95rem; color: var(--muted); }
.practice-exercises { padding-top: 12px; }
.practice-exercises > h2 { margin-bottom: 28px; }
.lesson-list h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.6rem; line-height: 1.2; font-weight: 500; }
.resource-footer nav { flex-wrap: wrap; }
@media (max-width: 750px) {
  .reply-steps { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 650px) {
  .lesson-list h3 { font-size: 1.4rem; }
  .quick-wording { padding: 20px; }
  .quick-wording ul { grid-template-columns: 1fr; gap: 4px; }
}
