/* =========================================================================
   Laholms Tidning — digitalt arkiv
   Designsystem: modern biblioteksestetik, anpassad för äldre besökare
   på desktop och iPad. Stor text, hög kontrast, alltid synlig navigering.
   ========================================================================= */

:root{
  /* Ytor */
  --paper:#FFFFFF;
  --surface:#F4F5F7;
  --surface-2:#E9EBEF;
  --scan-bg:#2B2E33;

  /* Text — hög kontrast (ink mot paper = 15.8:1) */
  --ink:#16191D;
  --ink-2:#454B54;
  --ink-3:#6B727B;

  --line:#D5D9DF;
  --line-strong:#B4BAC3;

  /* Arkivblå — institutionell, krockar inte med de varma skanningarna */
  --accent:#1F4E79;
  --accent-hover:#16395A;
  --accent-soft:#E8EEF5;

  /* Sökträffar */
  --hit:rgba(255,213,74,.85);
  --hit-current:rgba(255,150,20,.9);
  --mark:#FFE9A3;

  --focus:#1F4E79;

  --r:4px;
  --gap:1.5rem;
  --maxw:1200px;

  --font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
         "Helvetica Neue", Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{-webkit-text-size-adjust:100%}

body{
  font-family:var(--font);
  font-size:17px;              /* medvetet stort — publiken är äldre */
  line-height:1.6;
  color:var(--ink);
  background:var(--paper);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* Siffror ska linjera i kalendrar, tabeller och metadata */
.tnum,time,.stat-number,.cal td,.meta-row{font-variant-numeric:tabular-nums}

img{max-width:100%;display:block}

a{color:var(--accent);text-underline-offset:2px}
a:hover{color:var(--accent-hover)}

/* Fokusmarkering ska ALLTID synas — kritiskt för tangentbordsnavigering */
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--accent);color:#fff;padding:.75rem 1.25rem;
  font-weight:600;text-decoration:none;
}
.skip-link:focus{left:0}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem;width:100%}

/* ── SIDHUVUD ─────────────────────────────────────────────────────────── */

.site-header{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;
}
.header-inner{
  max-width:var(--maxw);margin:0 auto;padding:.75rem 1.5rem;
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
}

.wordmark{text-decoration:none;color:var(--ink);flex-shrink:0}
.wordmark-name{
  font-size:1.15rem;font-weight:700;letter-spacing:.01em;line-height:1.2;
}
.wordmark-sub{
  font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;
}

.site-nav{display:flex;gap:.25rem;margin-left:auto;flex-wrap:wrap}
.site-nav a{
  color:var(--ink-2);text-decoration:none;font-size:1rem;font-weight:500;
  padding:.6rem .85rem;border-radius:var(--r);
  display:flex;align-items:center;min-height:44px;   /* klickyta */
}
.site-nav a:hover{background:var(--surface);color:var(--ink)}
.site-nav a[aria-current="page"]{
  color:var(--accent);font-weight:600;box-shadow:inset 0 -3px 0 var(--accent);
}
.site-nav .external::after{content:" ↗";font-size:.8em;color:var(--ink-3)}

/* Kompakt sökfält i huvudet — finns på alla sidor utom startsidan */
.header-search{display:flex;gap:.4rem;flex-shrink:0}
.header-search input{
  font:inherit;font-size:.95rem;
  border:1px solid var(--line-strong);border-radius:var(--r);
  padding:.5rem .75rem;width:230px;min-height:44px;background:var(--paper);
}
.header-search input:focus{border-color:var(--accent)}

/* ── KNAPPAR ──────────────────────────────────────────────────────────── */

.btn{
  font:inherit;font-size:1rem;font-weight:500;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:44px;padding:.6rem 1.15rem;
  border:1px solid var(--line-strong);border-radius:var(--r);
  background:var(--paper);color:var(--ink);
  text-decoration:none;cursor:pointer;white-space:nowrap;
}
.btn:hover{background:var(--surface);color:var(--ink)}

.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}

.btn-ghost{border-color:transparent;background:transparent;color:var(--accent)}
.btn-ghost:hover{background:var(--accent-soft)}

.btn[aria-disabled="true"],.btn:disabled{
  opacity:.4;pointer-events:none;
}

/* ── SEKTIONER ────────────────────────────────────────────────────────── */

main{flex:1}

.section{padding:2.75rem 0;border-top:1px solid var(--line)}
.section:first-of-type{border-top:none}

.section-head{
  display:flex;align-items:baseline;gap:1rem;
  margin-bottom:1.5rem;flex-wrap:wrap;
}
.section-head h2{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}
.section-head p{color:var(--ink-3);font-size:.95rem}
.section-head .spacer{margin-left:auto}

.page-head{padding:2rem 0 1.5rem;border-bottom:1px solid var(--line)}
.page-head h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.page-head .lead{color:var(--ink-2);margin-top:.4rem}

.meta-row{
  display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;
  color:var(--ink-3);font-size:.95rem;
}
.meta-row .sep{color:var(--line-strong)}

.breadcrumb{
  font-size:.9rem;color:var(--ink-3);padding:1rem 0 0;
  display:flex;gap:.5rem;flex-wrap:wrap;
}
.breadcrumb a{color:var(--ink-3)}
.breadcrumb a:hover{color:var(--accent)}

/* ── SÖKBLOCK PÅ STARTSIDAN ───────────────────────────────────────────── */

.hero{
  background:var(--surface);border-bottom:1px solid var(--line);
  padding:3.25rem 0 2.75rem;text-align:center;
}
.hero h1{
  font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:700;
  letter-spacing:-.02em;line-height:1.2;
}
.hero .stats{color:var(--ink-2);margin-top:.6rem;font-size:1.05rem}

.hero-search{
  display:flex;gap:.6rem;max-width:640px;margin:1.75rem auto 0;
}
.hero-search input{
  font:inherit;font-size:1.2rem;flex:1;min-width:0;
  padding:0 1rem;height:56px;                 /* stort och lätt att träffa */
  border:2px solid var(--line-strong);border-radius:var(--r);
  background:var(--paper);color:var(--ink);
}
.hero-search input:focus{border-color:var(--accent)}
.hero-search .btn{height:56px;padding:0 1.75rem;font-size:1.1rem}

/* Exempelsökningar — den vanligaste orsaken till att någon lämnar ett
   arkiv är att hen inte vet vad man kan söka på. */
.suggestions{
  margin-top:1.25rem;display:flex;gap:.5rem;justify-content:center;
  flex-wrap:wrap;align-items:baseline;
}
.suggestions .label{color:var(--ink-3);font-size:.95rem}
.chip{
  display:inline-flex;align-items:center;min-height:38px;
  padding:.35rem .85rem;border-radius:999px;
  border:1px solid var(--line-strong);background:var(--paper);
  color:var(--ink-2);text-decoration:none;font-size:.95rem;
}
.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

/* ── ÅRTIONDEKORT ─────────────────────────────────────────────────────── */

.decade-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:1rem;
}
.decade{
  border:1px solid var(--line);border-radius:var(--r);
  background:var(--paper);overflow:hidden;
}
.decade > summary{
  padding:1rem 1.15rem;cursor:pointer;list-style:none;min-height:44px;
}
.decade > summary::-webkit-details-marker{display:none}
.decade > summary:hover{background:var(--surface)}
.decade[open] > summary{background:var(--surface);border-bottom:1px solid var(--line)}

.decade-title{
  display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
  font-size:1.15rem;font-weight:700;
}
.decade-title .caret{color:var(--ink-3);font-size:.85rem;transition:transform .15s}
.decade[open] .decade-title .caret{transform:rotate(90deg)}
.decade-count{color:var(--ink-3);font-size:.9rem;margin-top:.15rem}

/* Stapel som visar täckning relativt det största årtiondet */
.decade-bar{height:6px;background:var(--surface-2);border-radius:3px;margin-top:.7rem;overflow:hidden}
.decade-bar span{display:block;height:100%;background:var(--accent);border-radius:3px}

.year-list{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));
  gap:.35rem;padding:.85rem;
}
.year-list a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:52px;padding:.35rem;border-radius:var(--r);
  text-decoration:none;color:var(--ink);background:var(--surface);
}
.year-list a:hover{background:var(--accent-soft);color:var(--accent)}
.year-list .y{font-weight:600;font-size:1rem}
.year-list .n{font-size:.8rem;color:var(--ink-3)}

/* ── NUMMERKORT ───────────────────────────────────────────────────────── */

.issue-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));
  gap:1.25rem;
}
.issue-card{
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;border-radius:var(--r);
}
.issue-card:hover .issue-card-thumb{
  border-color:var(--accent);box-shadow:0 2px 10px rgba(22,25,29,.12);
}
.issue-card:hover .issue-card-date{color:var(--accent)}

.issue-card-thumb{
  aspect-ratio:.72;background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;position:relative;
}
.issue-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.issue-card-thumb .no-image{
  display:flex;align-items:center;justify-content:center;height:100%;
  color:var(--ink-3);font-size:.85rem;text-align:center;padding:1rem;
}
.issue-card-year{
  position:absolute;left:0;bottom:0;
  background:rgba(22,25,29,.82);color:#fff;
  font-size:.85rem;font-weight:600;padding:.25rem .6rem;
  border-top-right-radius:var(--r);
}

.issue-card-body{padding:.7rem .1rem 0}
.issue-card-date{font-weight:600;font-size:1rem;line-height:1.35}
.issue-card-meta{color:var(--ink-3);font-size:.88rem;margin-top:.15rem}

/* ── SIDMINIATYR (en sida i ett nummer) ───────────────────────────────── */

.page-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:1.1rem;
}
.page-thumb{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
}
.page-thumb-img{
  aspect-ratio:.72;background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  position:relative;
}
.page-thumb-img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.page-thumb:hover .page-thumb-img{
  border-color:var(--accent);box-shadow:0 2px 10px rgba(22,25,29,.12);
}
.page-thumb-label{
  text-align:center;font-size:.92rem;color:var(--ink-2);
  padding:.45rem 0 0;font-weight:500;
}
.page-thumb.has-hit .page-thumb-img{border-color:#E0A000;border-width:2px}
.page-thumb-hit{
  position:absolute;top:.4rem;right:.4rem;
  background:#E0A000;color:#16191D;
  font-size:.75rem;font-weight:700;border-radius:999px;
  padding:.1rem .45rem;
}

/* ── KALENDER ─────────────────────────────────────────────────────────── */

.cal{border-collapse:collapse;width:100%}
.cal caption{
  font-weight:700;font-size:1rem;text-align:left;
  padding-bottom:.4rem;color:var(--ink);
}
.cal th{
  font-size:.72rem;font-weight:600;color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.05em;padding:.2rem 0;
}
.cal td{padding:1px;text-align:center}
.cal td .day{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1;font-size:.9rem;border-radius:var(--r);
  color:var(--ink-3);
}
.cal td a.day{
  background:var(--accent-soft);color:var(--accent);
  font-weight:700;text-decoration:none;
}
.cal td a.day:hover{background:var(--accent);color:#fff}
.cal-empty{color:var(--line-strong)}

.month-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:1.75rem 1.5rem;
}
.month-card{border:1px solid var(--line);border-radius:var(--r);padding:1rem}
.month-card.is-empty{opacity:.5}
.month-card .month-count{font-size:.82rem;color:var(--ink-3);font-weight:400}

/* ── SÖKSIDA ──────────────────────────────────────────────────────────── */

.search-layout{
  display:grid;grid-template-columns:270px 1fr;gap:2.5rem;
  align-items:start;padding:2rem 0;
}

.filter-panel{
  position:sticky;top:88px;
  border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;
  background:var(--surface);
}
.filter-panel h2{font-size:1.05rem;margin-bottom:1rem}
.field{margin-bottom:1.15rem}
.field label{
  display:block;font-size:.88rem;font-weight:600;
  color:var(--ink-2);margin-bottom:.35rem;
}
.field input[type=text],.field input[type=number],.field select{
  font:inherit;width:100%;min-height:44px;padding:.5rem .7rem;
  border:1px solid var(--line-strong);border-radius:var(--r);
  background:var(--paper);color:var(--ink);
}
.field-row{display:flex;gap:.5rem}

/* Avgränsningarna i filterpanelen. Sammanfattningen syns i alla storlekar
   och fungerar som rubrik; skriptet i sok.html fäller ihop den på små
   skärmar så att träffarna kommer upp ovanför vecket. */
.filter-more{margin-bottom:1.15rem}
.filter-more > summary{
  cursor:pointer;list-style:none;
  display:flex;align-items:center;justify-content:space-between;
  min-height:44px;padding:.35rem 0;
  font-size:.88rem;font-weight:600;color:var(--ink-2);
}
.filter-more > summary::-webkit-details-marker{display:none}
.filter-more > summary::after{
  content:"\25be";color:var(--ink-3);font-size:.9rem;transition:transform .15s;
}
.filter-more[open] > summary::after{transform:rotate(180deg)}
.filter-more > summary:hover{color:var(--ink)}
.filter-more .field:last-child{margin-bottom:0}
.check{
  display:flex;align-items:center;gap:.6rem;min-height:44px;
  cursor:pointer;font-size:.95rem;
}
.check input{width:20px;height:20px;accent-color:var(--accent)}

/* Träffar per årtionde — visar VAR i tiden ordet förekommer */
.histogram{
  display:flex;align-items:flex-end;gap:3px;height:76px;
  padding:0 0 0;margin-bottom:.5rem;
}
/* Direkta barn — utan > träffar selektorn även .bar och .bar-label inuti,
   och flex:1 sätter flex-basis:0 vilket åsidosätter stapelns height helt.
   Då blir alla staplar lika höga oavsett antal träffar. */
/* Etiketten ligger absolut i botten och padding reserverar plats åt den.
   Annars blir stapel (100 %) + etikett högre än behållaren, och eftersom
   innehållet är bottenjusterat rinner överskottet UPPÅT — rakt in i
   bildtexten ovanför. */
.histogram > a,.histogram > span{
  flex:1;display:flex;flex-direction:column;justify-content:flex-end;
  height:100%;text-decoration:none;text-align:center;min-width:0;
  position:relative;padding-bottom:1.15rem;
}
.histogram .bar-label{
  position:absolute;left:0;right:0;bottom:0;padding-top:0;
}
.histogram .bar{
  flex:none;                       /* höjden styrs av style-attributet */
  background:var(--accent);opacity:.75;border-radius:2px 2px 0 0;min-height:3px;
}
.histogram .bar-label{flex:none}
.histogram a:hover .bar{opacity:1}
.histogram .bar-label{
  font-size:.7rem;color:var(--ink-3);padding-top:.25rem;
  white-space:nowrap;
}
.histogram-wrap{
  border:1px solid var(--line);border-radius:var(--r);
  padding:1rem 1.1rem .75rem;margin-bottom:1.5rem;background:var(--paper);
}
.histogram-wrap .caption{font-size:.88rem;color:var(--ink-3);margin-bottom:.6rem}

.result{
  display:flex;gap:1.1rem;padding:1.15rem 0;
  border-bottom:1px solid var(--line);text-decoration:none;color:inherit;
}
.result:hover{background:var(--surface)}
.result:hover .result-title{color:var(--accent);text-decoration:underline}
.result-thumb{
  width:64px;height:86px;flex-shrink:0;
  background:var(--surface-2);border:1px solid var(--line);border-radius:2px;
  overflow:hidden;
}
.result-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.result-body{min-width:0;flex:1}
.result-title{font-weight:600;font-size:1.05rem;line-height:1.35}
.result-meta{color:var(--ink-3);font-size:.88rem;margin-top:.1rem}
.result-snippet{
  color:var(--ink-2);font-size:.97rem;margin-top:.5rem;line-height:1.55;
}
mark{background:var(--mark);color:var(--ink);padding:0 .1em;border-radius:2px}

.result-count{font-size:1.05rem;margin-bottom:.25rem}
.result-count strong{font-size:1.3rem}

/* ── PAGINERING ───────────────────────────────────────────────────────── */

.pagination{
  display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;
  padding:2rem 0 1rem;
}
.pagination a,.pagination span{
  min-width:48px;min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);border-radius:var(--r);
  text-decoration:none;color:var(--ink);font-weight:500;padding:0 .75rem;
}
.pagination a:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}
.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.pagination .gap{border:none;min-width:24px;color:var(--ink-3)}

/* ── TOMTILLSTÅND ─────────────────────────────────────────────────────── */

.empty-state{
  text-align:center;padding:3.5rem 1.5rem;
  border:1px dashed var(--line-strong);border-radius:var(--r);
  background:var(--surface);
}
.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}
.empty-state p{color:var(--ink-2);max-width:52ch;margin:0 auto .5rem}

.notice{
  border:1px solid #E0B84A;background:#FFF8E5;
  border-radius:var(--r);padding:1rem 1.15rem;margin-bottom:1.5rem;
  color:#5A4300;
}

/* ── AI-REFERAT ───────────────────────────────────────────────────────── */

.summaries article{
  border-bottom:1px solid var(--line);padding:1.25rem 0;
}
.summaries article:last-child{border-bottom:none}
.summaries h2,.summaries h3{
  font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:.4rem;
}
.summaries p{color:var(--ink-2);line-height:1.65}
.summary-source{
  font-size:.85rem;color:var(--ink-3);margin-top:.5rem;display:block;
}

/* ── STATISTIKRUTOR ───────────────────────────────────────────────────── */

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.stat{
  border:1px solid var(--line);border-radius:var(--r);
  padding:1.1rem;text-align:center;background:var(--paper);
}
.stat-number{font-size:1.9rem;font-weight:700;color:var(--accent);line-height:1.1}
.stat-label{font-size:.85rem;color:var(--ink-3);margin-top:.25rem}

/* ── PROSA ────────────────────────────────────────────────────────────── */

.prose{max-width:66ch}
.prose p{margin-bottom:1rem;color:var(--ink-2)}
.prose h2{font-size:1.3rem;margin:2rem 0 .75rem;color:var(--ink)}
.prose ul{margin:0 0 1rem 1.25rem;color:var(--ink-2)}
.prose li{margin-bottom:.35rem}

/* ── SIDFOT ───────────────────────────────────────────────────────────── */

.site-footer{
  background:var(--surface);border-top:1px solid var(--line);
  padding:2.5rem 0;margin-top:3rem;font-size:.95rem;color:var(--ink-2);
}
.footer-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:2rem;
}
.footer-grid h3{
  font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink-3);margin-bottom:.65rem;
}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:.4rem}
.footer-grid a{color:var(--ink-2);text-decoration:none}
.footer-grid a:hover{color:var(--accent);text-decoration:underline}
.footer-bottom{
  border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem;
  color:var(--ink-3);font-size:.88rem;
}

/* ── AVSÄNDARBAND (bara förstasidan) ──────────────────────────────────── */

/* Vit botten med flit: logotypen saknar genomskinlighet och har vit
   bakgrund inbakad. Mot en färgad yta skulle den synas som en ruta med
   skarp kant — det är också skälet att bandet inte ligger i det ljusgrå
   sökblocket. */
.assoc-band{
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.assoc-inner{
  display:flex;align-items:center;gap:1.15rem;
  padding:.9rem 1.5rem;
}
.assoc-logo{display:block;flex-shrink:0;line-height:0;border-radius:2px}
.assoc-logo img{height:48px;width:auto;display:block}

.assoc-title{
  font-size:1.05rem;font-weight:700;
  letter-spacing:-.01em;line-height:1.3;color:var(--ink);
}
.assoc-sub{font-size:.95rem;color:var(--ink-3);margin-top:.1rem}
.assoc-sub a{color:var(--accent);font-weight:600;text-decoration:none}
.assoc-sub a:hover{text-decoration:underline}
.assoc-sub a::after{content:" ↗";font-size:.85em;color:var(--ink-3)}

/* ── RESPONSIVT ───────────────────────────────────────────────────────── */
/* Ligger SIST i filen med flit. Mediafrågor har inte högre specificitet än
   vanliga regler — bara källordningen avgör. Låg blocket i mitten skulle
   varje komponent som läggs till efteråt tyst köra över sina egna
   mobilregler, vilket redan hänt två gånger med avsändarbandet. */

@media (max-width:1024px){
  .search-layout{grid-template-columns:230px 1fr;gap:1.75rem}
}

@media (max-width:860px){
  .search-layout{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem 0}
  .filter-panel{position:static;padding:1rem}
  .header-inner{gap:1rem}
  .header-search input{width:180px}
}

@media (max-width:640px){
  body{font-size:16px}
  .header-inner{flex-direction:column;align-items:stretch;gap:.35rem;padding:.6rem 1.5rem}
  .site-nav{margin-left:0;justify-content:center}
  .header-search input{width:100%}
  .header-search{width:100%}
  .hero-search{flex-direction:column}
  .hero-search .btn{width:100%}

  /* Menyn ska rymmas på EN rad. Om arkivet och Gamla Laholm döljs — båda
     finns i sidfoten, och Gamla Laholm står dessutom i avsändarbandet
     direkt ovanför på förstasidan. Ingen hamburgare: med tre poster kvar
     behöver ingenting gömmas bakom en ikon. */
  .site-nav .nav-secondary{display:none}
  .site-nav a{font-size:.95rem;padding:.5rem .6rem}

  /* Avsändarbandet: logotyp bredvid texten i stället för staplat.
     Titeln döljs — "Laholms Tidning / DIGITALT ARKIV" står redan i
     sidhuvudet direkt under, och på 390 px tvingar den fram radbrytningar
     som gör bandet dubbelt så högt. Kvar blir det som faktiskt är nytt:
     vem avsändaren är. */
  .assoc-inner{flex-direction:row;text-align:left;gap:.8rem;padding:.55rem 1.5rem}
  .assoc-logo img{height:32px}
  .assoc-title{display:none}
  .assoc-sub{font-size:.88rem;margin-top:0;line-height:1.35}

  .hero{padding:2rem 0 1.75rem}

  /* Histogrammet är en översikt, inte huvudsaken. På mobil får det ge
     plats åt den första träffen. */
  .histogram{height:52px}
  .histogram-wrap{padding:.75rem .9rem .6rem;margin-bottom:1rem}
}

@media print{
  .site-header,.site-footer,.filter-panel,.pagination{display:none}
}

/* Träff som bara finns i det maskingenererade referatet, inte i den avlästa
   tidningstexten. Måste synas — annars presenteras en modellformulering som
   om den vore tryckt i tidningen. */
.badge-summary{
  display:inline-block;margin-left:.4rem;
  font-size:.75rem;font-weight:600;letter-spacing:.02em;
  background:#F3E6C8;color:#6B4E00;border:1px solid #D9BE7A;
  border-radius:999px;padding:.05rem .5rem;vertical-align:.05em;
}