/* Letras en Ronda: the approved alphabet board translated to lessons, tools and reading pages. */
body.editorial-pilot {
  --deep:#263a78; --muted:#485574; --line:#d8dad6; --cream:#f7f5ed;
  --paper:#fffefa; --coral:#d95843; --mint:#dcece9; --yellow:#ffe0a9;
  --lavender:#edeafa; --shadow:0 10px 28px #3541811c;
}
body.editorial-pilot.interior-page {background:radial-gradient(circle at 92% 5%,#ece9f8 0,transparent 24%),#f7f5ed}
body.editorial-pilot.interior-page main {padding-top:62px}
body.editorial-pilot .button {border-radius:999px;font-family:'Space Grotesk',sans-serif;box-shadow:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
body.editorial-pilot .button:hover {transform:translateY(-3px);box-shadow:0 9px 20px #35418124}
body.editorial-pilot .button.primary {background:#263a78;color:#fff}
body.editorial-pilot .button.primary:hover {background:#394e9a}
body.editorial-pilot .button.secondary {background:#fffefa;border:1px solid #ccd1dc;color:#263a78}
body.editorial-pilot .button.text {background:transparent;color:#263a78}
body.editorial-pilot .eyebrow,body.editorial-pilot .small-label {color:#b4493a;font:700 .7rem/1.4 'Space Grotesk',sans-serif;letter-spacing:.11em}
body.editorial-pilot .eyebrow-dot {background:#d95843;box-shadow:0 0 0 5px #d9584324}
body.editorial-pilot .back-link,body.editorial-pilot .teacher-more {color:#263a78;text-decoration:underline;text-underline-offset:4px;font-weight:700}
body.editorial-pilot .section {padding-block:clamp(40px,6vw,78px)}
body.editorial-pilot .section-intro p:not(.eyebrow),body.editorial-pilot .field-help,body.editorial-pilot .help-text {color:#485574}
body.editorial-pilot .section-intro h2 {font-size:clamp(2rem,3.1vw,3.55rem);line-height:1.08}

/* Interior pages begin like a lesson folio, not a duplicate two-column homepage. */
body.editorial-pilot.interior-page .page-hero {position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,4vw,58px) clamp(25px,5vw,70px) clamp(35px,5vw,65px);margin-top:16px;border:0;border-radius:30px 30px 78px 30px;background:linear-gradient(125deg,#fff1d4,#f9e7d4 70%,#f1e6dc);box-shadow:0 10px 28px #795f4320}
body.editorial-pilot.interior-page .page-hero::after {content:'Aa';position:absolute;right:-16px;bottom:-85px;font:700 clamp(12rem,23vw,24rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.16em;color:#dd8f6433;z-index:-1;transform:rotate(-12deg);pointer-events:none}
body.editorial-pilot.interior-page .page-hero h1 {font-size:clamp(2.7rem,5vw,5.4rem);line-height:1.02;max-width:1050px;margin:0 0 20px;color:#263a78}
body.editorial-pilot.interior-page .page-hero h1 em {color:#d95843;font-style:normal}
body.editorial-pilot.interior-page .page-hero>p:not(.eyebrow) {color:#3e4a69;max-width:790px;font-size:clamp(1rem,1.55vw,1.22rem)}
body.editorial-pilot.interior-page .page-hero .back-link {display:inline-block;margin-bottom:24px}
body.editorial-pilot.interior-page .quick-facts span {background:#fffefa;border:1px solid #e0d1c0;color:#263a78}
body.editorial-pilot.interior-page .topic-hero,body.editorial-pilot.interior-page .family-hero {background:linear-gradient(120deg,#dcece9,#e8f0e8)}
body.editorial-pilot.interior-page .topic-hero::after,body.editorial-pilot.interior-page .family-hero::after {color:#82b8ad36}
body.editorial-pilot.interior-page .teacher-blog-hero,body.editorial-pilot.interior-page .teacher-article-hero,body.editorial-pilot.interior-page .family-article-hero {background:linear-gradient(125deg,#e7e8f8,#f0eafa)}
body.editorial-pilot.interior-page .teacher-blog-hero::after,body.editorial-pilot.interior-page .teacher-article-hero::after,body.editorial-pilot.interior-page .family-article-hero::after {color:#929bca30}
body.editorial-pilot.interior-page .case-learning-hero {background:linear-gradient(120deg,#e7e8f8,#f0eafa)}

/* Hubs: letters remain the primary navigation and feel related to the home board. */
body.editorial-pilot .letter-grid,body.editorial-pilot .uppercase-grid,body.editorial-pilot .lowercase-grid,body.editorial-pilot .cursive-alphabet {gap:10px}
body.editorial-pilot .letter-grid button,body.editorial-pilot .uppercase-grid>a,body.editorial-pilot .lowercase-grid>a,body.editorial-pilot .cursive-tile {background:#fffefa;border:1px solid #dedfdb;border-radius:18px;box-shadow:0 4px 0 #e8e7df;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
body.editorial-pilot .letter-grid button:hover,body.editorial-pilot .uppercase-grid>a:hover,body.editorial-pilot .lowercase-grid>a:hover,body.editorial-pilot .cursive-tile:hover {transform:translateY(-6px) rotate(-1deg);box-shadow:0 11px 20px #35418125;background:#fff0d2}
body.editorial-pilot .letter-grid button[aria-pressed="true"] {background:#263a78;color:white;transform:translateY(-3px)}
body.editorial-pilot .letter-grid button {font-family:'Space Grotesk',sans-serif;color:#263a78;font-weight:600}
body.editorial-pilot .letter-grid button:nth-child(5n+1),body.editorial-pilot .cursive-tile:nth-child(5n+1) {background:#fff1d9}
body.editorial-pilot .letter-grid button[aria-pressed="true"] {background:#263a78;color:#fff}
body.editorial-pilot .letter-grid button[aria-pressed="true"] small {color:#ffe0a9}
body.editorial-pilot .letter-detail {background:#dcece9;border:0;border-radius:26px 68px 26px 26px;box-shadow:0 8px 20px #35418118}
body.editorial-pilot .letter-symbol {background:#fffefa;color:#d95843;font-family:'Space Grotesk',sans-serif;border-radius:22px}
body.editorial-pilot .letter-info p {color:#40516e}
body.editorial-pilot .cursive-preview {background:#dcece9}
body.editorial-pilot .tool-copy,body.editorial-pilot .cursive-preview,body.editorial-pilot .converter>div,body.editorial-pilot .worksheet-controls {border:1px solid #e1e2dc;border-radius:24px;box-shadow:0 5px 0 #e8e7df}
body.editorial-pilot .tool-copy input,body.editorial-pilot .converter textarea,body.editorial-pilot .worksheet-controls select {border-color:#a9b2cb;border-radius:13px}
body.editorial-pilot .tool-copy input:focus,body.editorial-pilot .converter textarea:focus,body.editorial-pilot .worksheet-controls select:focus {border-color:#263a78;box-shadow:0 0 0 3px #263a7826}
body.editorial-pilot .learning-note,body.editorial-pilot .callout {background:#dcece9;border:0;border-radius:28px 64px 28px 28px;color:#263a78}
body.editorial-pilot .learning-note p,body.editorial-pilot .callout p {color:#40516e}
body.editorial-pilot .note-icon {background:#263a78;font-family:'Space Grotesk',sans-serif}
body.editorial-pilot .callout .small-label {color:#b4493a}
body.editorial-pilot .callout .button {background:#263a78;color:#fff}
body.editorial-pilot .topic-link-grid a,body.editorial-pilot .resource-grid>a {background:#fffefa;border:1px solid #e0e1dd;border-radius:22px;box-shadow:0 4px 0 #e8e7df;transition:transform .25s ease,box-shadow .25s ease}
body.editorial-pilot .topic-link-grid a:hover,body.editorial-pilot .resource-grid>a:hover {transform:translateY(-5px);box-shadow:0 11px 20px #35418120}
body.editorial-pilot .info-columns {border-color:#d6d6dc}

/* Printable material keeps a quiet paper surface; screen-only surrounds carry the color. */
body.editorial-pilot .poster-sheet,body.editorial-pilot .letter-sheet,body.editorial-pilot .worksheet {background:#fffefa;border:1px solid #d7d9df;box-shadow:0 12px 32px #3541811a;color:#263a78}
body.editorial-pilot .poster-head,body.editorial-pilot .letter-sheet-head {border-color:#aab7cf}
body.editorial-pilot .letter-showcase {background:#dcece9;border-radius:25px 65px 25px 25px}
body.editorial-pilot .example-words li {background:#fffefa;border-color:#d7d9df}
body.editorial-pilot .related-letters,body.editorial-pilot .teacher-resources {background:#e7e8f8;border-color:#d8d9e8}

/* Reading pages use a calmer editorial rhythm and clear source/outline separation. */
body.editorial-pilot .teacher-article-layout {gap:clamp(30px,5vw,76px)}
body.editorial-pilot .teacher-outline {border-color:#aab4cc}
body.editorial-pilot .teacher-outline a {color:#40517e}
body.editorial-pilot .teacher-article {color:#303f61}
body.editorial-pilot .teacher-article-section {border-color:#d8d9df}
body.editorial-pilot .teacher-article-section h2,body.editorial-pilot .topic-reading h2 {color:#263a78}
body.editorial-pilot .blog-card,body.editorial-pilot .family-card,body.editorial-pilot .gallery-card {background:#fffefa;border:1px solid #e0e1dd;border-radius:24px;box-shadow:0 5px 0 #e8e7df;transition:transform .25s ease,box-shadow .25s ease}
body.editorial-pilot .blog-card:hover,body.editorial-pilot .family-card:hover,body.editorial-pilot .gallery-card:hover {transform:translateY(-5px);box-shadow:0 12px 22px #35418122}
body.editorial-pilot .blog-card:nth-child(3n+2),body.editorial-pilot .family-card:nth-child(3n+2) {background:#e8f2ef}
body.editorial-pilot .blog-card:nth-child(3n+3),body.editorial-pilot .family-card:nth-child(3n+3) {background:#fff1d9}
body.editorial-pilot .family-resource-band {background:#263a78;color:white}
body.editorial-pilot .family-resource-band p {color:#e2e7f7}
body.editorial-pilot .family-resource-band .button.secondary {background:#fffefa}
body.editorial-pilot .topic-reading p {color:#465573}

@media(max-width:760px) {
  body.editorial-pilot.interior-page main {padding-top:54px}
  body.editorial-pilot.interior-page .page-hero {margin-top:8px;padding:26px 20px 32px;border-radius:24px 24px 48px 24px}
  body.editorial-pilot.interior-page .page-hero::after {font-size:11rem;right:-15px;bottom:-32px}
  body.editorial-pilot.interior-page .page-hero h1 {font-size:clamp(2.4rem,8vw,3.5rem)}
  body.editorial-pilot .letter-detail {grid-template-columns:1fr;gap:18px;padding:18px}
  body.editorial-pilot .letter-symbol {font-size:6rem;line-height:1.2}
  body.editorial-pilot .section {padding-block:42px}
}
@media(max-width:480px) {
  body.editorial-pilot.interior-page .page-hero h1 {font-size:2.45rem}
  body.editorial-pilot .letter-grid,body.editorial-pilot .uppercase-grid,body.editorial-pilot .lowercase-grid {gap:7px}
  body.editorial-pilot .letter-grid button {min-height:68px;font-size:1.7rem}
  body.editorial-pilot .poster-sheet,body.editorial-pilot .letter-sheet {box-shadow:none}
}
@media(prefers-reduced-motion:reduce) {
  body.editorial-pilot .button,body.editorial-pilot .letter-grid button,body.editorial-pilot .cursive-tile,body.editorial-pilot .blog-card,body.editorial-pilot .family-card,body.editorial-pilot .topic-link-grid a,body.editorial-pilot .resource-grid>a {transition:none!important;animation:none!important;transform:none!important}
}
@media print {
  body.editorial-pilot,body.editorial-pilot.interior-page {background:#fff;color:#000}
  body.editorial-pilot.interior-page main {padding-top:0}
  body.editorial-pilot .poster-sheet,body.editorial-pilot .letter-sheet,body.editorial-pilot .worksheet {background:#fff;color:#000;border:0;box-shadow:none}
}