/* Genererad av _wp/build/build_import_data.py. Redigera källan, inte denna fil. */
/* Källa: insikter.html */
  /* Insikter-arkiv — sidspecifik styling */
  .archive-hero h1 { font-size: clamp(48px, 7vw, 96px); line-height: 1.1; max-width: 18ch; margin: 28px 0 36px; }
  .archive-hero h1 em { font-style: italic; color: var(--accent); font-weight: 400; }
  .archive-hero .lede { font-size: clamp(17px, 1.2vw, 20px); color: var(--ink-soft); max-width: 56ch; margin-bottom: 28px; }

  .filter-row { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid var(--hairline-soft); margin-top: 32px; }
  .filter-pill { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; padding: 8px 14px; border: 1px solid var(--hairline); border-radius: 999px; color: var(--ink-soft); cursor: pointer; transition: all .2s; background: transparent; }
  .filter-pill:hover { border-color: var(--ink); color: var(--ink); }
  .filter-pill.active { background: var(--ink); color: var(--bg); border-color: var(--ink); }

  .post-list { padding-block: clamp(60px, 8vw, 100px); }
  .post-card { display: grid; grid-template-columns: 180px 1fr 60px; gap: 40px; padding: 32px 0; border-bottom: 1px solid var(--hairline-soft); align-items: baseline; transition: opacity .2s; cursor: pointer; }
  .post-card:hover { opacity: .7; }
  .post-card:hover .pc-arrow { color: var(--accent); transform: translateX(4px); }
  @media (max-width: 700px) { .post-card { grid-template-columns: 1fr; gap: 12px; padding: 24px 0; } .post-card .pc-arrow { display: none; } }
  .post-card .pc-meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
  .post-card .pc-meta .cat { color: var(--accent); display: block; margin-bottom: 6px; }
  .post-card .pc-meta time { display: block; }
  .post-card .pc-meta .read { display: block; opacity: .7; margin-top: 6px; }
  .post-card h2 { font-size: clamp(22px, 2.4vw, 32px); line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 12px; }
  .post-card h2 em { font-style: italic; color: var(--accent); font-weight: 400; }
  .post-card .pc-lede { color: var(--ink-soft); font-size: 16px; line-height: 1.55; max-width: 60ch; }
  .post-card .pc-arrow { font-family: var(--font-mono); font-size: 18px; color: var(--ink-soft); justify-self: end; transition: color .2s, transform .2s; }

  .empty-state { padding: 80px 0; text-align: center; color: var(--muted); font-family: var(--font-mono); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }