/* ============================================================
   upptackfilipstad.se — «Mineralbrickan»
   Grundtanke: sidan är en bricka med prover. Rutor i olika storlek
   ligger tätt mot varandra på sandig grund. Färg finns bara i de
   små kvadraterna som märker ämnena — aldrig i länkar eller text.
   Långban gav världen 300 mineral. Sidan lånar systematiken.

   Den här sajten laddar INTE nätets gemensamma app.css — se nollställningen
   nedan. app.css ligger kvar orörd på servern, den bara länkas inte in.
   ============================================================ */

:root{
  --uf-paper:#DED8C9;      /* grund: sandig, märkbart mörkare än pappret */
  --uf-paper-d:#CFC7B3;
  --uf-tile:#FAF8F3;       /* ruta */
  --uf-tile-2:#F0ECE1;     /* dämpad ruta */
  --uf-tile-3:#E7E2D4;
  --uf-ink:#1E1D19;
  --uf-ink-2:#33312B;
  --uf-dim:#6A6558;
  --uf-faint:#8E8878;
  --uf-line:#D6CFBD;
  --uf-line-d:#A99F89;

  /* mineralen — enda stället där färg får finnas */
  --uf-hematit:#8C2F1F;    /* Nyheter */
  --uf-malakit:#1C6A4C;    /* Företag */
  --uf-goethit:#8E6310;    /* Övrigt */
  --uf-magnetit:#2F4050;   /* Sport */
  --uf-limonit:#6B4A22;    /* Restauranger */

  --uf-gap:5px;
  --uf-max:1230px;
}

/* ---------- egen nollställning ----------
   Den här sajten laddar INTE nätets gemensamma app.css. Den filen är skriven
   för en annan sajt (den lägger bland annat ett foto från Tyresö som bakgrund
   på body) och är dessutom det tydligaste spåret av att sajterna byggts från
   samma mall. app.css är orörd på servern — den bara länkas inte in här.
   Därför måste nollställningen stå på egna ben:                              */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ background:var(--uf-paper); -webkit-text-size-adjust:100%; }
body{
  background:var(--uf-paper);
  color:var(--uf-ink);
  font-family:'Petrona',Georgia,'Times New Roman',serif;
  font-size:17px; line-height:1.62;
  font-variant-ligatures:common-ligatures;
}
img{ max-width:100%; height:auto; display:block; }

/* inga färgade länkar någonstans på sajten */
a{ color:var(--uf-ink); text-decoration:underline; text-decoration-thickness:1px;
   text-underline-offset:2px; text-decoration-color:var(--uf-line-d); transition:none; }
a:hover{ color:var(--uf-ink); text-decoration-color:var(--uf-ink); }

h1,h2,h3,h4,h5,h6{
  font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--uf-ink); font-weight:600; line-height:1.16;
  letter-spacing:-.005em; margin:0;
}

::selection{ background:var(--uf-ink); color:var(--uf-tile); }

*:focus-visible{ outline:2px solid var(--uf-ink); outline-offset:2px; }

.uf-skip{ position:absolute; left:-9999px; }
.uf-skip:focus{ left:8px; top:8px; z-index:99; background:var(--uf-ink); color:#fff;
  padding:8px 14px; font:600 13px/1 'Jost',sans-serif; text-decoration:none; }

/* dolt för öga, kvar för sökmotor */
.uf-vh{ position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; }

/* ---------- skal ---------- */
.uf-shell{ max-width:var(--uf-max); margin:0 auto; padding:0 14px; }

/* ============================================================
   Huvud — masthead ligger själv i brickan
   ============================================================ */
.uf-mast{ margin:18px 0 var(--uf-gap); }
.uf-mast-in{
  background:var(--uf-tile);
  padding:22px 26px 20px;
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.uf-word{
  font-family:'Jost',sans-serif; font-weight:600; font-size:34px;
  letter-spacing:-.02em; line-height:1; color:var(--uf-ink);
  text-decoration:none; display:block;
}
.uf-word span{ font-weight:300; }
.uf-word:hover{ text-decoration:none; }
.uf-prov{ display:flex; gap:4px; margin-top:12px; }
.uf-prov i{ width:22px; height:9px; display:block; }
.uf-kolofon{
  font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.02em;
  color:var(--uf-dim); text-align:right; line-height:1.7;
}
.uf-kolofon b{ font-weight:500; color:var(--uf-ink-2); }

/* ---------- navigation ---------- */
.uf-nav{ background:var(--uf-tile-3); margin-bottom:var(--uf-gap); }
.uf-nav-in{ display:flex; align-items:stretch; gap:0; flex-wrap:wrap; }
.uf-nav ul{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.uf-nav li{ display:block; }
.uf-nav a{
  font-family:'Jost',sans-serif; font-size:14px; font-weight:500;
  letter-spacing:.01em; padding:12px 16px; text-decoration:none;
  color:var(--uf-ink-2); display:block;
}
.uf-nav a:hover{ background:var(--uf-tile); color:var(--uf-ink); }
.uf-nav a[aria-current]{ background:var(--uf-tile); color:var(--uf-ink); font-weight:600; }
.uf-nav form{ margin-left:auto; display:flex; }
.uf-nav input[type=text]{
  font:400 14px/1 'Jost',sans-serif; border:0; background:var(--uf-tile);
  padding:11px 12px; width:150px; color:var(--uf-ink);
}
.uf-nav input[type=text]::placeholder{ color:var(--uf-faint); }
.uf-nav button[type=submit]{
  border:0; background:var(--uf-ink); color:var(--uf-tile); cursor:pointer;
  padding:0 14px; font:500 13px/1 'Jost',sans-serif;
}
.uf-burger{ display:none; }

/* ============================================================
   Brickan
   ============================================================ */
.uf-tray{ display:grid; grid-template-columns:repeat(12,1fr); gap:var(--uf-gap); }
.uf-t{ background:var(--uf-tile); padding:20px 22px; min-width:0; grid-column:span 12; }
.uf-t--q{ background:var(--uf-tile-2); }
.uf-t--d{ background:var(--uf-tile-3); }
.uf-c3{ grid-column:span 3; } .uf-c4{ grid-column:span 4; }
.uf-c5{ grid-column:span 5; } .uf-c6{ grid-column:span 6; }
.uf-c7{ grid-column:span 7; } .uf-c8{ grid-column:span 8; }
.uf-c9{ grid-column:span 9; } .uf-c12{ grid-column:span 12; }

/* ---------- etikett med mineralkvadrat ---------- */
.uf-etikett{
  display:flex; align-items:center; gap:8px; margin:0 0 14px;
  font-family:'Jost',sans-serif; font-size:11.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--uf-dim);
}
.uf-etikett i{ width:11px; height:11px; flex:0 0 11px; display:block; }
.uf-etikett a{ text-decoration:none; color:inherit; }
.uf-etikett a:hover{ color:var(--uf-ink); }
.uf-etikett .uf-mer{ margin-left:auto; font-weight:500; letter-spacing:.06em; }

/* mineralfärger */
.m-hematit{ background:var(--uf-hematit); }
.m-malakit{ background:var(--uf-malakit); }
.m-goethit{ background:var(--uf-goethit); }
.m-magnetit{ background:var(--uf-magnetit); }
.m-limonit{ background:var(--uf-limonit); }
.m-grund{ background:var(--uf-line-d); }

/* ---------- ledande ruta ---------- */
.uf-lead h2{ font-size:33px; line-height:1.1; margin:0 0 12px; letter-spacing:-.018em; }
.uf-lead h2 a{ text-decoration:none; }
.uf-lead h2 a:hover{ text-decoration:underline; text-decoration-thickness:2px;
  text-underline-offset:4px; text-decoration-color:var(--uf-ink); }
.uf-lead .uf-bild{ margin:0 0 16px; }
.uf-lede{ font-size:18.5px; line-height:1.55; color:var(--uf-ink-2); margin:0 0 14px; }
.uf-bild{ background:var(--uf-tile-2); }
.uf-bild img{ width:100%; }

/* ---------- rader ---------- */
.uf-rad{ padding:13px 0; border-top:1px solid var(--uf-line); }
.uf-rad:first-of-type{ border-top:0; padding-top:0; }
.uf-rad h3{ font-size:18px; line-height:1.24; margin:0 0 5px; font-weight:500; }
.uf-rad h3 a{ text-decoration:none; }
.uf-rad h3 a:hover{ text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:var(--uf-ink); }
.uf-rad p{ font-size:15.5px; line-height:1.5; color:var(--uf-dim); margin:0; }
.uf-datum{
  font-family:'Jost',sans-serif; font-size:11.5px; font-weight:500;
  letter-spacing:.08em; text-transform:uppercase; color:var(--uf-faint);
  display:block; margin:0 0 4px;
}

/* ---------- kort med bild ---------- */
.uf-kort .uf-bild{ margin:0 0 12px; }
.uf-kort h3{ font-size:19px; line-height:1.2; margin:0 0 6px; font-weight:500; }
.uf-kort h3 a{ text-decoration:none; }
.uf-kort h3 a:hover{ text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:var(--uf-ink); }
.uf-kort p{ font-size:15.5px; color:var(--uf-dim); margin:0; line-height:1.5; }

/* ---------- mineralregistret (ämnesrutan) ---------- */
.uf-reg{ display:grid; grid-template-columns:1fr; gap:var(--uf-gap); }
.uf-reg a{
  display:flex; align-items:center; gap:9px; text-decoration:none;
  background:var(--uf-tile); padding:11px 12px;
  font-family:'Jost',sans-serif; font-size:13.5px; font-weight:500;
  color:var(--uf-ink-2);
}
.uf-reg a:hover{ background:var(--uf-tile-3); color:var(--uf-ink); }
.uf-reg i{ width:13px; height:13px; flex:0 0 13px; display:block; }
.uf-reg b{ margin-left:auto; font-weight:400; color:var(--uf-faint); font-size:12px; }

/* ---------- fakta-lista ---------- */
.uf-fakta{ list-style:none; margin:0; padding:0; }
.uf-fakta li{ display:flex; gap:12px; padding:8px 0; border-top:1px solid var(--uf-line);
  font-size:15.5px; line-height:1.45; }
.uf-fakta li:first-child{ border-top:0; padding-top:0; }
.uf-fakta b{ flex:0 0 116px; font-family:'Jost',sans-serif; font-weight:500;
  font-size:13px; letter-spacing:.03em; color:var(--uf-dim); padding-top:2px; }

/* ---------- karta / skiss ---------- */
.uf-skiss img{ width:100%; }
.uf-svgskiss{ display:block; width:100%; height:auto; background:var(--uf-tile-2); }
.uf-skiss figcaption{ font-family:'Jost',sans-serif; font-size:12.5px;
  color:var(--uf-dim); margin-top:10px; line-height:1.5; }

/* ---------- textruta ---------- */
.uf-text p{ margin:0 0 12px; font-size:16px; }
.uf-text p:last-child{ margin-bottom:0; }

/* ============================================================
   Artikel
   ============================================================ */
.uf-art{ background:var(--uf-tile); padding:34px 40px 38px; }
.uf-art h1,.uf-meta,.uf-brod,.uf-betyg{ max-width:660px; }
.uf-art .uf-bild{ max-width:760px; }
.uf-art h1{ font-size:37px; line-height:1.09; letter-spacing:-.022em; margin:0 0 14px; }
.uf-art .uf-bild{ margin:0 0 22px; }
.uf-meta{
  font-family:'Jost',sans-serif; font-size:12.5px; letter-spacing:.05em;
  color:var(--uf-dim); margin:0 0 22px; padding-bottom:16px;
  border-bottom:2px solid var(--uf-ink); display:flex; align-items:center; gap:8px;
  flex-wrap:wrap;
}
.uf-meta i{ width:11px; height:11px; flex:0 0 11px; display:block; }
.uf-meta a{ text-decoration:none; }
.uf-meta a:hover{ text-decoration:underline; }
.uf-brod{ font-size:17.5px; line-height:1.68; }
.uf-brod > p:first-of-type{ font-size:19px; color:var(--uf-ink-2); }
.uf-brod p{ margin:0 0 17px; }
.uf-brod h2{ font-family:'Jost',sans-serif; font-size:21px; font-weight:600;
  margin:30px 0 11px; letter-spacing:-.008em; }
.uf-brod h3{ font-family:'Jost',sans-serif; font-size:17px; font-weight:600; margin:24px 0 9px; }
.uf-brod ul,.uf-brod ol{ margin:0 0 17px 20px; }
.uf-brod li{ margin:0 0 7px; }
.uf-brod img{ margin:20px 0; }
.uf-brod blockquote{ margin:22px 0; padding:0 0 0 18px;
  border-left:3px solid var(--uf-line-d); color:var(--uf-ink-2); font-style:italic; }
.uf-brod em{ color:var(--uf-dim); }
.uf-brod table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:15.5px; }
.uf-brod th,.uf-brod td{ text-align:left; padding:8px 10px; border-bottom:1px solid var(--uf-line); }

/* betyg */
.uf-betyg{ margin:30px 0 0; padding:18px 0 0; border-top:1px solid var(--uf-line); }
.uf-betyg .uf-etikett{ margin-bottom:9px; }
.uf-stjarnor{ display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:3px; }
.uf-stjarnor span{ cursor:pointer; font-size:22px; line-height:1; color:var(--uf-line); }
.uf-stjarnor span.on,.uf-stjarnor span.on ~ span{ color:var(--uf-goethit); }
.uf-betyg-info{ font-family:'Jost',sans-serif; font-size:12.5px; color:var(--uf-dim); margin-top:8px; }
.uf-betyg-msg{ font-family:'Jost',sans-serif; font-size:13px; margin-top:6px; }

/* ============================================================
   Sidor, kategori, sök
   ============================================================ */
.uf-sida{ background:var(--uf-tile); padding:34px 40px 38px; max-width:860px; }
.uf-sida h1{ font-size:34px; line-height:1.1; letter-spacing:-.02em; margin:0 0 6px; }
.uf-sida .uf-underrubrik{ font-size:18px; color:var(--uf-dim); margin:0 0 24px;
  padding-bottom:18px; border-bottom:2px solid var(--uf-ink); }
.uf-sida h2{ font-family:'Jost',sans-serif; font-size:21px; font-weight:600; margin:30px 0 11px; }
.uf-sida h3{ font-family:'Jost',sans-serif; font-size:17px; font-weight:600; margin:22px 0 8px; }
.uf-sida p{ margin:0 0 15px; }
.uf-sida ul,.uf-sida ol{ margin:0 0 16px 20px; }
.uf-sida li{ margin:0 0 7px; }

.uf-rubrik{ background:var(--uf-tile); padding:24px 26px; margin-bottom:var(--uf-gap); }
.uf-rubrik h1{ font-size:29px; letter-spacing:-.018em; margin:0; display:flex;
  align-items:center; gap:11px; }
.uf-rubrik h1 i{ width:15px; height:15px; flex:0 0 15px; display:block; }
.uf-rubrik p{ font-size:16px; color:var(--uf-dim); margin:9px 0 0; }

.uf-sok{ display:flex; gap:var(--uf-gap); margin:0 0 var(--uf-gap); }
.uf-sok input{ flex:1; font:400 16px/1 'Jost',sans-serif; border:0;
  background:var(--uf-tile); padding:14px 16px; color:var(--uf-ink); }
.uf-sok button{ border:0; background:var(--uf-ink); color:var(--uf-tile);
  font:500 14px/1 'Jost',sans-serif; padding:0 22px; cursor:pointer; }

/* paginering */
.uf-sidor,.pagination{ display:flex; gap:var(--uf-gap); margin-top:var(--uf-gap);
  flex-wrap:wrap; list-style:none; padding:0; }
.uf-sidor a,.uf-sidor span,.pagination a,.pagination span{
  background:var(--uf-tile); padding:11px 16px; text-decoration:none;
  font:500 14px/1 'Jost',sans-serif; color:var(--uf-ink-2); }
.uf-sidor a:hover,.pagination a:hover{ background:var(--uf-tile-3); }
.uf-sidor .on,.pagination .on{ background:var(--uf-ink); color:var(--uf-tile); }

/* ---------- formulär ---------- */
.uf-form{ display:grid; gap:var(--uf-gap); }
.uf-form label{ font-family:'Jost',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--uf-dim);
  display:block; margin:0 0 6px; }
.uf-form input[type=text],.uf-form input[type=email],.uf-form select,.uf-form textarea{
  width:100%; font:400 16px/1.5 'Petrona',Georgia,serif; color:var(--uf-ink);
  background:var(--uf-tile-2); border:0; border-bottom:2px solid var(--uf-line-d);
  padding:11px 12px; }
.uf-form textarea{ min-height:170px; resize:vertical; }
.uf-form input:focus,.uf-form select:focus,.uf-form textarea:focus{
  outline:0; border-bottom-color:var(--uf-ink); background:#fff; }
.uf-form button{ justify-self:start; border:0; background:var(--uf-ink); color:var(--uf-tile);
  font:600 14px/1 'Jost',sans-serif; letter-spacing:.06em; padding:15px 30px; cursor:pointer; }
.uf-form button:hover{ background:var(--uf-hematit); }
.uf-notis{ background:var(--uf-tile-3); padding:14px 16px; font-size:15.5px;
  border-left:4px solid var(--uf-malakit); }
.uf-notis--fel{ border-left-color:var(--uf-hematit); }

/* ============================================================
   Fot
   ============================================================ */
.uf-foot{ margin:var(--uf-gap) 0 0; }
.uf-foot .uf-t{ background:var(--uf-tile-2); }
.uf-foot h4{ font-family:'Jost',sans-serif; font-size:11.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--uf-dim); margin:0 0 12px; }
.uf-foot ul{ list-style:none; margin:0; padding:0; }
.uf-foot li{ margin:0 0 7px; font-size:15px; }
.uf-foot p{ font-size:15px; margin:0 0 11px; line-height:1.55; }
.uf-foot p:last-child{ margin-bottom:0; }
.uf-slut{ background:var(--uf-tile-3); padding:15px 22px; margin-top:var(--uf-gap);
  font-family:'Jost',sans-serif; font-size:12.5px; color:var(--uf-dim);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.uf-slut a{ text-decoration:none; }
.uf-slut a:hover{ text-decoration:underline; }
.uf-luft{ height:26px; }

/* grannar / partner */
.uf-granne{ display:block; background:var(--uf-tile); padding:16px 18px;
  text-decoration:none; }
.uf-granne:hover{ background:var(--uf-tile-3); }
.uf-granne strong{ font-family:'Jost',sans-serif; font-size:15px; font-weight:600;
  display:block; margin-bottom:3px; }
.uf-granne span{ font-size:14.5px; color:var(--uf-dim); line-height:1.45; display:block; }

/* ============================================================
   Kakbanner — app.css version rensas bort
   ============================================================ */
.cookie-banner{ position:fixed; left:0; right:0; bottom:0; z-index:60;
  background:var(--uf-ink) !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; }
.cookie-inner{ max-width:var(--uf-max); margin:0 auto; padding:15px 18px !important;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  background:transparent !important; }
.cookie-inner p{ color:#E8E3D6 !important; font-size:14.5px !important; margin:0 !important;
  flex:1 1 340px; }
.cookie-inner a{ color:#fff !important; text-decoration:underline !important;
  text-decoration-color:rgba(255,255,255,.55) !important; }
.cookie-buttons{ display:flex; gap:var(--uf-gap); }
.cookie-accept,.cookie-decline{
  border:0 !important; border-radius:0 !important; cursor:pointer;
  font:600 13px/1 'Jost',sans-serif !important; letter-spacing:.05em;
  padding:12px 20px !important; }
.cookie-accept{ background:var(--uf-tile) !important; color:var(--uf-ink) !important; }
.cookie-decline{ background:transparent !important; color:#D9D3C4 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); }

/* ============================================================
   Släck det gemensamma skalet om det någonstans skulle dyka upp
   ============================================================ */
.topbar,.header-hero,.news-ticker,.navigation,.featured-slider,.slider-thumbs,
.ds-partners,.widget-ad{ display:none !important; }
.boxed-content-wrapper,.inner,.site-content,.content-wrap,.page-grid,.footer{
  background:transparent !important; box-shadow:none !important; border:0 !important;
  max-width:none !important; padding:0 !important; margin:0 !important; }

/* Integritetspolicyn ärver fortfarande app.css-klasser — ge den samma yta */
.single-post,.static-page{
  background:var(--uf-tile) !important; padding:32px 38px 36px !important;
  max-width:860px; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  color:var(--uf-ink) !important; }
.single-post h1,.static-page h1{ font-family:'Jost',sans-serif !important; font-size:32px !important;
  color:var(--uf-ink) !important; letter-spacing:-.02em; margin:0 0 18px !important; }
.single-post h2,.static-page h2{ font-family:'Jost',sans-serif !important; font-size:20px !important;
  background:none !important; color:var(--uf-ink) !important; padding:0 !important;
  margin:28px 0 10px !important; }
.single-post p,.static-page p{ color:var(--uf-ink) !important; font-size:16.5px !important;
  margin:0 0 15px !important; }
.single-post ul,.single-post ol,.static-page ul,.static-page ol{ margin:0 0 16px 20px !important; }
.single-post li,.static-page li{ color:var(--uf-ink) !important; font-size:16.5px !important;
  margin:0 0 7px !important; }
.single-post h3,.static-page h3{ font-family:'Jost',sans-serif !important; font-size:17px !important;
  margin:22px 0 8px !important; }
.single-post table{ border-collapse:collapse; width:100%; font-size:15px; }
.single-post table th,.single-post table td{
  border:0 !important; border-bottom:1px solid var(--uf-line) !important;
  background:none !important; padding:8px 10px !important; text-align:left; }
.single-post table th{ font-family:'Jost',sans-serif; font-weight:600; font-size:13px;
  letter-spacing:.04em; text-transform:uppercase; color:var(--uf-dim); }
.sidebar,.widget{ display:none !important; }
.single-post table{ display:block; overflow-x:auto; }

/* ============================================================
   Smalare skärmar
   ============================================================ */
@media(max-width:1000px){
  .uf-c3,.uf-c4,.uf-c5{ grid-column:span 6; }
  .uf-c7,.uf-c8,.uf-c9{ grid-column:span 12; }
  .uf-lead h2{ font-size:29px; }
}
@media(max-width:760px){
  body{ font-size:16.5px; }
  .uf-shell{ padding:0 10px; }
  .uf-mast{ margin-top:10px; }
  .uf-mast-in{ padding:16px 18px; flex-direction:column; align-items:flex-start; gap:14px; }
  .uf-word{ font-size:28px; }
  .uf-kolofon{ text-align:left; }
  .uf-c3,.uf-c4,.uf-c5,.uf-c6,.uf-c7,.uf-c8,.uf-c9{ grid-column:span 12; }
  .uf-t{ padding:17px 18px; }
  .uf-lead h2{ font-size:26px; }
  .uf-lede{ font-size:17px; }
  .uf-art,.uf-sida{ padding:24px 20px 28px; }
  .uf-art h1{ font-size:28px; }
  .uf-sida h1{ font-size:26px; }
  .uf-brod{ font-size:17px; }
  .uf-brod > p:first-of-type{ font-size:17.5px; }
  .uf-rubrik{ padding:18px 18px; }
  .uf-rubrik h1{ font-size:23px; }

  /* menyn viks ihop */
  .uf-nav-in{ position:relative; }
  .uf-burger{ display:flex; align-items:center; gap:9px; border:0; cursor:pointer;
    background:transparent; padding:13px 16px; font:600 13px/1 'Jost',sans-serif;
    letter-spacing:.1em; text-transform:uppercase; color:var(--uf-ink-2); }
  .uf-burger u{ display:block; width:17px; height:2px; background:var(--uf-ink-2);
    box-shadow:0 5px 0 var(--uf-ink-2),0 -5px 0 var(--uf-ink-2); }
  .uf-nav ul{ display:none; list-style:none; margin:0; padding:0;
    order:3; flex:1 1 100%; background:var(--uf-tile); }
  .uf-nav.uf-utfalld ul{ display:block; }
  .uf-nav li{ border-top:1px solid var(--uf-line); }
  .uf-nav form{ margin-left:auto; order:2; }
  .uf-nav input[type=text]{ width:118px; padding:11px 10px; }

  /* Skissen skalas med viewBox, så texten krymper med den. På telefon
     förstoras etiketterna och de sekundära riktningarna tas bort. */
  .uf-svgskiss .uf-ort text{ font-size:34px; }
  .uf-svgskiss .uf-vagnr text{ font-size:30px; }
  .uf-svgskiss .uf-huvudort{ font-size:44px; }
  .uf-svgskiss .uf-mot{ display:none; }
}
@media(max-width:430px){
  .uf-shell{ padding:0 7px; }
  .uf-word{ font-size:24px; }
  .uf-lead h2{ font-size:23px; }
  .uf-art h1{ font-size:25px; }
  .uf-t{ padding:15px 15px; }
  .uf-art,.uf-sida{ padding:20px 15px 24px; }
  .uf-reg{ grid-template-columns:1fr; }
  .uf-fakta li{ flex-direction:column; gap:2px; }
  .uf-fakta b{ flex:none; }
  .uf-nav input[type=text]{ width:92px; }
  .uf-slut{ font-size:12px; }
}