/* ------------------------------------------------------------------
   Bo i Östersund — blad.css
   Ett enda, fristående ark. Ingen app.css, ingen theme.css, ingen
   delad kod med grannsajterna. Skelettet hänger på data-blad-attribut,
   inte på klassnamn.
   ------------------------------------------------------------------ */

:root{
  --natt:#122430;
  --natt-m:#0C1A23;
  --natt-l:#1B3242;
  --black:#1A1C1A;
  --papper:#F3F0E8;
  --papper-m:#EAE6DB;
  --papper-d:#E1DCCE;
  --rost:#B4502A;
  --rost-m:#8E3C1E;
  --rost-l:#D9814F;
  --is:#6E8894;
  --is-l:#9FB3BC;
  --linje:#D3CDBE;
  --linje-m:#B9B1A0;
  --grastext:#4A4E4C;

  --rubrik:'Oswald',"Arial Narrow",Arial,sans-serif;
  --text:'Spectral',Georgia,"Times New Roman",serif;

  --bredd:1210px;
  --sido:316px;
  --glapp:60px;
}

/* ---------- nollställning ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--papper);
  color:var(--black);
  font-family:var(--text);
  font-size:17px;
  line-height:1.62;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--rubrik); font-weight:500; color:var(--natt);
  letter-spacing:.005em; line-height:1.16; margin:0;
}
p{ margin:0 0 14px; }
a{ color:var(--rost); text-decoration:none; }
a:hover{ color:var(--rost-m); text-decoration:underline; text-underline-offset:2px; }
img{ max-width:100%; height:auto; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ cursor:pointer; }
[hidden]{ display:none !important; }

[data-blad="dolt"]{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

[data-blad="bredd"]{ max-width:var(--bredd); margin:0 auto; padding:0 26px; }

/* ==================================================================
   HUVUD — ett enda mörkt block: ordmärke, valspråk, läge, meny.
   Ingen topplist, ingen ljus menyrad under. Menyn ligger inne i
   huvudet och rullar i sidled på små skärmar.
   ================================================================== */
[data-blad="huvud"]{ background:var(--natt); border-bottom:3px solid var(--rost); }
[data-blad-del="mast"]{ padding:30px 26px 22px; }

[data-blad="ordmarke"]{ display:inline-block; text-decoration:none; }
[data-blad="ordmarke"]:hover{ text-decoration:none; }
[data-blad="ordmarke-for"]{
  display:block; font-family:var(--rubrik); font-weight:300; font-size:16px;
  letter-spacing:.46em; text-transform:uppercase; color:var(--rost-l); margin-bottom:4px;
}
[data-blad="ordmarke-namn"]{
  display:block; font-family:var(--rubrik); font-weight:500;
  font-size:clamp(36px,6.6vw,84px);
  line-height:.92; letter-spacing:-.012em; text-transform:uppercase; color:#F6F3EC;
}
[data-blad="mastfot"]{
  display:flex; align-items:baseline; justify-content:space-between; gap:26px;
  flex-wrap:wrap; margin-top:14px;
}
[data-blad="valsprak"]{
  margin:0; max-width:48ch; font-size:15px; font-style:italic; color:var(--is-l);
}
[data-blad="lagesrad"]{
  margin:0; font-family:var(--rubrik); font-weight:300; font-size:12px;
  letter-spacing:.20em; text-transform:uppercase; color:#7E97A2; white-space:nowrap;
}

[data-blad="menyband"]{ border-top:1px solid rgba(255,255,255,.10); background:var(--natt-m); }
[data-blad-del="meny"]{ display:flex; align-items:center; gap:26px; }
[data-blad="meny"]{
  display:flex; flex:1 1 auto; min-width:0; gap:2px;
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none;
}
[data-blad="meny"]::-webkit-scrollbar{ display:none; }
[data-blad="meny"] a{
  flex:0 0 auto; padding:15px 16px 13px;
  font-family:var(--rubrik); font-weight:300; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase; color:#CBD8DD;
  border-bottom:3px solid transparent; white-space:nowrap;
}
[data-blad="meny"] a:first-child{ padding-left:0; }
[data-blad="meny"] a:hover{ color:#fff; text-decoration:none; border-bottom-color:rgba(255,255,255,.24); }
[data-blad="meny"] a[data-lage="nu"]{ color:#fff; border-bottom-color:var(--rost); }

[data-blad="sokruta"]{ flex:0 0 auto; display:flex; align-items:center; gap:8px; }
[data-blad="sokruta"] input{
  width:158px; background:transparent; border:0; border-bottom:1px solid #3E5866;
  color:#EAF0F2; font-family:var(--text); font-size:14px; padding:5px 2px;
}
[data-blad="sokruta"] input::placeholder{ color:#6C838F; font-style:italic; }
[data-blad="sokruta"] input:focus{ outline:none; border-bottom-color:var(--rost); }
[data-blad="sokruta"] button{
  background:transparent; border:0; padding:5px 0;
  font-family:var(--rubrik); font-weight:300; font-size:12px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--is-l);
}
[data-blad="sokruta"] button:hover{ color:var(--rost); }

/* ==================================================================
   UPPSLAG — huvudspalt + sidospalt
   ================================================================== */
[data-blad-del="innehall"]{ display:block; padding-top:34px; padding-bottom:52px; }
[data-blad="sidyta"]{
  display:grid; grid-template-columns:minmax(0,1fr) var(--sido);
  gap:var(--glapp); align-items:start;
}
[data-blad="sidyta"] + [data-blad="sidyta"]{ margin-top:38px; }
[data-blad="huvudspalt"],[data-blad="sidospalt"]{ min-width:0; }

/* toppen: bild till vänster, text till höger — inte bildkaption under */
[data-blad="sidyta"][data-blad-lage="topp"]{
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:34px; padding-bottom:30px; border-bottom:2px solid var(--natt); align-items:center;
}
[data-blad="toppbild"] img{ display:block; width:100%; aspect-ratio:1200/740; object-fit:cover; background:var(--natt); }
[data-blad="toppetikett"]{
  margin:0 0 9px; font-family:var(--rubrik); font-weight:400; font-size:11.5px;
  letter-spacing:.26em; text-transform:uppercase; color:var(--rost);
}
[data-blad="topptext"] h2{ font-size:33px; line-height:1.1; margin:0 0 9px; }
[data-blad="topptext"] h2 a{ color:var(--natt); }
[data-blad="topptext"] h2 a:hover{ color:var(--rost); text-decoration:none; }
[data-blad="toppdek"]{ font-size:16px; color:var(--grastext); margin:0 0 10px; }
[data-blad="toppdatum"]{
  margin:0; font-family:var(--rubrik); font-weight:300; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--is);
}

/* ---------- avdelningar ---------- */
[data-blad="amnesblock"]{ margin:0 0 42px; }
[data-blad="amnesblockhuvud"]{
  display:flex; align-items:baseline; gap:14px;
  border-bottom:2px solid var(--natt); padding:0 0 6px; margin:0 0 4px;
}
[data-blad="amnesblockhuvud"] h3{
  font-size:15px; letter-spacing:.22em; text-transform:uppercase; color:var(--natt);
}
[data-blad="allt"]{
  margin-left:auto; font-family:var(--rubrik); font-weight:300; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--rost);
}

/* ---------- notis: ingen datumkolumn, datumet står i kickern ---------- */
[data-blad="dagbok"]{ padding:19px 0 21px; border-bottom:1px solid var(--linje); }
[data-blad="dagbok"]:last-child{ border-bottom:0; }
[data-blad="dagbokrad"]{
  margin:0 0 5px; font-family:var(--rubrik); font-weight:300; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--is);
}
[data-blad="dagbokrad"] time{ color:var(--natt); font-weight:400; }
[data-blad="dagbokrad"] span::before{ content:"·"; margin:0 8px; color:var(--linje-m); }
[data-blad="dagbok"] h3{ font-size:25px; font-weight:500; margin:0 0 7px; }
[data-blad="dagbok"] h3 a{ color:var(--natt); }
[data-blad="dagbok"] h3 a:hover{ color:var(--rost); text-decoration:none; }
[data-blad="dagbokstext"]{ font-size:16px; color:var(--grastext); margin:0 0 9px; }

[data-blad="lasmer"]{
  display:inline-block; font-family:var(--rubrik); font-weight:400; font-size:12px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--rost);
  border-bottom:1px solid var(--rost); padding-bottom:2px;
}
[data-blad="lasmer"]:hover{ color:var(--rost-m); border-bottom-color:var(--rost-m); text-decoration:none; }

[data-blad="slutrad"]{
  border-top:1px solid var(--linje-m); padding-top:15px; margin-top:8px;
  font-family:var(--rubrik); font-weight:300; font-size:12px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--is);
}

/* ---------- genvägar ---------- */
[data-blad="genvagar"]{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px;
  background:var(--linje-m); margin:0 0 40px;
  border-top:1px dashed var(--linje-m);
}
[data-blad="genvagsrubrik"]{
  grid-column:1/-1; margin:0; padding:10px 0 9px; background:var(--papper);
  font-family:var(--rubrik); font-weight:300; font-size:11px;
  letter-spacing:.20em; text-transform:uppercase; color:var(--is);
}
[data-blad="genvagar"] > a{
  display:flex; flex-direction:column; gap:6px; padding:21px 21px 19px;
  background:var(--papper-d); color:var(--black);
}
[data-blad="genvagar"] > a:hover{ background:#D8D2C2; text-decoration:none; }
[data-blad="genvag-kick"]{ font-family:var(--rubrik); font-weight:400; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--rost); }
[data-blad="genvag-rubrik"]{ font-family:var(--rubrik); font-weight:500; font-size:19px; color:var(--natt); }
[data-blad="genvag-text"]{ font-size:14.5px; color:#4F534F; flex:1; }
[data-blad="genvag-gar"]{ font-family:var(--rubrik); font-weight:400; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--natt); }

/* ---------- sidospaltens rutor ---------- */
[data-blad="sidoruta"]{ margin:0 0 34px; }
[data-blad="rutrubrik"]{
  margin:0 0 14px; padding:0 0 5px; border-bottom:1px solid var(--natt);
  font-family:var(--rubrik); font-weight:500; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--natt);
}
[data-blad="rutkropp"] p:last-child{ margin-bottom:0; }

[data-blad="arspost"]{ padding:0 0 13px; margin:0 0 13px; border-bottom:1px dotted var(--linje-m); }
[data-blad="arspost"]:last-of-type{ border-bottom:0; }
[data-blad="arstid"]{
  margin:0 0 3px; font-family:var(--rubrik); font-weight:400; font-size:11px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--rost);
}
[data-blad="arspost"] h4{ font-family:var(--text); font-weight:600; font-size:16px; line-height:1.34; margin:0 0 3px; }
[data-blad="arspost"] h4 a{ color:var(--natt); }
[data-blad="arspost"] h4 a:hover{ color:var(--rost); }
[data-blad="arspost"] p{ margin:0; font-size:14px; color:#5A5E5C; }

[data-blad="lasrad"]{ margin:0 0 13px; padding:0 0 13px; border-bottom:1px dotted var(--linje-m); }
[data-blad="lasrad"]:last-of-type{ border-bottom:0; margin-bottom:0; padding-bottom:0; }
[data-blad="lasrad"] a{ display:block; font-family:var(--text); font-weight:600; font-size:16px; line-height:1.34; color:var(--natt); }
[data-blad="lasrad"] a:hover{ color:var(--rost); text-decoration:none; }
[data-blad="lasrad"] span{
  display:block; font-family:var(--rubrik); font-weight:300; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--is);
}

[data-blad="vaderruta"]{ overflow:hidden; }
[data-blad="vaderruta"] iframe{ border:0; width:100%; height:364px; display:block; }

/* ämnena som ett band av ord, inte en punktlista */
[data-blad="amnesband"]{ margin:0; display:flex; flex-wrap:wrap; gap:6px; }
[data-blad="amnesband"] a{
  display:inline-block; padding:4px 10px; background:var(--papper-m);
  font-family:var(--rubrik); font-weight:300; font-size:12px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--natt);
}
[data-blad="amnesband"] a:hover{ background:var(--natt); color:var(--papper); text-decoration:none; }
[data-blad="amnesband"] a[data-lage="nu"]{ background:var(--rost); color:#fff; }

[data-blad="lankrad"]{
  display:flex; align-items:center; gap:12px; color:inherit;
  padding:9px 0; border-bottom:1px dotted var(--linje-m);
}
[data-blad="lankrad"]:last-of-type{ border-bottom:0; }
[data-blad="lankrad"]:hover{ text-decoration:none; }
[data-blad="lankrad"] strong{ display:block; font-family:var(--text); font-weight:600; font-size:15px; color:var(--natt); }
[data-blad="lankrad"] span span{ font-size:13px; color:#6B6F6C; }
[data-blad="sigill"]{
  flex:0 0 46px; width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--rubrik); font-weight:400; font-size:12px; letter-spacing:.06em;
  color:var(--papper); background:var(--natt);
}
[data-blad="sigill"][data-lage="rost"]{ background:var(--rost); }

/* ==================================================================
   ARTIKEL
   ================================================================== */
[data-blad="artikel"] h1{ font-size:43px; line-height:1.07; margin:0 0 16px; letter-spacing:-.006em; }
[data-blad="artikelrad"]{
  margin:0 0 10px; font-family:var(--rubrik); font-weight:300; font-size:11.5px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--is);
}
[data-blad="artikelrad"] a{ color:var(--rost); }
[data-blad="artikelrad"] time::before,
[data-blad="artikelrad"] span::before{ content:"·"; margin:0 9px; color:var(--linje-m); }
[data-blad="artikelrad"] > *:first-child::before{ content:none; margin:0; }

[data-blad="figur"]{ margin:0 0 26px; }
[data-blad="figur"] img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--papper-m); }
[data-blad="figur"] figcaption{
  margin-top:7px; font-family:var(--rubrik); font-weight:300; font-size:11.5px;
  letter-spacing:.10em; text-transform:uppercase; color:var(--is);
}

[data-blad="brodtext"]{ font-size:17.5px; }
[data-blad="brodtext"] p{ margin:0 0 17px; }
[data-blad="brodtext"] h2{
  font-family:var(--rubrik); font-weight:500; font-size:15px; letter-spacing:.20em;
  text-transform:uppercase; border-bottom:1px solid var(--linje-m);
  padding-bottom:5px; margin:34px 0 16px;
}
[data-blad="brodtext"] h3{ font-size:21px; margin:26px 0 10px; }
[data-blad="brodtext"] h4{ font-family:var(--rubrik); font-size:14px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 6px; }
[data-blad="brodtext"] ul,[data-blad="brodtext"] ol{ margin:0 0 18px; padding-left:22px; }
[data-blad="brodtext"] li{ margin-bottom:7px; }
[data-blad="brodtext"] blockquote{
  margin:22px 0; padding:2px 0 2px 20px; border-left:3px solid var(--rost);
  font-style:italic; color:var(--grastext);
}
[data-blad="brodtext"] img{ display:block; margin:6px 0 20px; }
[data-blad="brodtext"] table{ width:100%; border-collapse:collapse; margin:0 0 20px; font-size:15.5px; }
[data-blad="brodtext"] th,[data-blad="brodtext"] td{ border-bottom:1px solid var(--linje); padding:8px 10px 8px 0; text-align:left; }

[data-blad="notrad"]{
  border-top:1px solid var(--linje-m); border-bottom:1px solid var(--linje-m);
  padding:14px 0; margin:26px 0; font-size:15.5px; color:var(--grastext);
}
[data-blad="notrad"] p:last-child{ margin-bottom:0; }

[data-blad="taggar"]{ display:flex; flex-wrap:wrap; gap:6px; margin:24px 0 0; }
[data-blad="taggar"] span{
  padding:3px 10px; background:var(--papper-m); color:#5A5E5C;
  font-family:var(--rubrik); font-weight:300; font-size:11.5px;
  letter-spacing:.10em; text-transform:uppercase;
}

/* ---------- betyg ---------- */
[data-blad="betyg"]{ border-top:1px solid var(--linje-m); margin:30px 0 46px; padding-top:18px; }
[data-blad="betygsrubrik"]{
  margin:0 0 6px; font-family:var(--rubrik); font-weight:400; font-size:12px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--natt);
}
[data-blad="stjarnrad"]{ display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:3px; margin:0 0 6px; }
[data-blad="stjarna"]{
  background:transparent; border:0; padding:0 2px; font-size:23px; line-height:1;
  color:var(--linje-m);
}
[data-blad="stjarna"][data-over],[data-blad="stjarna"][data-rostat]{ color:var(--rost); }
[data-blad="betygsinfo"]{
  margin:0; font-family:var(--rubrik); font-weight:300; font-size:11.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--is);
}
[data-blad="betygssvar"]{ margin:6px 0 0; font-size:14.5px; }
[data-blad="betygssvar"][data-lage="tack"]{ color:#2E6B3E; }
[data-blad="betygssvar"][data-lage="fel"]{ color:var(--rost-m); }

/* ---------- kort (relaterat, sökträffar) ---------- */
[data-blad="kortrad"]{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:20px; }
[data-blad="kort"]{ border-top:1px solid var(--linje); padding-top:16px; }
[data-blad="kortbild"]{ display:block; aspect-ratio:16/9; background-size:cover; background-position:center; background-color:var(--papper-m); margin-bottom:12px; }
[data-blad="kort"] h3{ font-size:19px; margin:0 0 5px; }
[data-blad="kort"] h3 a{ color:var(--natt); }
[data-blad="kort"] h3 a:hover{ color:var(--rost); text-decoration:none; }
[data-blad="kortdatum"],[data-blad="radfakta"]{
  display:block; margin:0; font-family:var(--rubrik); font-weight:300; font-size:11px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--is);
}
[data-blad="kortamne"]{
  display:block; font-family:var(--rubrik); font-weight:400; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--rost); margin-bottom:4px;
}
[data-blad="kortkropp"]{ min-width:0; }

/* ---------- arkivlista (kategorisida) ---------- */
[data-blad="arkivlista"]{ display:block; }
[data-blad="arkivpost"]{
  display:grid; grid-template-columns:224px minmax(0,1fr); gap:24px;
  padding:22px 0; border-top:1px solid var(--linje);
}
[data-blad="arkivpost"]:first-child{ border-top:0; }
[data-blad="arkivbild"] img{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
[data-blad="arkivtext"]{ min-width:0; }
[data-blad="arkivtext"] h3{ font-size:22px; margin:0 0 5px; }
[data-blad="arkivtext"] h3 a{ color:var(--natt); }
[data-blad="arkivtext"] h3 a:hover{ color:var(--rost); text-decoration:none; }
[data-blad="arkivtext"] [data-blad="dagbokstext"]{ margin-top:8px; }

/* ---------- ämneskartan ---------- */
[data-blad="amneskarta"]{ display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:14px; margin-top:20px; }
[data-blad="amne"]{ display:block; background:var(--papper-m); border:1px solid var(--linje-m); padding:22px 20px; color:inherit; }
[data-blad="amne"]:hover{ background:var(--papper-d); text-decoration:none; }
[data-blad="amnesnamn"]{ display:block; font-family:var(--rubrik); font-weight:500; font-size:16px; letter-spacing:.10em; text-transform:uppercase; color:var(--natt); }
[data-blad="amnesantal"]{ display:block; font-family:var(--rubrik); font-weight:300; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--is); }

/* ---------- bildvägg ---------- */
[data-blad="bildvagg"]{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:26px; background:var(--linje-m); }
[data-blad="bildruta"]{ display:block; overflow:hidden; background:var(--natt); aspect-ratio:3/2; }
[data-blad="bildruta"] img{ width:100%; height:100%; object-fit:cover; transition:opacity .25s; }
[data-blad="bildruta"]:hover img{ opacity:.82; }

/* ---------- sidföljd (paginering) ---------- */
[data-blad="sidfoljd"]{ display:flex; flex-wrap:wrap; gap:1px; margin-top:30px; }
[data-blad="sidfoljd"] a,[data-blad="sidfoljd"] span{
  background:var(--papper-m); color:var(--natt); padding:9px 15px;
  font-family:var(--rubrik); font-weight:400; font-size:13px; letter-spacing:.08em;
}
[data-blad="sidfoljd"] a:hover{ background:var(--natt); color:var(--papper); text-decoration:none; }
[data-blad="sidfoljd"] span[data-lage="nu"]{ background:var(--rost); color:#fff; }
[data-blad="sidfoljd"] span[data-lage="av"]{ color:#A79F91; }

/* ---------- kontaktformulär ---------- */
[data-blad="faktarad"]{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin:0 0 26px; }
[data-blad="faktarad"] [data-blad="notrad"]{ margin:0; }
[data-blad="foljrad"]{ margin:0 0 28px; }
[data-blad="fbknapp"]{
  display:inline-flex; align-items:center; gap:8px; padding:10px 20px;
  background:var(--natt); color:#EAF0F2;
  font-family:var(--rubrik); font-weight:400; font-size:13px;
  letter-spacing:.14em; text-transform:uppercase;
}
[data-blad="fbknapp"]:hover{ background:var(--rost); color:#fff; text-decoration:none; }
[data-blad="formular"]{ max-width:620px; }
[data-blad="falt"]{ margin-bottom:16px; }
[data-blad="falt"] label{
  display:block; margin-bottom:5px;
  font-family:var(--rubrik); font-weight:400; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--natt);
}
[data-blad="falt"] input,[data-blad="falt"] select,[data-blad="falt"] textarea{
  width:100%; padding:10px 12px; background:#FBFAF6;
  border:1px solid var(--linje-m); border-radius:0;
  font-family:var(--text); font-size:15px; resize:vertical;
}
[data-blad="falt"] input:focus,[data-blad="falt"] select:focus,[data-blad="falt"] textarea:focus{
  outline:none; border-color:var(--rost);
}
[data-blad="formular"] button[type="submit"]{
  background:var(--rost); color:#fff; border:0; padding:12px 30px;
  font-family:var(--rubrik); font-weight:400; font-size:14px;
  letter-spacing:.16em; text-transform:uppercase;
}
[data-blad="formular"] button[type="submit"]:hover{ background:var(--rost-m); }
[data-blad="lapp"]{ padding:14px 16px; margin:0 0 20px; border-left:3px solid var(--is); background:var(--papper-m); font-size:15px; }
[data-blad="lapp"][data-lage="ok"]{ border-left-color:#2E6B3E; }
[data-blad="lapp"][data-lage="fel"]{ border-left-color:var(--rost); }
[data-blad="lapp"] p:last-child{ margin-bottom:0; }

/* ---------- händelser (året i staden) ---------- */
[data-blad="handelse"]{ border-top:1px solid var(--linje); padding:20px 0; display:grid; grid-template-columns:158px minmax(0,1fr); gap:24px; }
[data-blad="handelse"]:first-of-type{ border-top:0; }
[data-blad="handelse-nar"]{ display:block; font-family:var(--rubrik); font-weight:400; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--rost); }
[data-blad="handelse-var"]{ display:block; margin-top:4px; font-family:var(--rubrik); font-weight:300; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--is); }
[data-blad="handelse"] h3{ margin:0 0 7px; font-size:22px; }
[data-blad="handelse"] p{ margin:0; font-size:16px; color:var(--grastext); }

/* ==================================================================
   FOT — ett band, inga kolumner, ingen slumplista ur arkivet
   ================================================================== */
[data-blad="fot"]{ background:var(--natt-m); color:#8FA4AD; font-size:14.5px; }
[data-blad="fot"]::before{ content:""; display:block; height:3px; background:var(--rost); }
[data-blad-del="fot"]{ padding-top:34px; padding-bottom:26px; }
[data-blad="fot"] a{ color:#C3D2D8; }
[data-blad="fot"] a:hover{ color:var(--rost); }
[data-blad="fotmarke"]{
  margin:0 0 10px; font-family:var(--rubrik); font-weight:500; font-size:24px;
  letter-spacing:.03em; text-transform:uppercase; color:#E6EDF0;
}
[data-blad="kolofon"]{ max-width:74ch; margin:0 0 18px; }
[data-blad="fotlankar"]{
  display:flex; flex-wrap:wrap; gap:0 22px; margin:0 0 20px;
  padding:16px 0 0; border-top:1px solid rgba(255,255,255,.10);
  font-family:var(--rubrik); font-weight:300; font-size:12.5px;
  letter-spacing:.12em; text-transform:uppercase;
}
[data-blad="fotnot"]{
  margin:0; padding-top:15px; border-top:1px solid rgba(255,255,255,.10);
  font-family:var(--rubrik); font-weight:300; font-size:11.5px;
  letter-spacing:.14em; text-transform:uppercase; color:#6E838C;
}

/* ==================================================================
   KAKRUTA — liten ruta i vänstra hörnet, inte ett band över hela skärmen
   ================================================================== */
[data-blad="kakruta"]{
  position:fixed; left:20px; bottom:20px; z-index:60; max-width:390px;
  background:var(--natt); color:#C9D6DC; padding:18px 20px 16px;
  border-left:3px solid var(--rost); box-shadow:0 8px 26px rgba(0,0,0,.30);
  font-size:14.5px; line-height:1.5;
}
[data-blad="kakruta"] a{ color:#EAF0F2; text-decoration:underline; }
[data-blad="kakrubrik"]{
  margin:0 0 6px; font-family:var(--rubrik); font-weight:400; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--rost);
}
[data-blad="kakval"]{ display:flex; flex-wrap:wrap; gap:9px; margin:13px 0 0; }
[data-blad="kakval"] button{
  border:1px solid #56707C; background:transparent; color:#C9D6DC; padding:8px 15px;
  font-family:var(--rubrik); font-weight:400; font-size:12px;
  letter-spacing:.12em; text-transform:uppercase;
}
[data-blad="kakval"] button:first-child{ background:var(--rost); border-color:var(--rost); color:#fff; }
[data-blad="kakval"] button:hover{ border-color:var(--rost); color:#fff; }
[data-blad="kakval"] button:first-child:hover{ background:var(--rost-m); }

/* ---------- partnerraden som skriptet lägger in längst ner ---------- */
.ds-partners{ max-width:var(--bredd) !important; margin:0 auto; padding:18px 26px !important; border-top:1px solid var(--linje) !important; }
.ds-partners a{ border:1px solid var(--linje-m) !important; border-radius:0 !important; background:var(--papper-m); }
.ds-partners a strong{ font-family:var(--rubrik); font-weight:500; letter-spacing:.06em; color:var(--natt); }

/* ==================================================================
   SMALARE SKÄRMAR
   ================================================================== */
@media(max-width:1040px){
  [data-blad="sidyta"],
  [data-blad="sidyta"][data-blad-lage="topp"]{ grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media(max-width:780px){
  body{ font-size:16.5px; }
  [data-blad="bredd"]{ padding:0 16px; }
  [data-blad-del="mast"]{ padding:22px 16px 18px; }
  [data-blad="ordmarke-namn"]{ font-size:36px; }
  [data-blad="ordmarke-for"]{ font-size:12px; letter-spacing:.34em; }
  [data-blad="valsprak"]{ font-size:13.5px; }
  [data-blad-del="meny"]{ flex-direction:column; align-items:stretch; gap:0; }
  [data-blad="meny"]{ margin:0 -16px; padding:0 16px; }
  [data-blad="meny"] a{ padding:12px 13px 10px; font-size:12px; }
  [data-blad="sokruta"]{ padding:4px 0 10px; }
  [data-blad="sokruta"] input{ width:100%; flex:1; }
  [data-blad="topptext"] h2{ font-size:26px; }
  [data-blad="dagbok"] h3{ font-size:21px; }
  [data-blad="artikel"] h1{ font-size:30px; }
  [data-blad="genvagar"]{ grid-template-columns:minmax(0,1fr); }
  [data-blad="kortrad"]{ grid-template-columns:minmax(0,1fr); }
  [data-blad="arkivpost"]{ grid-template-columns:minmax(0,1fr); gap:12px; }
  [data-blad="handelse"]{ grid-template-columns:minmax(0,1fr); gap:8px; }
  [data-blad="bildvagg"]{ grid-template-columns:repeat(2,1fr); }
  [data-blad="kakruta"]{ left:0; right:0; bottom:0; max-width:none; border-left:0; border-top:3px solid var(--rost); }
}

/* ---------- .lokal-tips: raden som ligger inne i fem artiklar ---------- */
[data-blad="brodtext"] .lokal-tips{
  border-left:3px solid var(--rost); background:var(--papper-m);
  padding:12px 16px; margin:22px 0; font-size:16px; color:var(--grastext);
}