/* Perspectives extension */
.perspective-hero{padding:70px 0 34px}.perspective-hero h1{font-size:clamp(2.7rem,6vw,4.5rem);line-height:1.1;letter-spacing:-.035em;margin:8px 0 16px}.perspective-hero p{max-width:690px;color:var(--muted);font-size:1.1rem}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-tile{display:block;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:20px;text-decoration:none}.topic-tile:hover,.topic-tile:focus-visible{border-color:var(--accent)}.topic-tile h2{font-size:1.4rem;margin:5px 0}.topic-tile p{color:var(--muted);margin:0}.topic-tile .count{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.note-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.note-nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.note-nav a:hover,.note-nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.reading-toc{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 26px;margin:32px 0}.reading-toc strong{display:block;margin-bottom:8px}.reading-toc a{color:var(--accent);text-decoration:none}.reading-toc a:hover{text-decoration:underline}.reading-toc ol{margin:0;padding-left:22px}
.timeline{border-left:2px solid var(--line);padding-left:22px;margin:24px 0}.timeline p{margin:0 0 15px}.timeline strong{color:var(--accent)}
.sources{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.sources li{margin-bottom:9px}
.article-body ul{padding-left:24px;line-height:1.8}.article-body a{color:#536d50;text-underline-offset:3px}
@media(max-width:720px){.topic-grid{grid-template-columns:1fr}.perspective-hero{padding:45px 0 20px}.topic-tile{padding:21px}.note-nav{gap:12px}}

/* Historical essay imagery */
.history-figure{margin:34px auto 40px;max-width:100%;text-align:center}
.history-figure img{display:block;max-width:100%;max-height:480px;width:auto;height:auto;margin:0 auto;border-radius:14px;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 28px rgba(36,48,58,.08)}
.history-figure figcaption{font-size:.87rem;color:var(--muted);line-height:1.55;max-width:680px;margin:12px auto 0}
.history-figure figcaption a{color:var(--accent);text-underline-offset:3px}
@media(max-width:720px){.history-figure{margin:25px 0 32px}.history-figure img{max-height:360px;border-radius:10px}}