/* Reading order and typographic identity for the disinformation essay. */
.path-title h1 { font-size: clamp(3rem, min(6.05vw, 11vh), 6.1rem); line-height: 1; letter-spacing: -.06em; }
.path-title h1 span { margin-top: .06em; }
.path-title .hero-article-title { font: 650 clamp(1rem, 1.5vw, 1.2rem)/1.42 system-ui, sans-serif; max-width: 34ch; }
.path-title .deck { max-width: 45ch; }
.path-brand { white-space: normal; }
.path-hero .hero-copy { min-width: 0; }

.hero-post { min-width: 0; margin: 0; padding: clamp(17px, 3vw, 32px); border: 1px solid #40556f; border-radius: 8px; background: linear-gradient(135deg, #192b43, #101a2b 70%); box-shadow: 0 24px 80px #0005; }
.hero-post-masthead { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border-bottom: 1px solid #42556d; padding-bottom: 15px; font: 700 .68rem/1.45 system-ui, sans-serif; letter-spacing: .11em; text-transform: uppercase; color: #c2cfdf; }
.hero-post-masthead b { color: var(--gold); text-align: right; }
.hero-post blockquote { margin: clamp(19px, 4vw, 45px) 0 18px; max-width: 18ch; color: #f4f2ec; font: 400 clamp(1.85rem, 4vw, 3.7rem)/1.07 Georgia, serif; letter-spacing: -.035em; }
.hero-post figcaption { color: #c2cfdf; line-height: 1.55; font-size: .93rem; }
.hero-post a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--gold); text-underline-offset: .22em; font-size: .9rem; font-weight: 700; }
.path-hero .hero-actions .secondary { border-color: #677b94; }

#first-check, #context, #education, #article, #explore-more { scroll-margin-top: 83px; }
.context-principles { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(26px, 5vw, 64px); align-items: center; margin-top: 30px; }
.context-principles dl { margin: 0; }
.context-principles dl>div { padding: 15px 0; border-top: 1px solid #3a4b62; }
.context-principles dt { font: 600 clamp(1.16rem, 2vw, 1.5rem)/1.2 Georgia, serif; color: var(--gold); }
.context-principles dd { margin: .45rem 0 0; color: #c3d0de; line-height: 1.65; font-size: .95rem; }
.context-principles .canvas { box-shadow: none; }

.learning-section .intro-text p:first-child { margin-top: 0; }
.learning-methods { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 35px 0; padding: 0; list-style: none; }
.learning-methods li { min-width: 0; padding: 16px 15px 14px; background: #e8e6de; border-top: 2px solid #a0713d; }
.method-num { display: block; color: #85501b; font-weight: 750; font-size: .75rem; letter-spacing: .12em; }
.learning-methods h3 { margin: 9px 0; font-size: clamp(1.2rem, 2.1vw, 1.55rem); }
.learning-methods p { margin: 0; color: #425467; font-size: .92rem; line-height: 1.62; }

.learning-data { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(18px, 5vw, 60px); align-items: center; border-block: 1px solid #b8c1c0; padding: 23px 0; margin: 42px 0 22px; scroll-margin-top: 85px; }
.learning-data .eyebrow { margin: 0 0 .6rem; }
.learning-data h3 { margin: 0; }
.learning-data p:not(.eyebrow) { color: #425467; }
.learning-data a, .learning-article-link { color: #774b20; font-weight: 700; text-underline-offset: .22em; }
.reading-bars { margin: 0; display: grid; gap: .8rem; }
.reading-bars>div { display: grid; grid-template-columns: 1fr auto; gap: .4rem; font-size: .85rem; }
.reading-bars strong { font-size: 1rem; }
.reading-bars i { position: relative; grid-column: 1/-1; height: .65rem; background: #d7dbd7; border-radius: 2px; overflow: hidden; }
.reading-bars i::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--value); background: #906235; }
.reading-bars div:nth-child(2) i::before { background: #36536b; }
.reading-bars figcaption { font-size: .77rem; color: #536571; }

.lesson-plan { background: #e7e5de; border: 1px solid #bfc9c7; margin: 25px 0 0; }
.lesson-plan summary,.more-panels>details>summary { padding: 14px 18px; min-height: 46px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: .65rem; font-weight: 700; }
.lesson-plan summary span,.more-panels>details>summary span { color: #85501b; font-size: 1.2rem; }
.lesson-plan[open]>summary span,.more-panels>details[open]>summary span { transform: rotate(45deg); }
.lesson-plan-body { padding: 0 18px 12px; max-width: 76ch; color: #354c5c; }
.lesson-plan-body li { margin-bottom: .65rem; line-height: 1.6; }
.learning-links { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 23px; margin-top: 28px; }
.learning-link { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; }
.learning-article-link { min-height: 44px; display: inline-flex; align-items: center; }

.explore-more { background: #e7e5dd; color: #15202a; padding: clamp(38px, 6vw, 74px) 0; }
.explore-more .eyebrow { margin: 0 0 .6rem; }
.explore-more h2 { font-size: clamp(2rem,4vw,3.2rem); }
.more-panels { border-top: 1px solid #acb8bb; }
.more-panels>details { border-bottom: 1px solid #acb8bb; }
.more-panels>details>summary { padding-inline: 0; }
.more-panels>details>summary::-webkit-details-marker,.lesson-plan summary::-webkit-details-marker { display: none; }
.more-panels .section { padding-block: clamp(25px, 4vw, 46px); scroll-margin-top: 85px; }
.more-panels .section-inner { width: calc(100% - 36px); }
.more-panels .chapter-bridge { display: none; }
.context-bridge { justify-content: space-between; flex-wrap: wrap; gap: 13px 24px; }
@media (max-width: 480px) {
  .topline { flex-wrap: wrap; column-gap: 14px; row-gap: 3px; padding-block: 8px; }
  .topline nav { flex-wrap: wrap; }
  .topline nav a { display: inline-flex; align-items: center; min-height: 36px; }
}
@media (min-width: 701px) and (max-width: 870px) { .chapter-nav { justify-content: flex-start; } }
.more-panels .intro-text { min-width: 0; }
.more-panels details[open]>summary { margin-bottom: .6rem; }
.more-note { color: #4b6071; font-size: .92rem; }
.more-note a { color: #774b20; }

#article .original-title { margin: -10px 0 10px; font-size: clamp(1rem,2.4vw,1.34rem); font-weight: 700; color: #253a4b; }
#operation { scroll-margin-top: 86px; }
.operation-article-note summary { cursor: pointer; color: #263b4d; font: 750 .95rem/1.4 system-ui, sans-serif; padding-block: .25rem; }
.operation-article-note ol { padding-left: 1.25rem; font-size: 1rem; line-height: 1.62; }
.operation-article-note li { margin-bottom: .35rem; }

@media(max-width: 940px) { .learning-methods { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 820px) { .path-title h1{font-size:clamp(2.55rem,8.9vw,4.95rem)} .context-principles,.learning-data{grid-template-columns:1fr} .path-hero{padding-top:34px} }
@media(max-width: 500px) {
  .path-title .hero-article-title { margin-top: 17px; }
  .path-hero .hero-actions a { min-height: 46px; }
  .path-hero { gap: 21px; }
  .hero-post { padding: 14px; }
  .hero-post blockquote { font-size: 1.76rem; margin: 16px 0 9px; }
  .hero-post-masthead { font-size: .62rem; padding-bottom: 11px; }
  .learning-methods { grid-template-columns: 1fr; gap: 9px; }
  .more-panels .section-inner { width: calc(100% - 20px); }
}
#operation-sources { scroll-margin-top: 85px; }
.path-hero .hero-actions a:focus-visible { outline-color: #f8dcad; }