/* Shared Learn-inspired landing and article headers. Keep this sheet last. */
.llz-page-banner{--banner-bg:#eb7a3e;--banner-ink:#111;--banner-accent:#fff9ea;background:var(--banner-bg);color:var(--banner-ink);border-bottom:1px solid #111;width:100%;padding:2.25rem 0;margin:0 0 2rem;box-sizing:border-box}
.llz-theme-mustard{--banner-bg:#d4a720;--banner-accent:#1e2d4d}
.llz-theme-teal{--banner-bg:#2ca7a0;--banner-accent:#1e2d4d}
.llz-theme-blue{--banner-bg:#4c71a3;--banner-ink:#fff9ea;--banner-accent:#ffe49a}
.llz-theme-plum{--banner-bg:#653e5d;--banner-ink:#fff9ea;--banner-accent:#ffe49a}
.llz-page-banner .llz-banner-inner{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:2rem;width:100%;max-width:1160px;padding:0 1.5rem;margin:0 auto;box-sizing:border-box}
.llz-page-banner .llz-banner-copy{min-width:0;text-align:center}
.llz-page-banner .llz-banner-kicker{display:block;margin:0 0 .75rem;font-family:"IBM Plex Mono",monospace;font-size:.75rem;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:inherit}
.llz-page-banner h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.02em;color:inherit;text-align:center;max-width:none;margin:0 0 1rem;overflow-wrap:normal;text-wrap:balance}
.llz-page-banner h1 em{font-family:inherit;font-style:italic;color:var(--banner-accent);font-weight:inherit}
.llz-page-banner p,.llz-page-banner p.dek{font-family:"IBM Plex Mono",monospace;font-size:1rem;line-height:1.7;max-width:65ch;margin:0 auto;color:inherit;text-align:center!important;text-align-last:center;hyphens:none}
.llz-page-banner .llz-hero-art{display:block;width:120px;height:140px;max-width:100%;object-fit:contain;color:var(--banner-ink);opacity:1;position:static;transform:none;margin:0;justify-self:center}
.llz-page-banner .llz-hero-art:first-child{transform:rotate(-7deg)}
.llz-page-banner .llz-hero-art:last-child{transform:rotate(7deg)}
/* Compact headers retain the same composition without overwhelming a reading. */
.llz-page-banner.llz-banner-compact{padding:1.5rem 0;margin:0;border:1px solid #111}
.llz-page-banner.llz-banner-compact .llz-banner-inner{grid-template-columns:64px minmax(0,1fr) 64px;gap:1.25rem}
.llz-page-banner.llz-banner-compact h1{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}
.llz-page-banner.llz-banner-compact .llz-hero-art{width:64px;height:80px}
.llz-page-banner.llz-banner-compact p{font-size:.875rem;line-height:1.7}
.llz-article-intro{display:block;margin:1.5rem auto 2rem;width:100%;max-width:1360px;padding:0;background:transparent;border:0;box-shadow:none}
.almanac-main>.llz-article-intro{width:calc(100% - 5rem)}
.llz-hero-details{padding:1.25rem 1.5rem;background:#fff9ea;border:1px solid #111;border-top:0;font-family:"IBM Plex Mono",monospace;font-size:.875rem;line-height:1.6}
.llz-hero-details>.jump-link{display:inline-block;margin:0 0 1rem;color:#111}
.llz-hero-details>aside{padding:0;margin:0;border:0;box-shadow:none;background:transparent;min-width:0;min-height:0;color:#111;display:block}
.llz-hero-details>aside>img.transit-header-art,.llz-hero-details>aside>.station-glyph,.llz-hero-details>aside>span:first-child{display:none}
.llz-hero-details>aside>div{margin:0 0 1rem}
.llz-hero-details>aside>div>strong{font-size:1.25rem;display:block}
.llz-hero-details dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0}
.llz-hero-details dl>div{padding:0;border:0;display:block}
.llz-hero-details dt{font-size:.75rem;line-height:1.5;text-transform:uppercase;margin:0 0 .35rem}
.llz-hero-details dd{font-size:.875rem;line-height:1.6;margin:0}
.llz-hero-details .study-summary{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #cbbda4}
.llz-hero-details .study-free{display:block;margin:.75rem 0}
.llz-retained-note{max-width:1100px;margin:0 auto 2rem;padding:0 1.5rem}
.llz-retained-note .page-note{padding:1.25rem;border:1px solid #111;background:#fff9ea}
.art>.llz-page-banner{margin-bottom:1.25rem}
.study-intro:has(.llz-article-intro){background:transparent;padding-top:1rem}
.study-intro-inner:has(.llz-article-intro){max-width:1160px}
@media(max-width:760px){
 .llz-page-banner .llz-banner-inner{grid-template-columns:64px minmax(0,1fr) 64px;gap:1rem}
 .llz-page-banner .llz-hero-art{width:64px;height:80px}
 .llz-page-banner.llz-banner-compact .llz-banner-inner{grid-template-columns:40px minmax(0,1fr) 40px;gap:.75rem}
 .llz-page-banner.llz-banner-compact .llz-hero-art{width:40px;height:50px}
 .almanac-main>.llz-article-intro{width:calc(100% - 2rem)}
}
@media(max-width:560px){
 .llz-page-banner,.llz-page-banner.llz-banner-compact{padding:1.5rem 0}
 .llz-page-banner .llz-banner-inner,.llz-page-banner.llz-banner-compact .llz-banner-inner{grid-template-columns:1fr 1fr;padding:0 1rem;gap:.75rem 1.5rem}
 .llz-page-banner .llz-banner-copy{grid-column:1/-1;grid-row:2}
 .llz-page-banner .llz-hero-art,.llz-page-banner.llz-banner-compact .llz-hero-art{width:44px;height:52px;grid-row:1}
 .llz-page-banner .llz-hero-art:first-child{justify-self:end}.llz-page-banner .llz-hero-art:last-child{justify-self:start}
 .llz-page-banner h1{font-size:2.25rem}.llz-page-banner.llz-banner-compact h1{font-size:1.75rem}
 .llz-hero-details{padding:1rem}.llz-hero-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Header introductions are centered; body paragraphs remain justified. */
.llz-page-banner .llz-banner-copy p,.llz-page-banner .llz-banner-copy .llz-banner-kicker{text-align:center!important;text-align-last:center!important}