.nl-header { max-width: 1160px; margin: auto; min-height: 76px; padding: 16px 28px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); }
.nl-brand { font-weight: 700; font-size: 18px; letter-spacing: -.04em; white-space: nowrap; }
.nl-brand span { color: var(--muted); font-weight: 400; }
.nl-header nav { display: flex; gap: 24px; font-size: 13px; color: var(--muted); }
.nl-header nav a { display: inline-flex; min-height: 44px; align-items: center; }
.nl-header nav [aria-current] { color: var(--accent); }
.nl-library { max-width: 1080px; padding: 0 28px; margin: auto; }
.nl-intro { padding: 68px 0 36px; }
.nl-intro h1 { font-size: clamp(36px, 5vw, 58px); font-weight: 600; line-height: 1.25; letter-spacing: -.055em; margin: 0 0 24px; }
.nl-intro > p:not(.eyebrow) { font-size: 17px; line-height: 1.8; color: var(--muted); }
.nl-library-meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; font-size: 12px; color: var(--muted); line-height: 1.6; }
.nl-archive { border-top: 1px solid var(--line); padding-top: 28px; }
.nl-tools { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.nl-filters { display: flex; gap: 4px; flex-wrap: wrap; }
.nl-filters button { min-height: 44px; padding: 10px 14px; color: var(--muted); border-radius: 24px; font-size: 13px; }
.nl-filters button[aria-pressed="true"] { background: var(--accent); color: var(--page); }
.nl-search { display: grid; gap: 8px; font-size: 11px; color: var(--muted); }
.nl-search input { background: var(--surface); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 12px; min-height: 44px; width: 260px; font-size: 13px; }
.nl-result-count { font-size: 12px; color: var(--muted); margin: 24px 0 16px; }
.nl-cards { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.nl-card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 26px; display: flex; flex-direction: column; min-width: 0; }
.nl-card-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: var(--muted); }
.nl-source { color: var(--accent); }
.nl-card h2 { font-weight: 600; font-size: 22px; line-height: 1.5; letter-spacing: -.035em; margin: 18px 0 14px; }
.nl-card h2 a:hover { color: var(--accent); }
.nl-card > p { font-size: 15px; line-height: 1.8; color: var(--reading); margin: 0 0 20px; }
.nl-card-bottom { margin-top: auto; display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 11px; color: var(--muted); }
.nl-card-bottom a { display: flex; align-items: center; min-height: 44px; gap: 8px; min-width: 44px; font-size: 13px; color: var(--accent); }
.nl-library-note { margin: 48px 0 72px; padding: 28px 0; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); line-height: 1.9; max-width: 750px; }
.nl-library-note strong { color: var(--reading); font-weight: 500; }
.nl-library-note a { display: inline-flex; min-height: 44px; align-items: center; color: var(--accent); }
.nl-reader-layout { display: grid; grid-template-columns: 228px minmax(0, 700px); gap: 64px; max-width: 1080px; padding: 0 28px; margin: auto; }
.nl-rail { align-self: start; position: sticky; top: 24px; margin-top: 40px; max-height: calc(100vh - 48px); overflow-y: auto; padding-right: 8px; }
.nl-back { display: inline-flex; min-height: 44px; align-items: center; color: var(--muted); font-size: 12px; margin-bottom: 28px; }
.nl-rail ol, .nl-mobile-toc ol { list-style: none; padding: 0; margin: 0; }
.nl-rail li a, .nl-mobile-toc li a { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 10px 0; min-height: 44px; font-size: 12px; line-height: 1.6; color: var(--muted); word-break: keep-all; overflow-wrap: anywhere; }
.nl-rail li a:hover { color: var(--accent); }
.nl-rail li span, .nl-mobile-toc li span { font-size: 10px; font-variant-numeric: tabular-nums; padding-top: 2px; }
.nl-article { min-width: 0; }
.nl-issue-heading { padding: 56px 0 32px; border-bottom: 1px solid var(--line); }
.nl-issue-heading h1 { font-size: clamp(28px, 4vw, 42px); font-weight: 600; letter-spacing: -.045em; line-height: 1.4; margin: 0; }
.nl-byline { color: var(--muted); font-size: 12px; margin: 16px 0 28px; }
.nl-overview { color: var(--reading); font-size: 18px; line-height: 1.85; margin: 0 0 24px; }
.nl-origin { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; }
.nl-origin a { color: var(--accent); min-height: 44px; display: inline-flex; align-items: center; }
.nl-origin span { color: var(--muted); font-size: 11px; }
.nl-original { font-size: 12px; color: var(--muted); }
.nl-original summary { min-height: 44px; padding: 12px 0; cursor: pointer; }
.nl-original p { line-height: 1.8; }
.nl-notice { border-left: 2px solid #d5bd88; padding: 12px 16px; background: #242219; color: #dfd0af; line-height: 1.8; font-size: 13px; }
.nl-section { padding: 32px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.nl-section:target { background: rgba(194,217,170,.025); }
.nl-section .eyebrow span { margin: 0 10px; color: var(--muted); }
.nl-section h2 { font-size: 23px; font-weight: 600; line-height: 1.55; margin: 0 0 16px; letter-spacing: -.03em; }
.nl-prose { font-size: 17px; color: var(--reading); line-height: 1.95; margin: 0; letter-spacing: -.01em; }
.nl-links { display: flex; flex-wrap: wrap; gap: 0 20px; list-style: none; margin: 16px 0 0; padding: 0; }
.nl-links a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 12px; text-decoration: underline; text-underline-offset: 5px; overflow-wrap: anywhere; }
.nl-method { padding: 32px 0 64px; color: var(--muted); font-size: 12px; line-height: 1.9; }
.nl-method h2 { font-size: 14px; color: var(--reading); font-weight: 500; }
.nl-method > a { display: inline-flex; min-height: 44px; align-items: center; color: var(--accent); margin-top: 12px; }
.nl-footer { max-width: 1104px; margin: auto; border-top: 1px solid var(--line); padding: 24px 28px 32px; display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.nl-mobile-toc { display: none; }
@media (max-width: 900px) {
  .nl-reader-layout { display: block; max-width: 720px; }
  .nl-rail { display: none; }
  .nl-mobile-toc { display: block; border-bottom: 1px solid var(--line); padding: 8px 0; }
  .nl-mobile-toc summary { padding: 12px 0; min-height: 44px; color: var(--accent); font-size: 13px; cursor: pointer; }
  .nl-mobile-toc ol { padding-bottom: 12px; }
}
@media (max-width: 620px) {
  .nl-header { padding: 10px 20px; min-height: 64px; gap: 12px; }
  .nl-brand { font-size: 16px; }
  .nl-header nav { gap: 12px; font-size: 11px; }
  .nl-library, .nl-reader-layout { padding: 0 22px; }
  .nl-intro { padding-top: 40px; }
  .nl-intro h1 { font-size: 36px; }
  .nl-intro > p:not(.eyebrow) { font-size: 15px; }
  .nl-library-meta, .nl-tools { flex-direction: column; align-items: stretch; gap: 18px; }
  .nl-search input { width: 100%; }
  .nl-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .nl-card { padding: 22px; }
  .nl-card h2 { font-size: 21px; }
  .nl-issue-heading { padding-top: 36px; }
  .nl-overview { font-size: 17px; }
  .nl-section h2 { font-size: 22px; }
  .nl-footer { padding: 24px 22px; flex-direction: column; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }