/* Service detail and reading refinement. Scoped to existing content pages. */
.editorial-page h1, .editorial-page h2, .editorial-page h3 { font-weight: 500; }
.editorial-page h1 { letter-spacing: -.06em; }
.editorial-page h1 > span { color: #74796c; }
.editorial-page .eyebrow { font-family: 'Courier New',monospace; font-size: .68rem; letter-spacing: .1em; color: #6f6e4d; }
.editorial-page .breadcrumbs { align-items: center; gap: .65rem; font-size: .75rem; padding-top: 1.7rem; }
.editorial-page .breadcrumbs a { min-height: 44px; display: inline-flex; align-items: center; }
.editorial-page .breadcrumbs > span:last-child { color: #646957; }
.editorial-page .text-link { min-height: 44px; display: inline-flex; align-items: center; gap: .65rem; }
.editorial-page .agency-heading h2, .editorial-page .section-heading h2 { font-weight: 500; }

/* Service detail: scope first, a readable example, then a considered enquiry. */
.service-detail-page .agency-detail-hero { padding-block: 1.8rem 3rem; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 3rem; }
.service-detail-page .agency-detail-hero h1 { font-size: clamp(3.1rem,5.2vw,5.8rem); line-height: 1.06; }
.service-detail-page .agency-detail-hero .eyebrow { font-size: .62rem; }
.detail-art-stage { min-width: 0; margin: 0; padding: 1.1rem; border: 1px solid #dcded0; border-radius: 1rem; background: #efeee4; }
.detail-art-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; font: .58rem/1.7 'Courier New',monospace; letter-spacing: .08em; color: #676c57; text-transform: uppercase; }
.detail-art-stage img { width: 100%; height: auto; aspect-ratio: 1.4; object-fit: contain; }
.detail-art-stage figcaption { font-size: .66rem; color: #676c57; border-top: 1px solid #d7dac8; padding: .8rem .2rem .1rem; line-height: 1.6; }
.service-detail-page .service-facts { padding: 0; border: 1px solid #d9dccb; border-radius: .7rem; gap: 0; margin-block: .5rem 1.5rem; }
.service-detail-page .service-facts > div { padding: 1.35rem 1.5rem; min-width: 0; }
.service-detail-page .service-facts > div + div { border-left: 1px solid #d9dccb; }
.service-detail-page .service-facts dt { font: .62rem/1.6 'Courier New',monospace; letter-spacing: .08em; }
.service-detail-page .service-facts dd { font-size: .85rem; line-height: 1.75; }
.detail-section-index { display: flex; flex-wrap: wrap; gap: .3rem; position: sticky; top: .6rem; z-index: 8; padding: .35rem; border: 1px solid #d9dccb; border-radius: .6rem; background: #f7f6f1f5; backdrop-filter: blur(12px); }
.detail-section-index a { flex: 1; display: flex; gap: .7rem; align-items: center; justify-content: center; font-size: .76rem; min-height: 44px; padding: .6rem; border-radius: .35rem; text-decoration: none; }
.detail-section-index a > span { font: .6rem 'Courier New',monospace; color: #777c67; }
.detail-section-index a:hover { background: #e9ecdf; }
.detail-section-index a[aria-current=location] { background: #2d3528; color: #f5f4e8; }
.detail-section-index a[aria-current=location] > span { color: #ddc586; }
.service-detail-page .agency-detail-grid { grid-template-columns: minmax(0,1fr) 300px; gap: clamp(2rem,5vw,5rem); padding-block: 4rem 2rem; }
.service-detail-page .agency-detail-copy > section { scroll-margin-top: 7rem; margin-bottom: 3.5rem; }
.service-detail-page .agency-detail-copy > section:focus { outline: none; }
.service-detail-page .agency-detail-copy > section:focus-visible { outline: 2px solid #9d8d54; outline-offset: 8px; }
.service-detail-page .agency-detail-copy h2 { font-size: clamp(2rem,3vw,3.1rem); letter-spacing: -.045em; margin: .8rem 0 1.6rem; }
.service-detail-page .agency-detail-copy p { font-size: .92rem; line-height: 1.9; }
.service-detail-page .agency-deliverables { counter-reset: scope; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.service-detail-page .agency-deliverables > li { counter-increment: scope; padding: 1.5rem; border: 1px solid #d9ddcb; border-radius: .6rem; background: #efefe5; }
.service-detail-page .agency-deliverables > li::before { content: '0' counter(scope); display: block; color: #787447; font: .64rem 'Courier New',monospace; margin-bottom: 1.4rem; }
.service-detail-page .agency-deliverables strong { display: block; font-size: 1.02rem; font-weight: 500; line-height: 1.5; color: #262c22; }
.service-detail-page .agency-deliverables p { font-size: .82rem; line-height: 1.8; margin-bottom: 0; }
.service-detail-page #service-flow { padding: 2rem; border: 1px solid #d8daca; border-radius: .8rem; }
.service-detail-page #service-flow h2 { font-size: clamp(1.8rem,2.7vw,2.6rem); }
.service-detail-page #service-flow > p:not(.eyebrow) { font-size: .83rem; }
.service-detail-page #service-flow .system-path { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 2rem; }
.service-detail-page #service-flow .system-path li { padding: 1.3rem; background: #edeee3; border-top: 1px solid #b8bea0; border-radius: 0 0 .4rem .4rem; }
.service-detail-page #service-flow .system-path li::before { left: 1.2rem; }
.service-detail-page #service-flow .system-path h3 { margin: 1rem 0 .5rem; font-size: .9rem; line-height: 1.45; font-weight: 500; letter-spacing: -.02em; }
.service-detail-page #service-flow .system-path p { font-size: .8rem; line-height: 1.8; }
.service-detail-page #before-we-begin > ul { list-style: none; padding: 0; margin-block: 1.8rem; }
.service-detail-page #before-we-begin > ul > li { padding: 1rem 0 1rem 1.8rem; border-bottom: 1px solid #d7dbca; position: relative; font-size: .9rem; }
.service-detail-page #before-we-begin > ul > li::before { content: ''; position: absolute; top: 1.6rem; left: .1rem; width: 6px; height: 6px; border: 1px solid #918455; border-radius: 50%; }
.service-detail-page .agency-detail-aside { top: 6rem; padding: 1.7rem; background: #2b3327; border-color: #2b3327; border-radius: .8rem; color: #f5f2e6; }
.service-detail-page .agency-detail-aside .eyebrow { color: #d5bf83; font-size: .6rem; }
.service-detail-page .agency-detail-aside h2 { font-size: 1.6rem; font-weight: 500; line-height: 1.3; margin: 1.6rem 0 1rem; }
.service-detail-page .agency-detail-aside p:not(.eyebrow) { color: #c8d0bf; font-size: .82rem; line-height: 1.9; }
.service-detail-page .agency-detail-aside .button { margin-top: .6rem; background: #e8dfbf; color: #25301e; border-color: #e8dfbf; font-size: .76rem; }
.service-detail-page .agency-detail-aside .aside-note { font-size: .7rem; border-top: 1px solid #515c45; padding-top: 1rem; margin-top: 1.3rem; }
.service-detail-page .agency-detail-aside .button:focus-visible { outline-color: #ecd591; }
.service-detail-page .service-index { border: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; padding-block: 0; }
.service-detail-page .service-index a { min-height: 100px; padding: 1.3rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #d5dac7; border-radius: .6rem; color: #394331; background: #efefe5; font-size: .95rem; }

/* Learning: an honest first-course preview, with an immediately useful lesson. */
.learning-page .page-intro { padding-block: 3.5rem; }
.learning-page .split-intro { gap: 3rem; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); }
.learning-page .split-intro h1 { font-size: clamp(3.3rem,5.4vw,5.8rem); line-height: 1.06; }
.learning-page .intro-copy > p:not(.eyebrow) { font-size: 1rem; line-height: 1.9; max-width: 520px; }
.learning-page .intro-art { padding: 1.2rem; background: #efeee5; border: 1px solid #dcded0; border-radius: 1rem; }
.learning-page .badge { border: 1px solid #cbd2b9; border-radius: 999px; color: #566247; background: #e9ecdf; font-size: .68rem; padding: .5rem .8rem; }
.learning-page .preview-note { display: flex; align-items: center; gap: 1rem 2rem; flex-wrap: wrap; border: 1px solid #cdd3bd; border-radius: .5rem; background: #eaf0e0; padding: 1.1rem 1.4rem; }
.learning-page .preview-note strong { font-size: .8rem; font-weight: 500; }
.learning-page .preview-note span { color: #536148; font-size: .8rem; line-height: 1.8; }
.learning-overview .feature-row { border: 1px solid #d6dbc8; border-radius: 1rem; padding: 2.8rem; background: #efefe5; gap: 2rem; }
.learning-overview .feature-copy h3 { font-size: clamp(2rem,3vw,3rem); font-weight: 500; letter-spacing: -.05em; line-height: 1.15; }
.learning-overview .feature-copy > p:not(.eyebrow) { font-size: .95rem; line-height: 1.9; }
.learning-overview .feature-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; margin-block: 1.5rem; color: #657151; font-size: .72rem; }
.learning-overview .feature-copy > .text-link { font-size: .85rem; }
.learning-overview .quiet-grid { gap: 1rem; counter-reset: principle; }
.learning-overview .quiet-item { counter-increment: principle; padding: 2rem; border: 1px solid #d6dac8; border-radius: .7rem; position: relative; }
.learning-overview .quiet-item::before { content: '0' counter(principle); position: absolute; top: 2.2rem; right: 1.8rem; color: #7a7b59; font: .65rem 'Courier New',monospace; }
.learning-overview .quiet-item .ink-icon { color: #8b7948; stroke: currentColor; width: 42px; height: 42px; }
.learning-overview .quiet-item h3 { font-size: 1.35rem; margin-top: 2rem; font-weight: 500; }
.learning-overview .quiet-item p { font-size: .85rem; line-height: 1.8; }
.learning-page .closing-note, .learning-page .purchase-note { padding: 2rem; border: 1px solid #d7dbc9; border-radius: .8rem; background: #edeee3; margin-bottom: 3rem; }
.learning-page .closing-note h2, .learning-page .purchase-note h2 { font-size: clamp(1.7rem,2.8vw,2.6rem); font-weight: 500; line-height: 1.2; }
.learning-page .facts-strip { padding: 0; gap: 0; border: 1px solid #d7dcc8; border-radius: .6rem; }
.learning-page .facts-strip > div { padding: 1.4rem; min-width: 0; }
.learning-page .facts-strip > div + div { border-left: 1px solid #d7dcc8; }
.learning-page .facts-strip dt { font: .61rem 'Courier New',monospace; letter-spacing: .05em; }
.learning-page .facts-strip dd { font-size: .9rem; line-height: 1.7; }
.course-page .detail-section { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 3rem; }
.course-page .detail-section h2 { font-size: clamp(2rem,3vw,3rem); font-weight: 500; }
.course-page .check-list { counter-reset: outcome; }
.course-page .check-list li { counter-increment: outcome; gap: 1.3rem; padding-block: 1.3rem; font-size: .95rem; }
.course-page .check-list li::before { content: '0' counter(outcome); font: .65rem 'Courier New',monospace; padding-top: .3rem; color: #7b754c; }
.course-page .syllabus { display: grid; gap: .8rem; border: 0; }
.course-page .syllabus details { padding-inline: 1.7rem; border: 1px solid #d5dbc5; border-radius: .7rem; }
.course-page .syllabus details[open] { background: #edeee3; }
.course-page .syllabus summary { display: flex; gap: 1.5rem; align-items: center; font-size: 1.15rem; font-weight: 500; list-style: none; padding: 1.5rem 0; }
.course-page .syllabus summary::-webkit-details-marker { display: none; }
.chapter-number { color: #77784e; font: .7rem 'Courier New',monospace; flex-shrink: 0; }
.chapter-toggle { margin-left: auto; width: 28px; height: 28px; flex-shrink: 0; border: 1px solid #bbc5a6; border-radius: 50%; background-image: linear-gradient(#60694e,#60694e),linear-gradient(#60694e,#60694e); background-position: center; background-size: 10px 1px,1px 10px; background-repeat: no-repeat; }
.syllabus details[open] .chapter-toggle { background-size: 10px 1px,0 0; }
.course-page .syllabus details > div { padding-left: 2.6rem; font-size: .9rem; line-height: 1.9; }
.course-page .syllabus .muted { font-size: .8rem; }
.lesson-page .lesson-layout { grid-template-columns: 260px minmax(0,1fr); gap: clamp(2rem,5vw,5rem); padding-block: 2.4rem 4rem; align-items: start; }
.lesson-page .lesson-sidebar { position: sticky; top: 2rem; padding: 1.5rem; background: #efefe5; border: 1px solid #d6dbc8; border-radius: .7rem; }
.lesson-jump { font-size: .75rem; margin-bottom: 1.2rem; }
.lesson-chapters summary { min-height: 44px; cursor: pointer; font-size: .9rem; line-height: 1.6; padding-block: .65rem; }
.lesson-chapters summary:focus-visible { outline: 2px solid #6a7951; outline-offset: 3px; }
.lesson-page .lesson-sidebar li { font-size: .82rem; padding-block: 1.2rem; }
.lesson-page .lesson-sidebar li span { font-size: .68rem; color: #687451; }
.lesson-page .lesson-sidebar a[aria-current=page] { font-weight: 500; color: #324227; }
.lesson-page .lesson-sidebar > .text-link { font-size: .78rem; margin-top: 1rem; }
.lesson-page .lesson-content { max-width: 70ch; padding-top: .4rem; scroll-margin-top: 2rem; }
.lesson-page .lesson-content h1 { font-size: clamp(3rem,5.3vw,5.4rem); line-height: 1.06; margin-block: 1.1rem 1.5rem; }
.lesson-page .lesson-content > p { font-size: 1.06rem; line-height: 1.95; color: #48503e; }
.lesson-page .lesson-content h2 { font-size: clamp(1.8rem,2.7vw,2.5rem); font-weight: 500; line-height: 1.2; letter-spacing: -.04em; margin-block: 3rem 1rem; }
.lesson-page .lesson-canvas { border-radius: .6rem; padding: 1.5rem; border-color: #cbd3ba; background: #edf0e4; }
.lesson-page .lesson-canvas .lesson-diagram-title { margin: 0 0 1rem; font: .68rem/1.7 'Courier New',monospace; letter-spacing: .1em; color: #6f6e4d; text-transform: uppercase; }
.lesson-page .workflow-strip { gap: .8rem; }
.lesson-page .workflow-step { min-width: 0; padding: 1rem; border: 1px solid #d0d6c1; border-radius: .35rem; background: #f9faf3; }
.lesson-page .workflow-step h3 { font-size: 1.05rem; margin-top: 1.2rem; }
.lesson-page .workflow-step p { font-size: .8rem; line-height: 1.7; }
.lesson-page .reflection { border-block: 1px solid #d2d8c2; padding-block: .8rem; }
.lesson-page .reflection summary { font-size: .95rem; padding-block: .6rem; }
.lesson-page .reflection li { font-size: .95rem; line-height: 1.9; color: #505b43; }
.lesson-page .reading-check { padding: 1.2rem; border: 1px solid #cbd4b6; border-radius: .5rem; background: #edf1e3; font-size: .9rem; line-height: 1.7; }
.lesson-page .reading-status { font-size: .8rem !important; line-height: 1.8 !important; }

/* Blog discovery and long-form reading keep useful content in the foreground. */
.journal-overview .journal-intro { grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); padding-block: 3.5rem; }
.journal-overview .journal-intro h1 { font-size: clamp(3rem,5.2vw,5.6rem); font-weight: 500; line-height: 1.06; letter-spacing: -.06em; }
.journal-overview .journal-intro-art { padding: 1rem; border: 1px solid #d8ddca; border-radius: .8rem; background: #eeeee4; }
.journal-overview .journal-intro-art p { font-size: .7rem; }
.journal-overview .learning-path { padding: 1.5rem; border: 1px solid #d4dcc4; border-radius: .7rem; background: #eff1e7; }
.journal-overview .path-heading h2 { font-size: 1.2rem; font-weight: 500; }
.journal-overview .path-list { gap: 1rem; }
.journal-overview .path-list a { min-height: 110px; padding: 1rem; border: 1px solid #d9dfce; border-radius: .5rem; background: #fbfbf5; gap: .75rem; }
.journal-overview .path-number { font: .65rem 'Courier New',monospace; padding-top: .15rem; }
.journal-overview .path-list strong { font-size: 1rem; }
.journal-overview .path-list small { font-size: .76rem; }
.journal-overview .guide-browse { padding-top: 4rem; }
.journal-overview .browse-heading h2 { font-size: clamp(2rem,3.5vw,3.6rem); font-weight: 500; letter-spacing: -.05em; }
.journal-overview .guide-tools { margin-top: 2rem; border: 1px solid #d6ddc6; border-radius: .7rem; padding: 1.5rem; background: #f0f1e8; }
.journal-overview .guide-search { width: min(100%,540px); }
.journal-overview .search-box { border-color: #b5c09e; border-radius: .4rem; background: #fcfcf7; }
.journal-overview .search-box input { font-size: 1rem; min-height: 50px; }
.journal-overview .topic-button { border-color: #d0d8bd; color: #59664a; }
.journal-overview .topic-button[aria-pressed=true] { border-color: #2c3625; background: #2c3625; color: #f5f4e8; }
.journal-overview .guide-grid { gap: 1.2rem; margin-top: 1.5rem; }
.journal-overview .guide-card { padding: 1.25rem; border: 1px solid #d5dbc7; border-radius: .75rem; background: #f1f1e8; display: flex; flex-direction: column; }
.journal-overview .guide-card-art { border: 1px solid #dfe2d3; border-radius: .5rem; background: #e9e9dc; overflow: hidden; margin-bottom: 1.5rem; }
.journal-overview .guide-card-art img { height: 210px; width: 100%; object-fit: contain; }
.journal-overview .guide-card h3 { font-size: clamp(1.35rem,2vw,1.9rem); font-weight: 500; letter-spacing: -.035em; }
.journal-overview .guide-card > p:not(.eyebrow) { font-size: .86rem; line-height: 1.9; }
.journal-overview .guide-outcome { margin-top: auto; padding: 1rem; border: 1px solid #d5dec4; border-radius: .4rem; background: #f9faf3; }
.journal-overview .guide-outcome strong { font-size: .7rem; color: #536444; }
.journal-overview .guide-card .text-link { font-size: .82rem; border-top: 1px solid #d6ddc7; margin-top: 1rem; padding-top: 1rem; justify-content: space-between; }
.journal-overview .guide-empty { padding: 2rem; margin-top: 1.3rem; border: 1px dashed #bac7a4; border-radius: .7rem; }
.journal-overview .journal-footer { padding: 2rem; border: 1px solid #d4ddc3; border-radius: .7rem; background: #edf0e3; margin-top: 3rem; }
.guide-reading-page .guide-header { grid-template-columns: minmax(0,1.35fr) minmax(0,.65fr); gap: 3rem; padding-block: 2rem 3rem; }
.guide-reading-page .guide-header h1 { font-size: clamp(2.8rem,4.4vw,4.9rem); font-weight: 500; letter-spacing: -.055em; }
.guide-reading-page .guide-header-art { border: 1px solid #d7dcc9; border-radius: .8rem; padding: 1rem; background: #efefe5; }
.guide-reading-page .guide-meta { gap: .5rem; margin-block: 1.5rem .5rem; }
.guide-reading-page .guide-meta > span { border: 1px solid #d3dbc4; border-radius: 999px; padding: .4rem .7rem; font-size: .7rem; color: #5a674b; }
.guide-reading-page .reader-action { border: 1px solid #cbd4b8; border-radius: .4rem; background: #f1f3e9; color: #46573a; }
.guide-reading-page .reader-action[aria-pressed=true] { background: #33422a; border-color: #33422a; color: #f5f4e9; }
.guide-reading-page .guide-layout { grid-template-columns: 240px minmax(0,760px); gap: clamp(2rem,5vw,5rem); padding-top: 2.5rem; }
.guide-reading-page .guide-sidebar { padding: 1.2rem; border: 1px solid #d4ddc3; border-radius: .6rem; background: #eff1e7; }
.guide-reading-page .guide-contents { border-bottom-color: #d4ddc3; }
.guide-reading-page .guide-contents summary { font-size: .85rem; font-weight: 500; }
.guide-reading-page .guide-outline a { padding-inline: .65rem; border-radius: 0 .3rem .3rem 0; font-size: .78rem; color: #5e6c4e; }
.guide-reading-page .guide-outline a[aria-current=location] { background: #e1e8d3; border-left-color: #849155; color: #27391c; }
.guide-reading-page .guide-sidebar > .text-link { font-size: .78rem; }
.guide-reading-page .guide-content { max-width: 66ch; }
.guide-reading-page .guide-content h2 { font-weight: 500; letter-spacing: -.035em; line-height: 1.3; }
.guide-reading-page .guide-content h3 { font-weight: 500; letter-spacing: -.02em; }
.guide-reading-page .guide-content p, .guide-reading-page .guide-content li { color: #414b36; }
.guide-reading-page .guide-summary { padding: 1.6rem; border: 1px solid #cbd7b8; border-radius: .6rem; background: #edf2e2; }
.guide-reading-page .guide-summary h2 { font-size: 1.1em; margin-top: 0; }
.guide-reading-page .worked-example { border-radius: .5rem; padding: 1.5rem; background: #f1f2e9; border-color: #d1d9c2; }
.guide-reading-page .worked-example .eyebrow { color: #667b46; }
.guide-reading-page .guide-pitfall { border-left-color: #a18d53; background: #f1eee0; padding: 1.2rem; border-radius: 0 .4rem .4rem 0; }
.guide-reading-page .guide-takeaway { border: 1px solid #cad4b6; border-radius: .5rem; background: #edf1e3; padding: 1.5rem; }
.guide-reading-page .guide-next { border: 1px solid #d0d9bf; border-radius: .65rem; background: #eff2e6; padding: 1.8rem; margin-top: 2.5rem; }
.guide-reading-page .guide-next h2 { font-weight: 500; }
.guide-reading-page .guide-end-links .text-link { font-size: .8rem; }

@media (prefers-reduced-motion: no-preference) {
  .detail-section-index a, .journal-overview .topic-button, .reader-action { transition: background .2s ease,color .2s ease; }
  .journal-overview .guide-card-art img, .learning-page .intro-art img { transition: transform .5s var(--atelier-ease); }
  .journal-overview .guide-card-art:hover img { transform: translateY(-4px); }
}
@media (max-width: 70em) {
  .service-detail-page .agency-detail-hero { gap: 2rem; }
  .service-detail-page .agency-detail-grid { grid-template-columns: minmax(0,1fr) 260px; gap: 2rem; }
  .service-detail-page .agency-deliverables > li { padding: 1.2rem; }
  .service-detail-page #service-flow { padding: 1.4rem; }
  .service-detail-page .agency-detail-aside { padding: 1.3rem; }
  .guide-reading-page .guide-layout { grid-template-columns: 210px minmax(0,1fr); gap: 2rem; }
}
@media (max-width: 56em) {
  .service-detail-page .agency-detail-hero, .learning-page .split-intro { grid-template-columns: minmax(0,1fr); }
  .detail-art-stage { max-width: 580px; width: 100%; justify-self: center; }
  .detail-section-index { position: static; }
  .service-detail-page .agency-detail-grid { grid-template-columns: minmax(0,1fr); padding-top: 3rem; }
  .service-detail-page .agency-detail-aside { position: static; max-width: 100%; }
  .service-detail-page .service-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .learning-page .intro-art { max-width: 540px; }
  .learning-overview .feature-row { gap: 2rem; padding: 2rem; }
  .learning-overview .quiet-item { padding: 1.5rem; }
  .course-page .detail-section { gap: 2rem; }
  .lesson-page .lesson-layout { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .lesson-page .lesson-sidebar { position: static; }
  .lesson-page .lesson-sidebar .eyebrow { display: none; }
  .lesson-page .lesson-sidebar > .text-link { margin-top: 0; }
  .lesson-jump { margin-bottom: .3rem; }
  .journal-overview .journal-intro { grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 2rem; }
  .guide-reading-page .guide-header { grid-template-columns: minmax(0,1.4fr) minmax(0,.6fr); gap: 2rem; }
  .guide-reading-page .guide-layout { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .guide-reading-page .guide-content { max-width: 66ch; }
  .guide-reading-page .guide-sidebar { position: static; }
}
@media (max-width: 42em) {
  .editorial-page .eyebrow { font-size: .62rem; }
  .service-detail-page .agency-detail-hero { padding-top: 1rem; padding-bottom: 2rem; gap: 1.7rem; }
  .service-detail-page .agency-detail-hero h1 { font-size: clamp(2.6rem,9.3vw,4rem); }
  .detail-art-stage { padding: .9rem; border-radius: .7rem; }
  .detail-art-label { font-size: .55rem; }
  .detail-art-stage figcaption { font-size: .62rem; }
  .service-detail-page .service-facts > div { padding: 1.2rem; }
  .service-detail-page .service-facts > div + div, .learning-page .facts-strip > div + div { border-left: 0; border-top: 1px solid #d7dcc8; }
  .detail-section-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-section-index a { justify-content: start; padding-inline: .8rem; font-size: .74rem; }
  .service-detail-page .agency-deliverables { grid-template-columns: minmax(0,1fr); }
  .service-detail-page .agency-deliverables > li { padding: 1.4rem; }
  .service-detail-page .agency-deliverables > li::before { margin-bottom: 1rem; }
  .service-detail-page #service-flow { padding: 1.2rem; }
  .service-detail-page #service-flow .system-path { grid-template-columns: minmax(0,1fr); gap: 1.4rem; }
  .service-detail-page .agency-detail-copy > section { margin-bottom: 3rem; }
  .service-detail-page .agency-detail-copy h2 { font-size: 2rem; }
  .service-detail-page .service-index { grid-template-columns: minmax(0,1fr); }
  .service-detail-page .service-index a { min-height: 72px; padding: 1.2rem; }
  .learning-page .page-intro { padding-block: 2.4rem; }
  .learning-page .split-intro { gap: 2rem; }
  .learning-page .split-intro h1 { font-size: clamp(2.7rem,9.2vw,4rem); }
  .learning-page .intro-art { padding: .7rem; }
  .learning-page .intro-copy > p:not(.eyebrow) { font-size: .95rem; }
  .learning-page .preview-note { padding: 1.2rem; gap: .5rem; }
  .learning-overview .feature-row { padding: 1.5rem; }
  .learning-overview .feature-copy h3 { font-size: 2rem; }
  .learning-page .closing-note, .learning-page .purchase-note { padding: 1.5rem; }
  .course-page .detail-section { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .course-page .syllabus details { padding-inline: 1.1rem; }
  .course-page .syllabus summary { gap: .9rem; font-size: 1rem; }
  .course-page .syllabus details > div { padding-left: 0; }
  .lesson-page .lesson-layout { padding-top: 1.5rem; }
  .lesson-page .lesson-sidebar { padding: 1.2rem; }
  .lesson-page .lesson-content h1 { font-size: clamp(2.8rem,10vw,4rem); }
  .lesson-page .lesson-content > p { font-size: 1rem; }
  .lesson-page .lesson-canvas { padding: 1.1rem; }
  .lesson-page .workflow-strip { grid-template-columns: minmax(0,1fr); }
  .lesson-page .workflow-step h3 { margin-top: .7rem; }
  .journal-overview .journal-intro { grid-template-columns: minmax(0,1fr); padding-block: 2.5rem; }
  .journal-overview .journal-intro h1 { font-size: clamp(2.5rem,9.2vw,3.6rem); }
  .journal-overview .learning-path { padding: 1.2rem; }
  .journal-overview .path-list { gap: .6rem; }
  .journal-overview .path-list a { min-height: 90px; }
  .journal-overview .guide-browse { padding-top: 3rem; }
  .journal-overview .guide-tools { padding: 1.1rem; }
  .journal-overview .topic-button { padding-inline: .7rem; font-size: .74rem; }
  .journal-overview .guide-card { padding: 1.2rem; }
  .journal-overview .guide-card h3 { font-size: 1.65rem; }
  .journal-overview .journal-footer { padding: 1.5rem; }
  .guide-reading-page .guide-header { grid-template-columns: minmax(0,1fr); padding-top: 1.5rem; padding-bottom: 2rem; }
  .guide-reading-page .guide-header h1 { font-size: clamp(2.4rem,8.6vw,3.4rem); }
  .guide-reading-page .guide-layout { padding-top: 1.5rem; gap: 1.6rem; }
  .guide-reading-page .guide-sidebar { padding: 1rem; }
  .guide-reading-page .guide-summary, .guide-reading-page .worked-example, .guide-reading-page .guide-takeaway { padding: 1.2rem; }
  .guide-reading-page .guide-next { padding: 1.3rem; }
}
@media print {
  .detail-section-index, .service-detail-page .agency-detail-aside, .detail-art-stage, .lesson-sidebar, .lesson-jump { display: none !important; }
  .service-detail-page .agency-detail-hero, .service-detail-page .agency-detail-grid, .guide-reading-page .guide-layout, .guide-reading-page .guide-header { display: block; }
  .service-detail-page .agency-detail-copy > section, .guide-summary, .worked-example { break-inside: avoid; }
  .editorial-page .lesson-content, .editorial-page .guide-content { max-width: none; }
}