.archive-page{max-width:1440px;margin:auto}.archive-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:center;min-height:720px;padding:70px max(4vw,calc((100vw - 1440px)/2))}.archive-hero h1,.article-hero h1{margin:0;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(4.7rem,8vw,8.8rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase}.archive-lead,.article-deck{max-width:650px;color:var(--silver);font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.65}.archive-hero-art{position:relative;min-height:560px;overflow:hidden;background:var(--panel)}.archive-hero-art img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.08)}.archive-hero-art span{position:absolute;right:22px;bottom:22px;padding:10px 14px;background:#0d0f10e6;font-family:monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}
.archive-categories{padding:clamp(80px,10vw,150px) max(4vw,calc((100vw - 1440px)/2));background:var(--panel)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-grid article{min-height:300px;padding:28px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.category-grid article>span,.category-grid small,.lesson-meta,.article-byline{color:var(--muted);font-family:monospace;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.category-grid h2{margin:70px 0 12px;font-size:1.6rem;font-weight:520}.category-grid p{min-height:90px;color:var(--silver);line-height:1.65}
.latest-lesson{display:grid;grid-template-columns:1fr 1fr;min-height:740px}.lesson-image img{height:100%;object-fit:cover;filter:saturate(.55)}.latest-lesson article{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(50px,7vw,110px)}.latest-lesson h2{margin:0;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(4rem,6vw,7rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.latest-lesson article>p:not(.eyebrow){max-width:650px;color:var(--silver);font-size:1.08rem;line-height:1.8}.lesson-meta,.article-byline{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0 32px}
.previous-lesson-link{margin-top:24px;color:var(--silver);border-bottom:1px solid var(--line);font-size:.82rem}.previous-lesson-link:hover{color:#fff}
.article-shell{max-width:1440px;margin:auto}.article-hero{padding:clamp(80px,10vw,150px) 4vw 70px}.article-cover{margin:0 4vw}.article-cover img{height:clamp(430px,58vw,780px);object-fit:cover;object-position:center 34%;filter:saturate(.58) contrast(1.05)}.article-cover figcaption{padding:13px 0;color:var(--muted);border-bottom:1px solid var(--line);font-family:monospace;font-size:.62rem;letter-spacing:.13em}.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(50px,8vw,130px);justify-content:center;padding:clamp(80px,10vw,150px) 4vw}.article-layout aside{position:sticky;top:30px;align-self:start;display:grid;border-top:1px solid var(--line)}.article-layout aside a{padding:13px 0;color:var(--silver);border-bottom:1px solid var(--line);font-size:.84rem}.article-body{color:#c5c7c5;font-family:Georgia,serif;font-size:1.12rem;line-height:1.9}.article-intro{margin-top:0;color:var(--bone);font-size:1.42rem;line-height:1.7}.article-body h2{scroll-margin-top:30px;margin:80px 0 18px;color:var(--bone);font-family:Arial,sans-serif;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.035em}.article-body blockquote{margin:60px 0;padding:28px 0 28px 28px;color:var(--bone);border-left:3px solid var(--rust);font-size:1.7rem;line-height:1.45}.source-box{margin-top:80px;padding:34px;background:var(--panel);border:1px solid var(--line)}.source-box a{color:var(--bone);border-bottom:1px solid var(--steel)}.article-next{display:grid;gap:8px;margin-top:50px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-next strong{color:var(--bone);font-size:1.55rem}.article-next span,.article-next small,.lesson-pager span{color:var(--muted);font-family:monospace;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.article-cover-symbol img{object-position:center}.lesson-pager{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid var(--line);border-left:1px solid var(--line);font-family:Arial,sans-serif}.lesson-pager a{display:grid;gap:8px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.lesson-pager strong{color:var(--bone);font-size:1.1rem}.lesson-pager a:hover{background:var(--panel)}
@media(max-width:900px){.archive-hero,.latest-lesson{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-layout aside{position:static}}@media(max-width:640px){.archive-hero,.archive-categories,.article-hero{padding-left:20px;padding-right:20px}.archive-hero h1,.article-hero h1{font-size:clamp(3.7rem,19vw,5.4rem)}.category-grid{grid-template-columns:1fr}.article-cover{margin-left:20px;margin-right:20px}.article-layout{padding-left:20px;padding-right:20px}.lesson-pager{grid-template-columns:1fr}}

/* Archive cards need more room on standard desktop screens */
@media (max-width:1600px) and (min-width:901px){
  .category-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .category-grid article{
    min-height:320px;
    padding:34px 30px;
  }
  .category-grid h2{
    margin:66px 0 16px;
    font-size:1.75rem;
  }
  .category-grid p{
    min-height:78px;
    max-width:280px;
    line-height:1.8;
  }
}

/* Archive display headings */
.archive-hero h1,
.article-hero h1{
  line-height:.92;
  letter-spacing:-.025em;
}
.latest-lesson h2{
  line-height:.94;
  letter-spacing:-.025em;
}
/* Article sharing */
.share-lesson{margin-top:50px;padding:30px;border:1px solid var(--line);background:var(--panel)}.share-lesson h2{margin:0 0 8px;font-size:1.45rem}.share-lesson>p{margin:0 0 20px;color:var(--silver);font-family:Arial,sans-serif;font-size:.9rem}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;color:var(--bone);border:1px solid var(--line);background:transparent;font-family:monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.share-actions a:hover,.share-actions a:focus-visible,.share-actions button:hover,.share-actions button:focus-visible{border-color:var(--steel);background:#436d8b24}.copy-status{min-height:1.4em;margin:12px 0 0!important;color:var(--silver)!important;font-family:monospace!important;font-size:.7rem!important}
