/* QSTVE archive — the same editorial system, with progressive local filtering. */
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.linkedin-archive { background: var(--paper); color: var(--ink); }
.archive-hero { padding-top: var(--section-space); padding-bottom: 56px; }
.archive-hero h1 { max-width: 1100px; }
.archive-hero > p:not(.chapter):not(.publication-mark) { max-width: 720px; margin: 28px 0 0; font-size: clamp(1.1rem, 1.7vw, 1.4rem); }
.archive-hero a { display: inline-flex; align-items: center; padding-block: 8px; font-size: .9375rem; }
.collection-switcher { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.collection-switcher a { padding: 24px 0; border-top: 3px solid var(--ink); display: flex; flex-direction: column; justify-content: space-between; gap: 20px; text-decoration: none; }
.collection-switcher strong { font-size: clamp(1.35rem, 2.6vw, 2.4rem); font-weight: 500; line-height: 1.12; letter-spacing: -.035em; overflow-wrap: anywhere; }
.collection-switcher span { font-size: .75rem; }
.collection-switcher a:hover strong { text-decoration: underline; text-decoration-color: var(--accent); }
.archive-results { padding-top: 48px; padding-bottom: var(--section-space); }
.archive-controls { padding: 24px 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr) auto auto; gap: 20px; align-items: end; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.archive-controls div { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.archive-controls label { font-size: .75rem; font-weight: 600; }
.archive-controls input, .archive-controls select, .archive-controls button, .archive-clear { min-width: 44px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--ink); border-radius: 0; background: var(--white); color: var(--ink); font: 400 1rem/1.4 var(--body); }
.archive-controls input, .archive-controls select { width: 100%; max-width: 100%; }
.archive-controls button { cursor: pointer; background: var(--ink); color: var(--white); padding-inline: 22px; }
.archive-controls button:hover { text-decoration: underline; text-underline-offset: 4px; }
.archive-clear { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.archive-clear:hover { text-decoration: underline; }
#archive-status { min-height: 44px; margin: 16px 0; display: flex; align-items: center; font-size: .8125rem; }
#archive-empty { padding: 24px 0; border-block: 1px solid var(--ink); }
.archive-noscript { margin-top: 20px; font-size: .9375rem; }
.linkedin-index { list-style: none; margin: 0; padding: 0; border-top: 3px solid var(--ink); }
.linkedin-index__item { border-bottom: 1px solid var(--ink); }
.linkedin-index__item article { display: grid; grid-template-columns: minmax(0, .55fr) minmax(0, 2fr) minmax(0, .6fr); gap: 32px; align-items: start; padding: 28px 0; }
.linkedin-index__meta { margin: 0; padding-top: 8px; display: flex; flex-direction: column; gap: 8px; font-size: .75rem; line-height: 1.5; }
.linkedin-index__item h2 { margin: 0; font-size: clamp(1.35rem, 2.35vw, 2.15rem); line-height: 1.2; letter-spacing: -.03em; }
.linkedin-index__item h2 a { display: flex; align-items: center; text-decoration: none; }
.linkedin-index__item h2 a:hover { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 1px; }
.external-note { min-height: 44px; display: flex; align-items: center; justify-content: flex-end; text-align: right; font-size: .75rem; line-height: 1.5; }
.linkedin-index__item blockquote { grid-column: 2; margin: 0; font-family: var(--serif); }
.archive-collection-nav { padding-block: 12px; margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; border-top: 1px solid var(--ink); font-size: .8125rem; }
.archive-collection-nav a, .archive-follow { display: inline-flex; align-items: center; padding-block: 10px; }
.archive-follow { margin-top: 32px; font-size: .9375rem; }
.publication-mark { max-width: 100%; width: fit-content; margin: 0 0 24px; padding-bottom: 8px; border-bottom: 2px solid var(--accent); font: 600 .6875rem/1.5 var(--body); text-transform: uppercase; letter-spacing: .1em; }
.ai-operator-collection .linkedin-index__item article { grid-template-columns: minmax(0, .5fr) minmax(0, 1.35fr) minmax(0, 1fr); }
.ai-operator-collection .linkedin-index__item article > p:not(.linkedin-index__meta) { margin: 0; padding-top: 6px; font-size: 1rem; line-height: 1.6; }
.ai-operator-collection .external-note { grid-column: 2 / -1; justify-content: flex-start; text-align: left; min-height: 0; }
.field-guide-card { grid-column: 1 / -1; margin-top: 12px; padding: 14px 16px; border: 1px solid var(--ink); display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; text-decoration: none; font-size: .8125rem; }
.field-guide-card span { font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.field-guide-card strong { font-weight: 500; }
.field-guide-card small { margin-left: auto; color: var(--accent); }
.field-guide-card:hover { border-color: var(--accent); }

/* Archive and article reading surfaces share the homepage’s light field. */
.article-page { background: var(--paper); color: var(--ink); }
.article-header { padding-top: var(--section-space); padding-bottom: 48px; }
.article-header h1 { max-width: 1080px; margin: 16px 0 28px; font-size: clamp(2.65rem, 5.6vw, 5.25rem); line-height: 1.06; letter-spacing: -.045em; }
.article-deck { max-width: 780px; margin: 0; font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.5; }
.article-meta { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: .8125rem; }
.article-tags { list-style: none; margin: 18px 0 0; padding: 0; display: flex; gap: 12px 20px; flex-wrap: wrap; }
.article-tags li { padding-block: 4px; font-size: .75rem; border-bottom: 1px solid var(--ink); overflow-wrap: anywhere; }
.article-hero { max-width: 1080px; margin-block: 0 36px; }
.article-hero img { width: 100%; height: auto; }
.article-hero figcaption { margin-top: 12px; font: .8125rem/1.5 var(--body); }
.article-body { max-width: 880px; padding: 56px clamp(20px, 5vw, 72px); background: var(--paper); border-top: 3px solid var(--ink); font-family: var(--serif); }
.article-body p, .article-body li { font-size: clamp(1.125rem, 1.5vw, 1.3125rem); line-height: 1.75; overflow-wrap: anywhere; }
.article-body p { margin: 0 0 1.4em; }
.article-body h2 { margin: 2em 0 .75em; font-size: clamp(1.6rem, 2.8vw, 2.3rem); line-height: 1.2; letter-spacing: -.025em; }
.article-body ul, .article-body ol { margin: 0 0 1.6em; padding-left: 1.3em; }
.article-body li + li { margin-top: .65em; }
.article-body a, .article-record a { display: inline-flex; max-width: 100%; align-items: center; padding-block: 8px; overflow-wrap: anywhere; }
.article-body a { text-decoration-thickness: 1px; }
.article-record { max-width: 880px; padding: 32px clamp(20px, 5vw, 72px); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.article-record p { line-height: 1.6; font-size: .9375rem; }
.article-record p:last-of-type { margin-bottom: 12px; }
.article-record code { display: block; max-width: 100%; overflow-wrap: anywhere; font: .75rem/1.6 var(--mono); }
.article-sequence { max-width: 1080px; padding-top: 48px; padding-bottom: 64px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.article-sequence a { display: flex; flex-direction: column; align-items: start; gap: 16px; padding-top: 20px; border-top: 3px solid var(--ink); font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.3; letter-spacing: -.02em; text-decoration: none; overflow-wrap: anywhere; }
.article-sequence a:last-child { grid-column: 2; }
.article-sequence span { font: 600 .75rem/1.5 var(--body); letter-spacing: .07em; text-transform: uppercase; }
.article-sequence a:hover { text-decoration: underline; text-decoration-color: var(--accent); }
@media(min-width:641px) and (max-width:900px) {
  .archive-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .linkedin-index__item article { grid-template-columns: 130px minmax(0, 1fr); gap: 16px 24px; }
  .external-note { grid-column: 2; justify-content: flex-start; text-align: left; }
  .ai-operator-collection .linkedin-index__item article { grid-template-columns: 130px minmax(0, 1fr); }
  .ai-operator-collection .linkedin-index__item article > p:not(.linkedin-index__meta) { grid-column: 2; }
}
@media(max-width:640px) {
  .archive-hero { padding-top: 48px; padding-bottom: 40px; }
  .archive-hero h1 { font-size: clamp(2.6rem, 10.7vw, 4rem); }
  .collection-switcher { grid-template-columns: 1fr; gap: 0; }
  .collection-switcher a { padding-block: 20px; border-top-width: 1px; flex-direction: row; align-items: center; gap: 20px; }
  .collection-switcher a:first-child { border-top-width: 3px; }
  .collection-switcher strong { font-size: 1.45rem; }
  .collection-switcher span { flex-shrink: 0; }
  .archive-results { padding-top: 32px; }
  .archive-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
  .archive-controls div { grid-column: 1 / -1; }
  .linkedin-index__item article, .ai-operator-collection .linkedin-index__item article { grid-template-columns: minmax(0, 1fr); padding-block: 24px; gap: 12px; }
  .linkedin-index__meta { padding: 0; flex-direction: row; flex-wrap: wrap; gap: 8px 16px; }
  .linkedin-index__item h2 { font-size: 1.5rem; }
  .external-note, .ai-operator-collection .external-note, .linkedin-index__item blockquote, .ai-operator-collection .linkedin-index__item article > p:not(.linkedin-index__meta) { grid-column: 1; justify-content: flex-start; text-align: left; }
  .external-note { min-height: 0; }
  .archive-collection-nav { gap: 8px 20px; }
  .article-header { padding-top: 48px; padding-bottom: 36px; }
  .article-header h1 { font-size: clamp(2.2rem, 8.5vw, 3.4rem); line-height: 1.1; }
  .article-body { padding-block: 36px; }
  .article-sequence { grid-template-columns: 1fr; gap: 32px; }
  .article-sequence a:last-child { grid-column: 1; }
}
@media(max-width:340px) {
  .collection-switcher strong { font-size: 1.3rem; }
  .article-header h1 { font-size: 2.2rem; }
}
@media(prefers-reduced-motion:reduce) {
  .linkedin-archive *, .article-page * { scroll-behavior: auto; }
}