:root{--bg:#fbfaf8;--surface:#fff;--ink:#071b3d;--muted:#5b6370;--line:#e3e0da;--accent:#092958;--accent-ink:#fff;--ok:#e8f3ec;--err:#fbeaea;--r:10px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14171c;--surface:#1b1f26;--ink:#eceff3;--muted:#a3abb8;--line:#2d333d;--accent:#7fa6d6;--accent-ink:#0f1722;--ok:#16301f;--err:#3a1b1b}}
:root[data-theme="dark"]{--bg:#14171c;--surface:#1b1f26;--ink:#eceff3;--muted:#a3abb8;--line:#2d333d;--accent:#7fa6d6;--accent-ink:#0f1722;--ok:#16301f;--err:#3a1b1b}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
main{padding-top:24px;padding-bottom:56px}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin:.4em 0 .4em}
h2{font-size:1.4rem;margin:1.8em 0 .5em}
h3{font-size:1.1rem;margin:.2em 0}
.muted{color:var(--muted)}.small{font-size:.875rem}.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;background:var(--surface);padding:8px 12px;z-index:10}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.3rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.logo-mark{width:20px;height:20px;border:3px solid var(--accent);border-right-color:transparent;border-radius:50%;display:inline-block}
.notice-bar{background:#fff4d6;color:#4a3a00;text-align:center;padding:8px 16px;font-size:.9rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .notice-bar{background:#3a3115;color:#f0e2b0}}
:root[data-theme="dark"] .notice-bar{background:#3a3115;color:#f0e2b0}
.notice-inline{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);padding:10px 14px;border-radius:var(--r)}
.hero{padding:32px 0 8px}
.search{display:flex;gap:8px;max-width:560px;margin-top:20px}
.search input{flex:1}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;padding:0;margin:14px 0}
.quick{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.tile{display:block;height:100%;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}
.tile:hover{border-color:var(--accent)}
.tile strong{display:block;color:var(--accent);margin-bottom:4px}.tile span{color:var(--muted);font-size:.9rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.card p{margin:.4em 0}
.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{text-decoration:underline}
.card-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.card-top time{margin-left:auto;font-size:.85rem}
.badge{display:inline-block;font-size:.78rem;padding:2px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg)}
.b-low{border-color:#7a9e7e}.b-mid{border-color:#c79a2e}.b-high{border-color:#b04a3a;font-weight:600}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);padding:9px 18px;border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn:hover{opacity:.9}.btn.ghost{background:transparent;color:var(--accent)}
.btns{display:flex;flex-wrap:wrap;gap:8px}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px}
textarea{resize:vertical}
label,legend{font-weight:600;font-size:.92rem}
fieldset{border:0;padding:0;margin:0}
.field{margin-bottom:14px}.field label{display:block;margin-bottom:4px}
.field.check{display:flex;gap:10px;align-items:flex-start}.field.check input{width:auto;margin-top:5px}.field.check label{font-weight:400;margin:0}
label.inline{display:inline-flex;gap:6px;align-items:center;font-weight:400;margin-right:14px}label.inline input{width:auto}
.filters{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 2px;margin:16px 0}
.filters .wide{grid-column:1/-1}.filters .actions{display:flex;gap:12px;align-items:flex-end}
.form{max-width:640px}.two{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.two{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px}
.ok,.err{padding:12px 16px;border-radius:var(--r);margin:14px 0}.ok{background:var(--ok)}.err{background:var(--err)}.err ul{margin:0;padding-left:18px}
.empty{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:var(--r);color:var(--muted)}
.row-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.chips a{display:inline-block;padding:4px 12px;border:1px solid var(--line);background:var(--surface);border-radius:99px;text-decoration:none;font-size:.9rem}
.big{font-size:2.4rem;font-weight:700;color:var(--accent);line-height:1}
.pager{display:flex;justify-content:center;gap:20px;margin:24px 0}
.prose{max-width:68ch}.prose p,.prose li{max-width:68ch}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0}.meta dt{font-size:.8rem;color:var(--muted)}.meta dd{margin:0;font-weight:600}
.guide{padding-top:8px;border-top:1px solid var(--line)}.tip{background:var(--surface);border-left:4px solid var(--accent);padding:10px 14px;border-radius:6px}
.tpl{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);margin-top:18px}
@media (max-width:820px){.tpl{grid-template-columns:1fr}}
.dist{list-style:none;padding:0;max-width:420px}.dist li{display:grid;grid-template-columns:40px 1fr 30px;gap:8px;align-items:center}
.dist .meter{height:8px;background:var(--line);border-radius:4px;overflow:hidden;display:block}.dist .meter span{display:block;height:100%;background:var(--accent)}
.site-footer{border-top:1px solid var(--line);padding:24px 0;background:var(--surface)}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}

/* --- Mobil, filter och småjusteringar (granskning av mobil/mörkt läge) --- */
.searchrow{display:flex;gap:8px;margin-bottom:12px}
.searchrow input{flex:1;min-width:0}
.filterbox summary{cursor:pointer;font-weight:600;padding:8px 0;list-style:none}
.filterbox summary::-webkit-details-marker{display:none}
.filterbox summary::before{content:"▸ ";color:var(--muted)}
.filterbox[open] summary::before{content:"▾ "}
.filtergrid{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding-top:8px}
.filters{padding-bottom:6px}
@media (max-width:560px){
  .filtergrid{grid-template-columns:1fr 1fr}
  .filtergrid .field:nth-child(-n+2){grid-column:1/-1}
  .filtergrid .actions{grid-column:1/-1}
  .quick{grid-template-columns:1fr 1fr}
  .tile{padding:12px}
  .tile span{font-size:.82rem}
  .hero{padding-top:16px}
  h2{margin-top:1.4em}
}

.filters-lex{display:block;padding:14px 16px 6px}

/* Förhindra att formulärfält tvingar fram horisontell scroll */
.field,.filtergrid>*,.searchrow>*{min-width:0}
input,select,textarea{min-width:0;max-width:100%}
input[type=date]{-webkit-appearance:none;appearance:none;min-height:2.6rem}
@media (max-width:560px){
}

/* --- Tillgänglighet (WCAG 2.1 AA) --- */
:root{--control:#767676}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--control:#8b95a5}}
:root[data-theme="dark"]{--control:#8b95a5}
input,select,textarea{border-color:var(--control)}
::placeholder{color:var(--muted);opacity:1}
body{overflow-wrap:break-word}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none}
.field.check input{margin-top:3px}
label.inline{min-height:2rem}
.card h3 a{display:inline-block;padding:2px 0}
.site-footer a{display:inline-block;padding:3px 0}
.err:focus{outline:3px solid var(--accent);outline-offset:2px}
@media (forced-colors:active){.badge,.card,.tile{border:1px solid CanvasText}}
main:focus{outline:none}
.field.check input[type=checkbox],label.inline input[type=checkbox],label.inline input[type=radio],input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem}

/* --- Rättigheter och lagar --- */
.rights-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.right ul,.law ul{padding-left:1.2rem;margin:.4em 0}
.right li,.law li{margin:.25em 0}
.lagrum{font-size:.88rem;color:var(--muted)}
.law{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:16px 0;scroll-margin-top:12px}
.law h3{margin-top:0}.law h4{margin:1em 0 .2em;font-size:.95rem}
.sfs{font-weight:400;color:var(--muted);font-size:.9rem}
ul.plain{list-style:none;padding-left:0}
.where{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.where p{margin:.3em 0}
.right{scroll-margin-top:12px}
@media (max-width:560px){
}
@media (max-width:560px){
  /* sex menyval ryms inte på en rad i läsbar storlek: låt dem bryta snyggt */
}

/* --- Meny / sidhuvud --- */
.site-header{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.site-header.scrolled{box-shadow:0 2px 12px rgba(0,0,0,.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-header.scrolled{box-shadow:0 2px 14px rgba(0,0,0,.45)}}
:root[data-theme="dark"] .site-header.scrolled{box-shadow:0 2px 14px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){.site-header{transition:none}}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:10px;padding-bottom:10px;position:relative}
.icon{flex:none;vertical-align:middle}
.menu-btn{display:none;align-items:center;gap:8px;background:transparent;color:var(--ink);border:1px solid var(--control);border-radius:10px;padding:8px 12px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
.menu-btn:hover{border-color:var(--accent)}
.menu-ic{display:inline-flex}
.menu-ic-close{display:none}
.menu-open .menu-ic-open{display:none}.menu-open .menu-ic-close{display:inline-flex}
.menu-panel{display:flex;flex-direction:column;gap:12px;padding:12px 0 4px;width:100%}
.menu-search{display:flex;align-items:center;position:relative;width:100%}
.menu-search input{padding-right:2.6rem;border-radius:999px;min-height:44px}
.menu-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.menu-search-btn:hover{color:var(--accent)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.main-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500}
.main-nav a:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.main-nav a .icon{color:var(--muted)}
.main-nav a[aria-current],.cta[aria-current]{font-weight:700}
.main-nav a[aria-current]{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 3px 0 0 var(--accent)}
.main-nav a[aria-current] .icon{color:var(--accent)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}
.cta[aria-current]{outline:2px solid var(--accent);outline-offset:2px}

/* Mobil: utfällbar panel under sidhuvudet (utan JavaScript visas menyn öppen i flödet) */
@media (max-width:1059px){
  .bar{flex-wrap:wrap}
  .js .menu-btn{display:inline-flex}
  .js .menu-panel{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px 18px;max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 12px 24px rgba(0,0,0,.12)}
  .js .menu-open .menu-panel{display:flex}
}

/* Dator: allt på en rad */
@media (min-width:1060px){
  .menu-btn{display:none!important}
  .menu-panel{flex-direction:row;align-items:center;justify-content:flex-end;gap:14px;padding:0;width:auto;flex:1}
  .menu-search{order:3;width:210px;transition:width .2s}
  .menu-search:focus-within{width:270px}
  .menu-search input{min-height:40px;padding-top:6px;padding-bottom:6px;font-size:.92rem}
  .main-nav ul{flex-direction:row;gap:2px}
  .main-nav a{min-height:40px;padding:8px 12px;gap:7px;font-size:.95rem}
  .main-nav a .icon{display:none}
  .main-nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--accent);border-radius:8px 8px 0 0}
  .cta{order:2;min-height:40px;padding:8px 16px;font-size:.92rem}
  .cta .icon{width:16px;height:16px}
}
@media (min-width:1060px) and (max-width:1179px){.menu-search{display:none}}
@media (prefers-reduced-motion:reduce){.menu-search{transition:none}}
@media (forced-colors:active){.main-nav a[aria-current]{outline:2px solid CanvasText}}
/* Hopp till ankare utan att hamna under det klistrade sidhuvudet */
[id]{scroll-margin-top:84px}
/* Utan JavaScript visas menyn öppen: då ska rubriken inte vara klistrad (annars tar den halva skärmen) */
html:not(.js) .site-header{position:static}

/* --- Logotyp --- */
.logo{color:var(--accent);line-height:0}
.logo .logo-svg{display:block;height:34px;width:auto}
@media (max-width:879px){.logo .logo-svg{height:30px}}

/* --- Startsida enligt designförslag --- */
.wrap{max-width:1200px}
body{overflow-x:clip}
.logo .logo-svg{height:44px}
@media (max-width:879px){.logo .logo-svg{height:32px}}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 .6rem}
h2.eyebrow{margin:0 0 .25rem}

.home-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:30px 0 10px;position:relative}
.home-hero h1{font-size:clamp(2.1rem,6.4vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:.1em 0 .35em}
.home-hero .lead{max-width:54ch;font-size:1.1rem;margin:0}
.hero-search{display:flex;gap:10px;margin-top:22px;max-width:640px}
.hero-search-field{position:relative;flex:1;display:flex;align-items:center;min-width:0}
.hero-search-field .icon{position:absolute;left:16px;color:var(--muted);pointer-events:none}
.hero-search-field input{padding-left:46px;min-height:56px;border-radius:14px;box-shadow:0 6px 20px rgba(30,58,95,.08);font-size:1rem}
.hero-search .btn{min-height:56px;padding:0 28px;border-radius:14px;font-size:1rem}

/* Dekorativ form med tagline. Lägg en bild i assets/hero.webp så fylls formen med den. */
.hero-visual{position:relative;min-height:210px}
.hero-blob{position:absolute;inset:0;border-radius:26px;background:linear-gradient(135deg,#eef4fc 0%,#d3e2f6 45%,#a9c4e6 100%)}
.hero-blob.has-photo{background:var(--hero-photo) center/cover no-repeat}
.hero-tagline{position:absolute;left:8%;top:16%;margin:0;color:#12305a;font-family:"Segoe Script","Snell Roundhand","Apple Chancery","Brush Script MT","Lucida Handwriting",cursive;font-style:italic;font-size:1.55rem;line-height:1.35;transform:rotate(-7deg);text-shadow:0 1px 0 rgba(255,255,255,.5)}
.hero-tagline::after{content:"";display:block;height:2px;width:74%;margin-top:.55rem;background:currentColor;border-radius:2px;transform:rotate(-4deg);opacity:.8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-blob{background:linear-gradient(135deg,#1b2a42 0%,#24406a 50%,#35609d 100%)}:root:not([data-theme="light"]) .hero-tagline{color:#e3eefc;text-shadow:none}}
:root[data-theme="dark"] .hero-blob{background:linear-gradient(135deg,#1b2a42 0%,#24406a 50%,#35609d 100%)}:root[data-theme="dark"] .hero-tagline{color:#e3eefc;text-shadow:none}
@media (min-width:880px){
  .home-hero{grid-template-columns:minmax(0,600px) 1fr;min-height:360px}
  .hero-visual{position:static;min-height:0}
  .hero-blob{inset:auto;position:absolute;top:-4px;bottom:-6px;left:54%;right:calc(50% - 50vw);border-radius:0;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 420' preserveAspectRatio='none'%3E%3Cpath d='M150 0H700V340C610 372 520 336 430 388C340 440 280 346 240 256C200 166 120 136 62 96C22 66 46 18 150 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 420' preserveAspectRatio='none'%3E%3Cpath d='M150 0H700V340C610 372 520 336 430 388C340 440 280 346 240 256C200 166 120 136 62 96C22 66 46 18 150 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
  .hero-tagline{left:64%;top:42px;font-size:clamp(1.5rem,2.6vw,2.4rem)}
}

/* Genvägskort i fem pastellfärger */
.quick-tiles{list-style:none;padding:0;margin:28px 0 8px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.quick-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.quick-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
.qtile{--t:#1e5fb4;position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 16px 20px;border-radius:16px;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--t) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--t) 22%,var(--line));box-shadow:0 4px 14px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s}
.qtile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.09)}
.qtile .icon{color:var(--t);margin-bottom:8px}
.qtile strong{font-size:1.08rem;letter-spacing:-.01em;line-height:1.25}
.qtile>span:not(.qgo){color:var(--muted);font-size:.88rem;line-height:1.45;padding-right:30px}
.qgo{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--t) 28%,var(--line));display:inline-flex;align-items:center;justify-content:center;color:var(--t)}
.qtile:hover .qgo{background:var(--t);color:var(--surface)}
.t-blue{--t:#1e5fb4}.t-orange{--t:#b4560a}.t-green{--t:#2a7a55}.t-pink{--t:#c0364e}.t-violet{--t:#5a4db0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t-blue{--t:#7fb0ee}:root:not([data-theme="light"]) .t-orange{--t:#f0a35e}:root:not([data-theme="light"]) .t-green{--t:#6fcf9f}:root:not([data-theme="light"]) .t-pink{--t:#f08a9c}:root:not([data-theme="light"]) .t-violet{--t:#a79bf0}}
:root[data-theme="dark"] .t-blue{--t:#7fb0ee}:root[data-theme="dark"] .t-orange{--t:#f0a35e}:root[data-theme="dark"] .t-green{--t:#6fcf9f}:root[data-theme="dark"] .t-pink{--t:#f08a9c}:root[data-theme="dark"] .t-violet{--t:#a79bf0}
@media (prefers-reduced-motion:reduce){.qtile{transition:none}.qtile:hover{transform:none}}

/* Statistik */
.home-stats{margin-top:36px}
.stats-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap}
.stat-line{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
.stat-num{font-size:2.7rem;font-weight:800;letter-spacing:-.035em;color:var(--ink);margin-right:.15em}
.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid var(--control);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:500;background:var(--surface);min-height:44px}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.region-chips{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.region-chips a{display:inline-flex;align-items:center;gap:10px;padding:6px 7px 6px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:.92rem;min-height:40px}
.region-chips a:hover{border-color:var(--accent)}
.count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-weight:700;font-size:.85rem}

/* Vad är Uppror? */
.about-banner{display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap;margin:40px 0 8px;padding:22px 26px;border-radius:18px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));position:relative;overflow:hidden}
.about-banner::after{content:"";position:absolute;right:-70px;bottom:-110px;width:380px;height:240px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 18%,transparent),transparent);pointer-events:none}
.about-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-ink);flex:none;position:relative}
.about-text{flex:1;min-width:240px;position:relative}
.about-text h2{margin:0 0 .3em;font-size:1.25rem}
.about-text p{margin:0;color:var(--muted);max-width:72ch}
.about-banner .btn{display:inline-flex;align-items:center;gap:10px;position:relative;min-height:46px}
.home-hero h1{font-size:clamp(2.1rem,6.4vw,3.4rem)}
@media (min-width:880px){
  .home-hero{grid-template-columns:minmax(0,720px) 1fr}
  .hero-blob{left:60%}
  .hero-tagline{left:67%}
}
input::placeholder{text-overflow:ellipsis}
@media (max-width:879px){
  .hero-visual{min-height:124px}
  .hero-blob{border-radius:20px}
  .hero-tagline{font-size:1.2rem;left:7%;top:12%;line-height:1.3}
  .home-hero{gap:14px;padding-top:20px}
  .eyebrow{font-size:.72rem;letter-spacing:.12em}
}

/* --- Justeringar enligt prototyp (djupare marinblå, bredare layout, mörk sidfot) --- */
.wrap{max-width:1380px}
@media (min-width:760px){.wrap{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.btn:hover{background:#17467f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn:hover{background:var(--accent);opacity:.9}}
:root[data-theme="dark"] .btn:hover{background:var(--accent);opacity:.9}
.home-hero .lead{font-size:1.15rem;line-height:1.7;max-width:56ch}
.home-hero h1{line-height:1.1}
.eyebrow{color:#566e91}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .eyebrow{color:var(--muted)}}
:root[data-theme="dark"] .eyebrow{color:var(--muted)}
@media (min-width:880px){.home-hero{grid-template-columns:minmax(0,740px) 1fr}.hero-blob{left:58%}.hero-tagline{left:65%}}
.hero-tagline{font-family:"Segoe Script","Snell Roundhand","Apple Chancery","Brush Script MT",Georgia,serif}
.qtile{padding:24px 22px 26px;min-height:200px;border-radius:17px}
.qtile strong{font-size:1.22rem}
.qtile>span:not(.qgo){font-size:.92rem;color:#516988}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .qtile>span:not(.qgo){color:var(--muted)}}
:root[data-theme="dark"] .qtile>span:not(.qgo){color:var(--muted)}
.qgo{right:18px;bottom:18px;width:36px;height:36px}
.about-ic{background:#23579a;color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .about-ic{background:var(--accent);color:var(--accent-ink)}}
:root[data-theme="dark"] .about-ic{background:var(--accent);color:var(--accent-ink)}
.site-footer{background:#071b3d;color:#fff;border-top:0;padding:32px 0;text-align:center}
.site-footer .muted,.site-footer p{color:#b9c8de}
.site-footer strong{color:#fff}
.site-footer a{color:#dbe8fb}

/* --- Hero med färdig bild (assets/hero.webp, genomskinlig bakgrund) --- */
.hero-visual-img{min-height:0;margin:2px -16px 0}
.hero-img{display:block;width:100%;height:auto}
@media (min-width:760px){.hero-visual-img{margin-left:-24px;margin-right:-24px}}
@media (min-width:880px){
  .home-hero{grid-template-columns:minmax(0,min(740px,52vw)) 1fr;min-height:calc(min(46vw,780px) * 388 / 716)}
  .hero-visual-img{position:absolute;top:-4px;right:calc(50% - 50vw);width:min(46vw,780px);margin:0}
}

/* --- Ärendekort enligt design: piller, nålikon, pil och hel-kort-länk --- */
.pill{--p:#64748b;display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.4;white-space:nowrap;background:color-mix(in srgb,var(--p) 13%,var(--surface));color:color-mix(in srgb,var(--p) 55%,var(--ink))}
.pill.s-low,.pill.s-mid,.pill.s-high{border:1px solid color-mix(in srgb,var(--p) 45%,var(--surface))}
.s-high{--p:#c0392b}.s-mid{--p:#b7791f}.s-low{--p:#2f855a}
.c-amber{--p:#b7791f}.c-violet{--p:#7c4dbd}.c-rose{--p:#c2415a}.c-pink{--p:#c2368f}.c-orange{--p:#c2570c}.c-blue{--p:#2b6cb0}.c-indigo{--p:#4f46c8}.c-teal{--p:#0f7f78}.c-slate{--p:#64748b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-high{--p:#f08a80}:root:not([data-theme="light"]) .s-mid{--p:#f0b95e}:root:not([data-theme="light"]) .s-low{--p:#6fcf9f}:root:not([data-theme="light"]) .c-amber{--p:#f0b95e}:root:not([data-theme="light"]) .c-violet{--p:#b79cf0}:root:not([data-theme="light"]) .c-rose{--p:#f08ba0}:root:not([data-theme="light"]) .c-pink{--p:#f088cb}:root:not([data-theme="light"]) .c-orange{--p:#f2a066}:root:not([data-theme="light"]) .c-blue{--p:#7fb0ee}:root:not([data-theme="light"]) .c-indigo{--p:#a8a2f5}:root:not([data-theme="light"]) .c-teal{--p:#5fd0c8}:root:not([data-theme="light"]) .c-slate{--p:#9aa8bd}}
:root[data-theme="dark"] .s-high{--p:#f08a80}:root[data-theme="dark"] .s-mid{--p:#f0b95e}:root[data-theme="dark"] .s-low{--p:#6fcf9f}:root[data-theme="dark"] .c-amber{--p:#f0b95e}:root[data-theme="dark"] .c-violet{--p:#b79cf0}:root[data-theme="dark"] .c-rose{--p:#f08ba0}:root[data-theme="dark"] .c-pink{--p:#f088cb}:root[data-theme="dark"] .c-orange{--p:#f2a066}:root[data-theme="dark"] .c-blue{--p:#7fb0ee}:root[data-theme="dark"] .c-indigo{--p:#a8a2f5}:root[data-theme="dark"] .c-teal{--p:#5fd0c8}:root[data-theme="dark"] .c-slate{--p:#9aa8bd}
.case-card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 16px 58px;box-shadow:0 2px 10px rgba(7,27,61,.04);transition:box-shadow .15s,transform .15s}
.case-card:hover{box-shadow:0 10px 26px rgba(7,27,61,.10);transform:translateY(-2px)}
.case-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.case-date{margin-left:auto;font-size:.8rem;color:var(--muted);white-space:nowrap}
.case-card h3{margin:6px 0 0;font-size:1.1rem;line-height:1.3;letter-spacing:-.01em;font-weight:800;color:var(--ink)}
.case-link{color:inherit;text-decoration:none}
.case-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.case-card:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.case-link:focus-visible{outline:none}
.case-loc{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}
.case-loc .icon{margin-top:2px;color:var(--accent);opacity:.8}
.case-sum{margin:2px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.case-go{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);transition:background .15s,color .15s}
.case-card:hover .case-go{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (prefers-reduced-motion:reduce){.case-card,.case-go{transition:none}.case-card:hover{transform:none}}
@media (forced-colors:active){.pill{border:1px solid CanvasText}.case-card{border:1px solid CanvasText}}
.pill{font-size:.74rem;padding:3px 9px}
.case-card{padding:14px 14px 56px}
.case-top{gap:6px}
.case-date{font-size:.76rem}

/* --- Artikelsida (ärende) enligt design --- */
.article-page{max-width:1120px;margin:0 auto;padding-top:6px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;padding:0;margin:4px 0 22px;font-size:.86rem;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}
.crumbs li+li::before{content:"›";color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumb-back{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)!important}
.crumbs [aria-current]{color:var(--muted);overflow-wrap:anywhere}

.article-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.article-grid{grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}}
.article-main{min-width:0}
.case-top-lg .pill{font-size:.86rem;padding:5px 14px}
.article-main h1{font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:16px 0 14px}
.article-lead{font-size:1.15rem;line-height:1.65;color:var(--muted);max-width:68ch;margin:0 0 22px}
.meta-icons{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px 36px}
.meta-icons li{display:flex;align-items:center;gap:12px}
.meta-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;flex:none;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent)}
.meta-label{display:block;font-size:.82rem;color:var(--muted)}
.meta-icons strong{display:block;font-size:1.02rem}
.article-rule{border:0;border-top:1px solid var(--line);margin:26px 0 8px}
.article-body h2{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin:1em 0 .5em}
.article-body h3{font-size:1.15rem;margin:1.4em 0 .3em}
.article-body p{font-size:1.05rem;line-height:1.75;max-width:70ch;margin:.9em 0}
.dnr-box{display:flex;align-items:center;gap:16px;margin:26px 0 20px;padding:18px 20px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))}
.dnr-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--accent);flex:none;border:1px solid var(--line)}
.dnr-box p{margin:.15em 0 0;color:var(--muted);font-size:.95rem}
.article-source .btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;font-size:1.02rem}

.article-side{display:flex;flex-direction:column;gap:18px}
@media (min-width:960px){.article-side{position:sticky;top:92px}}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(7,27,61,.04)}
.side-card h2{font-size:1.02rem;font-weight:800;margin:0 0 14px;letter-spacing:-.01em}
.sev-card{--p:#64748b;display:flex;align-items:center;gap:16px;background:color-mix(in srgb,var(--p) 8%,var(--surface));border-color:color-mix(in srgb,var(--p) 24%,var(--line))}
.sev-card h2{margin:0 0 8px}
.sev-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--p);color:#fff;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sev-ic{color:#14171c}}
:root[data-theme="dark"] .sev-ic{color:#14171c}
.facts{margin:0;display:grid;gap:12px}
.facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:start;font-size:.92rem}
.facts dt{display:flex;align-items:center;gap:10px;color:var(--muted)}
.facts dt .icon{color:var(--accent)}
.facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.side-note{font-size:.8rem;color:var(--muted);margin:12px 0 0}
.topic-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.topic-chips a{display:inline-block;padding:6px 13px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));color:var(--ink);text-decoration:none;font-size:.86rem}
.topic-chips a:hover{border-color:var(--accent);color:var(--accent)}
.share-row{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px 8px}
.share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:4px;color:var(--ink);text-decoration:none;font:inherit;font-size:.82rem;text-align:center;cursor:pointer;width:100%}
.share-ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--surface));color:var(--accent);transition:background .15s,color .15s}
.share-glyph{font-weight:800;font-size:1.05rem;font-family:Georgia,serif}
.share-btn:hover .share-ic{background:var(--accent);color:var(--accent-ink)}
.article-related{margin-top:42px}
@media (prefers-reduced-motion:reduce){.share-ic{transition:none}}
.sev-card.s-high{--p:#c0392b}.sev-card.s-mid{--p:#b7791f}.sev-card.s-low{--p:#2f855a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sev-card.s-high{--p:#f08a80}:root:not([data-theme="light"]) .sev-card.s-mid{--p:#f0b95e}:root:not([data-theme="light"]) .sev-card.s-low{--p:#6fcf9f}}
:root[data-theme="dark"] .sev-card.s-high{--p:#f08a80}:root[data-theme="dark"] .sev-card.s-mid{--p:#f0b95e}:root[data-theme="dark"] .sev-card.s-low{--p:#6fcf9f}
.sev-card .pill{background:color-mix(in srgb,var(--p) 14%,var(--surface))}
@media (max-width:640px){.crumbs [aria-current]{display:none}.crumbs li:nth-last-child(2)::after{content:none}.crumbs li[aria-current]::before{content:none}}

/* --- Statistikpanel enligt design --- */
.home-stats{position:relative;overflow:hidden;margin-top:40px;padding:30px 34px 34px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px rgba(7,27,61,.05)}
.home-stats::before{content:"";position:absolute;top:0;right:0;width:54%;height:80%;pointer-events:none;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 3%,transparent));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' preserveAspectRatio='none'%3E%3Cpath d='M180 0H800V300C730 252 700 188 620 170C530 148 470 204 380 152C300 106 250 70 180 0Z'/%3E%3C/svg%3E") right top/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' preserveAspectRatio='none'%3E%3Cpath d='M180 0H800V300C730 252 700 188 620 170C530 148 470 204 380 152C300 106 250 70 180 0Z'/%3E%3C/svg%3E") right top/100% 100% no-repeat}
.home-stats>*{position:relative}
.home-stats .eyebrow{margin-bottom:.1rem}
.stat-line{margin:0;line-height:1.05;font-weight:800;letter-spacing:-.035em}
.stat-num{font-size:clamp(3.2rem,7vw,4.6rem);color:var(--ink);margin-right:.08em}
.stat-word{font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--ink)}
.stat-sub{margin:10px 0 0;font-size:1.05rem;color:var(--muted);max-width:60ch}
.stats-head{align-items:flex-start}
.btn-outline{padding:14px 26px;font-weight:700;font-size:1rem;color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--surface);min-height:52px}
.region-chips{margin-top:26px;gap:12px 12px}
.region-chips a{padding:7px 8px 7px 22px;min-height:48px;gap:14px;font-size:1rem;border-radius:999px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(7,27,61,.04);white-space:nowrap;transition:border-color .15s,background .15s,box-shadow .15s}
.region-chips a:hover,.region-chips a:focus-visible{border:2px solid var(--accent);padding:6px 7px 6px 21px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));box-shadow:0 6px 18px rgba(7,27,61,.08)}
.count{min-width:32px;height:32px;font-size:.92rem;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
@media (max-width:640px){.home-stats{padding:22px 18px 24px;border-radius:20px}.region-chips a{min-height:44px;font-size:.95rem;padding-left:16px}.region-chips a:hover{padding-left:15px}}
@media (prefers-reduced-motion:reduce){.region-chips a{transition:none}}
.home-stats::before{background:linear-gradient(120deg,rgba(59,130,214,.16),rgba(59,130,214,.04))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .home-stats::before{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 3%,transparent))}}
:root[data-theme="dark"] .home-stats::before{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 3%,transparent))}
.stat-sub{max-width:80ch}
@media (max-width:640px){.home-stats::before{height:230px;width:78%}}

/* --- Meny enligt design: svävande vitt fält, markerad flik, avdelare, sök med ikon till vänster --- */
.site-header{background:linear-gradient(to bottom,var(--bg) 62%,transparent);border-bottom:0;padding:10px 0 12px}
.site-header.scrolled{box-shadow:none}
.site-header .bar{width:min(1380px,calc(100% - 32px));background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:20px;box-shadow:0 8px 28px rgba(7,27,61,.08);padding:10px 18px}
.site-header.scrolled .bar{box-shadow:0 10px 32px rgba(7,27,61,.14)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-header .bar{box-shadow:0 8px 28px rgba(0,0,0,.45)}:root:not([data-theme="light"]) .site-header.scrolled .bar{box-shadow:0 10px 32px rgba(0,0,0,.6)}}
:root[data-theme="dark"] .site-header .bar{box-shadow:0 8px 28px rgba(0,0,0,.45)}:root[data-theme="dark"] .site-header.scrolled .bar{box-shadow:0 10px 32px rgba(0,0,0,.6)}
[id]{scroll-margin-top:96px}

.menu-search{position:relative}
.menu-search-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--muted);pointer-events:none}
.menu-search input{padding-left:46px;padding-right:48px;border-radius:999px;border-color:var(--control)}
.menu-search-btn{color:var(--accent)}

@media (max-width:1059px){
  .js .menu-panel{border:1px solid var(--line);border-radius:18px;margin-top:8px;box-shadow:0 16px 32px rgba(7,27,61,.14)}
  .site-header .bar{padding:8px 14px}
}
@media (min-width:1060px){
  .site-header .logo{padding-right:22px;margin-right:4px;border-right:1px solid var(--line)}
  .menu-panel{justify-content:flex-start;gap:12px}
  .main-nav{margin-right:auto}
  .main-nav ul{gap:4px}
  .main-nav a{font-weight:600;font-size:1rem;padding:9px 16px;border-radius:10px;gap:0}
  .main-nav a:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
  .main-nav a[aria-current]{font-weight:700;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 -3px 0 var(--accent);border-radius:10px}
  .cta{border-radius:12px;font-weight:700;padding:11px 20px}
  .menu-search{width:250px}
  .menu-search:focus-within{width:300px}
  .menu-search input{padding-right:16px}
  .menu-search-btn{display:none}
}

@media (min-width:1060px) and (max-width:1279px){.main-nav a{padding:9px 12px}.site-header .logo{padding-right:16px}.cta{padding:11px 16px}}

/* --- "Vad är Uppror?" enligt design: ljusblå panel, infoikon med ring, dubbel våg --- */
.about-banner{--ab:#eaf1fe;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:20px 34px;flex-wrap:wrap;margin:44px 0 10px;padding:28px 40px;border-radius:22px;background:var(--ab);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 30px rgba(7,27,61,.07)}
.about-banner::before,.about-banner::after{content:"";position:absolute;right:0;bottom:0;height:100%;pointer-events:none;z-index:-1;background:none;border-radius:0}
.about-banner::before{width:42%;background:rgba(120,160,235,.16);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C70 250 150 130 320 118C440 110 520 44 600 0V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C70 250 150 130 320 118C440 110 520 44 600 0V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat}
.about-banner::after{width:30%;height:78%;background:rgba(110,150,235,.2);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C90 250 200 214 290 200C410 182 520 120 600 60V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C90 250 200 214 290 200C410 182 520 120 600 60V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat}
.about-ic{width:92px;height:92px;border-radius:50%;background:rgba(150,190,245,.22);flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.about-i{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#23579a;color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.9rem;line-height:1}
.about-text{flex:1;min-width:260px}
.about-text h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .35em;color:var(--ink)}
.about-text p{font-size:1.1rem;line-height:1.65;color:#51668a;max-width:68ch}
.about-banner .btn{min-height:54px;padding:0 30px;border-radius:12px;font-weight:700;font-size:1.05rem;gap:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .about-banner{--ab:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root:not([data-theme="light"]) .about-banner::before{background:color-mix(in srgb,var(--accent) 10%,transparent)}:root:not([data-theme="light"]) .about-banner::after{background:color-mix(in srgb,var(--accent) 15%,transparent)}:root:not([data-theme="light"]) .about-ic{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root:not([data-theme="light"]) .about-i{background:var(--accent);color:var(--accent-ink)}:root:not([data-theme="light"]) .about-text p{color:var(--muted)}}
:root[data-theme="dark"] .about-banner{--ab:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root[data-theme="dark"] .about-banner::before{background:color-mix(in srgb,var(--accent) 10%,transparent)}:root[data-theme="dark"] .about-banner::after{background:color-mix(in srgb,var(--accent) 15%,transparent)}:root[data-theme="dark"] .about-ic{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root[data-theme="dark"] .about-i{background:var(--accent);color:var(--accent-ink)}:root[data-theme="dark"] .about-text p{color:var(--muted)}
@media (max-width:760px){
  .about-banner{padding:22px 20px;gap:16px}
  .about-ic{width:68px;height:68px}.about-i{width:42px;height:42px;font-size:1.5rem}
  .about-banner::before{width:80%;height:46%}.about-banner::after{width:60%;height:34%}
  .about-banner .btn{width:100%;justify-content:center}
}

/* --- Sidfot med logotyp och kolumner --- */
.site-footer{text-align:left;padding:44px 0 22px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px 40px}
.foot-logo{display:inline-block;color:#fff;width:150px;margin-bottom:14px}
.foot-logo svg{display:block;width:100%;height:auto}
.foot-tag{color:#fff!important;font-weight:600;margin:0 0 6px}
.foot-brand p{margin:0 0 8px;max-width:38ch;line-height:1.55}
.site-footer h2{font-size:1rem;color:#fff;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a{padding:5px 0;text-decoration:none}
.site-footer li a:hover{text-decoration:underline}
.foot-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.foot-bottom p{margin:0;font-size:.95rem}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}

/* --- Gemensamt sidhuvud och samma formspråk på alla undersidor --- */
.main-nav a{white-space:nowrap}
.page-head{position:relative;overflow:hidden;isolation:isolate;margin:22px 0 22px;padding:26px 32px;border-radius:22px;background:#eaf1fe;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 30px rgba(7,27,61,.07)}
.page-head::after{content:"";position:absolute;right:0;bottom:0;width:38%;height:100%;z-index:-1;pointer-events:none;background:rgba(110,150,235,.17);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C90 250 200 214 290 200C410 182 520 120 600 40V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300C90 250 200 214 290 200C410 182 520 120 600 40V300Z'/%3E%3C/svg%3E") right bottom/100% 100% no-repeat}
.page-head .eyebrow{color:#2d5e9e;margin:0 0 .5rem}
.page-head h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .3em}
.page-head .lead{margin:0 0 .4em;max-width:64ch;color:#3f5578;font-size:1.1rem}
.page-head .small{margin:0;color:#51668a;max-width:64ch}
.page-head-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px}
.page-head-row .btn{min-height:50px;padding:0 26px;border-radius:12px;font-weight:700}
.filters,.filters-lex{border-radius:18px;box-shadow:0 6px 22px rgba(7,27,61,.06)}
.card,.side-card,.case-card{border-radius:18px}
.card{box-shadow:0 4px 16px rgba(7,27,61,.05);padding:20px}
.chips a{padding:8px 16px;font-weight:600;color:var(--ink);box-shadow:0 2px 8px rgba(7,27,61,.04)}
.chips a:hover{border-color:var(--accent);color:var(--accent)}
.notice-inline{border-radius:14px;border-left-width:5px}
.prose.guide{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin:20px 0;box-shadow:0 4px 16px rgba(7,27,61,.05);max-width:none}
.prose.guide h2{font-weight:800;margin-top:0}
.empty{border-radius:18px;background:var(--surface)}
.form,.tpl>*{border-radius:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .page-head{background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root:not([data-theme="light"]) .page-head::after{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root:not([data-theme="light"]) .page-head .eyebrow{color:var(--accent)}:root:not([data-theme="light"]) .page-head .lead, :root:not([data-theme="light"]) .page-head .small{color:var(--muted)}:root:not([data-theme="light"]) .filters, :root:not([data-theme="light"]) .card, :root:not([data-theme="light"]) .prose.guide{box-shadow:none}}
:root[data-theme="dark"] .page-head{background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root[data-theme="dark"] .page-head::after{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root[data-theme="dark"] .page-head .eyebrow{color:var(--accent)}:root[data-theme="dark"] .page-head .lead, :root[data-theme="dark"] .page-head .small{color:var(--muted)}:root[data-theme="dark"] .filters, :root[data-theme="dark"] .card, :root[data-theme="dark"] .prose.guide{box-shadow:none}
@media (max-width:760px){.page-head{padding:20px 18px;border-radius:18px}.page-head::after{width:70%;height:50%}.prose.guide{padding:18px}.page-head-row .btn{width:100%;text-align:center}}
.cta{white-space:nowrap}
.page-head-row .btn{display:inline-flex;align-items:center;justify-content:center}

/* --- Lagar som flikar (grundläget utan JS: allt synligt) --- */
.law-tabs .tablist{display:none}
.law-tabs.is-tabs .tablist{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:14px 0 4px;scrollbar-width:thin}
.law-tabs [role=tab]{flex:none;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.law-tabs [role=tab]:hover{border-color:var(--accent);color:var(--accent)}
.law-tabs [role=tab][aria-selected=true]{background:#092958;border-color:#092958;color:#fff}
.law-tabs.is-tabs .law{margin-top:6px;padding:24px 28px;border-radius:18px;box-shadow:0 4px 16px rgba(7,27,61,.05)}
.law[hidden]{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .law-tabs [role=tab][aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}:root:not([data-theme="light"]) .law-tabs.is-tabs .law{box-shadow:none}}
:root[data-theme="dark"] .law-tabs [role=tab][aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}:root[data-theme="dark"] .law-tabs.is-tabs .law{box-shadow:none}
@media (max-width:760px){.law-tabs.is-tabs .law{padding:18px}}
.law-tabs{scroll-margin-top:110px}

/* --- Sök och filter enligt design --- */
.filters-lex{position:relative;overflow:hidden;isolation:isolate;padding:0;border:0;background:linear-gradient(180deg,#e4eefd,#eef4fe);border-radius:22px;box-shadow:0 8px 30px rgba(7,27,61,.07)}
.filters-lex::after{content:"";position:absolute;right:0;top:0;width:34%;height:60%;z-index:-1;background:rgba(120,165,240,.2);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200C90 90 210 40 330 52C440 62 520 20 600 0V200Z'/%3E%3C/svg%3E") right top/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200C90 90 210 40 330 52C440 62 520 20 600 0V200Z'/%3E%3C/svg%3E") right top/100% 100% no-repeat}
.filters-lex .searchrow{padding:22px 24px 20px;margin:0;gap:14px}
.searchfield{flex:1;min-width:0;position:relative;display:block}
.searchfield .icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.searchfield input{width:100%;min-height:56px;padding-left:52px;border-radius:999px;font-size:1.05rem;background:#fff;border-color:#a9c2ea}
.filters-lex .searchrow .btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 30px;border-radius:14px;font-weight:700;font-size:1.05rem}
.filters-lex .filterbox{background:var(--surface);border-radius:20px 20px 22px 22px;padding:8px 24px 22px}
.filters-lex .filterbox summary{display:flex;align-items:center;gap:14px;padding:16px 0;margin-bottom:6px;border-bottom:1px solid var(--line);font-size:1.1rem;font-weight:700;color:var(--ink)}
.filters-lex .filterbox summary::before{content:none}
.filters-lex .filterbox summary .icon{color:#092958}
.filters-lex .filterbox summary .chev{margin-left:auto;display:inline-flex;transition:transform .2s}
.filters-lex .filterbox:not([open]) summary .chev{transform:rotate(180deg)}
.filters-lex .filtergrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;align-items:end;padding-top:14px}
.filters-lex .field{margin:0}
.filters-lex .field label{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:8px;color:#0d2a5c}
.filters-lex .field label .icon{color:#092958;flex:none}
.filters-lex select,.filters-lex input[type=date]{min-height:50px;border-radius:12px;border-color:#b7c9e6}
.filters-lex .actions{display:flex;gap:12px;align-items:flex-end}
.filters-lex .actions .btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:12px;font-weight:700}
.btn-soft{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:12px;background:#e8f0fd;color:#092958;font-weight:700;text-decoration:none;border:1px solid #d3e1f8}
.btn-soft:hover{background:#dbe8fc}
.hits{margin:22px 4px 10px;font-size:1.2rem;color:var(--muted)}
.hits strong{font-size:2rem;font-weight:800;color:var(--ink);margin-right:6px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .filters-lex{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root:not([data-theme="light"]) .filters-lex::after{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root:not([data-theme="light"]) .searchfield input{background:var(--surface);border-color:var(--control)}:root:not([data-theme="light"]) .filters-lex .filterbox summary .icon, :root:not([data-theme="light"]) .filters-lex .field label .icon{color:var(--accent)}:root:not([data-theme="light"]) .filters-lex .field label{color:var(--ink)}:root:not([data-theme="light"]) .filters-lex select, :root:not([data-theme="light"]) .filters-lex input[type=date]{border-color:var(--control)}:root:not([data-theme="light"]) .btn-soft{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--ink);border-color:var(--line)}}
:root[data-theme="dark"] .filters-lex{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 8px 30px rgba(0,0,0,.35)}:root[data-theme="dark"] .filters-lex::after{background:color-mix(in srgb,var(--accent) 14%,transparent)}:root[data-theme="dark"] .searchfield input{background:var(--surface);border-color:var(--control)}:root[data-theme="dark"] .filters-lex .filterbox summary .icon, :root[data-theme="dark"] .filters-lex .field label .icon{color:var(--accent)}:root[data-theme="dark"] .filters-lex .field label{color:var(--ink)}:root[data-theme="dark"] .filters-lex select, :root[data-theme="dark"] .filters-lex input[type=date]{border-color:var(--control)}:root[data-theme="dark"] .btn-soft{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--ink);border-color:var(--line)}
@media (max-width:760px){
  .filters-lex .searchrow{padding:16px 14px 14px;gap:10px}
  .filters-lex .searchrow .btn{padding:0 18px}
  .filters-lex .filterbox{padding:4px 14px 16px}
  .filters-lex .filtergrid{grid-template-columns:1fr 1fr}
  .filters-lex .filtergrid .field:nth-child(-n+3){grid-column:1/-1}
  .filters-lex .actions{grid-column:1/-1}.filters-lex .actions>*{flex:1;justify-content:center}
}
@media (min-width:1100px){.filters-lex .filtergrid{grid-template-columns:repeat(6,minmax(0,1fr)) auto}.filters-lex .actions .btn,.filters-lex .actions .btn-soft{padding:0 18px}}

:root{color-scheme:light dark}:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}

/* --- Knapp för mörkt läge --- */
.bar-tools{display:flex;align-items:center;gap:8px}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--control);background:transparent;color:var(--ink);cursor:pointer;flex:none}
.theme-btn:hover{border-color:var(--accent);color:var(--accent)}
.theme-btn.in-panel{display:none}
.theme-sun{display:none}
:root[data-theme="dark"] .theme-moon{display:none}:root[data-theme="dark"] .theme-sun{display:inline-flex}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-moon{display:none}:root:not([data-theme="light"]) .theme-sun{display:inline-flex}}
@media (min-width:1060px){.theme-btn.in-bar{display:none}.theme-btn.in-panel{display:inline-flex}}

/* --- Nyheter och tomma lägen --- */
.news-article{max-width:760px;margin:0 auto}
.news-article h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em}
.news-body{font-size:1.08rem;line-height:1.75}
.news-body h2{margin-top:1.8em}.news-body ul{padding-left:1.3rem}
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:44px 24px;margin:12px 0;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 6px 22px rgba(7,27,61,.05)}
.empty-state h2{margin:.4em 0 0;font-size:1.3rem}.empty-state p{margin:0 0 .6em;max-width:52ch;color:var(--muted)}
.empty-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.empty-state .btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border-radius:12px;font-weight:700}

/* Plats för sju flikar + mörkt läge-knapp i menyraden */
@media (min-width:1060px) and (max-width:1599px){.menu-search{display:none}}
@media (min-width:1600px){.menu-search{width:200px;flex:none}.menu-search input{min-width:0}}
@media (min-width:1060px) and (max-width:1279px){.main-nav a{padding:9px 9px;font-size:.95rem}.cta span{display:none}.cta{padding:11px 13px}}

/* --- Filterrad för Historier och Omdömen --- */
.filter-bar{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:flex-end;padding:20px 24px;background:linear-gradient(180deg,#e4eefd,#eef4fe);border-radius:22px;box-shadow:0 8px 30px rgba(7,27,61,.07)}
.filter-bar .field{margin:0;flex:1 1 200px;min-width:0}
.filter-bar .field.grow{flex:3 1 280px}
.filter-bar .field label{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:8px;color:#0d2a5c}
.filter-bar .field label .icon{color:#092958;flex:none}
.filter-bar select,.filter-bar input[type=search]{width:100%;min-height:50px;border-radius:12px;border-color:#b7c9e6;background:#fff}
.filter-bar .actions{display:flex;gap:12px}
.filter-bar .actions .btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:12px;font-weight:700}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .filter-bar{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 8px 30px rgba(0,0,0,.35)}
  :root:not([data-theme="light"]) .filter-bar .field label{color:var(--ink)}
  :root:not([data-theme="light"]) .filter-bar .field label .icon{color:var(--accent)}
  :root:not([data-theme="light"]) .filter-bar select,:root:not([data-theme="light"]) .filter-bar input[type=search]{background:var(--surface);border-color:var(--control)}
}
:root[data-theme="dark"] .filter-bar{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 8px 30px rgba(0,0,0,.35)}
:root[data-theme="dark"] .filter-bar .field label{color:var(--ink)}
:root[data-theme="dark"] .filter-bar .field label .icon{color:var(--accent)}
:root[data-theme="dark"] .filter-bar select,:root[data-theme="dark"] .filter-bar input[type=search]{background:var(--surface);border-color:var(--control)}
@media (max-width:760px){.filter-bar{padding:16px 14px}.filter-bar .actions{width:100%}.filter-bar .actions>*{flex:1;justify-content:center}}
.form-card,.tpl form.form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 4px 16px rgba(7,27,61,.05)}
.form-card{max-width:760px}
.case-go{pointer-events:none}
/* Pilen i snabbvalsrutorna ärver färg (".qtile .icon" gav den rutans färg även vid hover) */
.qtile .qgo .icon{color:inherit;margin:0}
.qtile:hover .qgo,.qtile:focus-within .qgo{background:var(--t);border-color:var(--t);color:#fff}
:root[data-theme="dark"] .qtile:hover .qgo{color:#0f1722}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .qtile:hover .qgo{color:#0f1722}}

/* ===== Administration (samma formspråk som sajten) ===== */
.admin-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#092958;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-right:auto}
:root[data-theme="dark"] .admin-badge{background:var(--accent);color:var(--accent-ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .admin-badge{background:var(--accent);color:var(--accent-ink)}}
.admin-site-link,.admin-logout .btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.admin-logout{margin:0}
.admin-footer{padding:20px 0}.admin-footer p{margin:0;text-align:center}
.admin-login{max-width:560px;margin:0 auto}
.admin-stats{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.admin-stat{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:18px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 16px rgba(7,27,61,.05);color:var(--ink);text-decoration:none}
.admin-stat:hover{border-color:var(--accent);transform:translateY(-2px)}
.admin-stat-ic{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent)}
.admin-stat-num{font-size:1.9rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.admin-stat-label{color:var(--muted);font-size:.9rem;line-height:1.3}
.admin-stat.needs{border-color:#d9a05b;background:color-mix(in srgb,#f0b95e 10%,var(--surface))}
.admin-cols{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;margin-bottom:18px}
.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:0 0 18px;box-shadow:0 4px 16px rgba(7,27,61,.05)}
.admin-card h2{margin-top:0;font-size:1.2rem}
.admin-card h3{margin:.4em 0}
.admin-list{list-style:none;margin:10px 0 16px;padding:0}
.admin-list li{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.admin-list li:last-child{border-bottom:0}
.admin-bars{list-style:none;margin:8px 0 0;padding:0;max-height:420px;overflow:auto}
.admin-bars a{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;padding:5px 0;color:var(--ink);text-decoration:none}
.admin-bars a:hover .bar-name{text-decoration:underline}
.bar-track{height:10px;border-radius:99px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));overflow:hidden}
.bar-track span{display:block;height:100%;border-radius:99px;background:var(--accent)}
.bar-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.admin-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 16px rgba(7,27,61,.05);margin-bottom:18px}
.admin-table{width:100%;border-collapse:collapse;min-width:640px}
.admin-table th{text-align:left;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.admin-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.admin-table tr:last-child td{border-bottom:0}
.admin-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.admin-table .num{text-align:right;font-variant-numeric:tabular-nums}
.admin-table a{color:var(--ink)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--accent)}
.icon-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.row-actions form{margin:0}
.small-btn{min-height:40px!important;padding:0 16px!important;font-size:.92rem}
.btn-soft{cursor:pointer;font:inherit;font-weight:700;gap:8px}
.btn-soft.danger{color:#b3261e;border-color:#f0c4bf;background:#fdf0ee}
.btn-soft.danger:hover{background:#fae0dc}
:root[data-theme="dark"] .btn-soft.danger{color:#f4a39b;border-color:#5a2d29;background:#2a1816}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-soft.danger{color:#f4a39b;border-color:#5a2d29;background:#2a1816}}
.admin-danger{margin:26px 0 0}
.admin-tabs{margin:0 0 12px}
.admin-tabs a[aria-current]{background:#092958;color:#fff;border-color:#092958}
:root[data-theme="dark"] .admin-tabs a[aria-current]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .admin-tabs a[aria-current]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}}
.admin-tabs a .count{margin-left:6px;min-width:24px;height:24px;font-size:.8rem}
.admin-tabs.sub a{font-weight:500;padding:6px 14px}
.review-item .btns{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.review-item .btn,.review-item .btn-soft{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:12px}
.review-text{white-space:normal;max-width:78ch;overflow-wrap:anywhere}
.filter-bar.bare{background:none;box-shadow:none;padding:0;margin-top:8px}
.news-form textarea{font-family:inherit}
.admin-card details{margin-top:10px}
@media (max-width:760px){.admin-bars a{grid-template-columns:110px 1fr 36px}.admin-card{padding:18px}.admin-cols{grid-template-columns:1fr}}

/* ===== Tillägg: prenumeration, rapportera, sök, statistik, notiser ===== */
.foot-sub{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.foot-sub h2{font-size:1rem;margin:0 0 6px}
.foot-sub .small{margin:0 0 10px;color:#b9c8de}
.foot-sub-row{display:flex;gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.foot-sub-row input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:12px 14px;font:inherit;min-height:46px}
.foot-sub-row input::placeholder{color:#9fb3d1}
.foot-sub-btn{flex:none;width:48px;border:0;background:#4a90e2;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.foot-sub-btn:hover{background:#6aa6ec}
.foot-sub-row:focus-within{outline:3px solid #9cc4f5;outline-offset:2px}
.foot-sub-row input:focus{outline:none}
.report-box{margin:18px 0;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.report-box summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--muted)}
.report-box .form{margin-top:12px;max-width:560px}
.case-rating{margin:0;font-weight:700}
.case-rating span[aria-hidden]{color:#d99a1f}
.list-tools{margin:12px 4px 0;font-size:.95rem}
.skane-note{display:flex;gap:10px;align-items:flex-start;margin:14px 0}
.skane-note .icon{flex:none;margin-top:3px}
.skane-line{font-style:italic}
.bar-row{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;padding:5px 0}
.admin-bars .bar-name{overflow-wrap:anywhere}
@media (max-width:760px){.bar-row{grid-template-columns:110px 1fr 36px}}
.admin-badge+.bar-tools{margin-left:auto}
@media (max-width:480px){.admin-badge{display:none}.admin-stats{grid-template-columns:1fr 1fr;gap:10px}.admin-stat{grid-template-columns:1fr;padding:14px;gap:4px}.admin-stat-ic{grid-row:auto;width:40px;height:40px}.admin-stat-num{font-size:1.6rem}}
.admin-table-wrap{position:relative}

@media (min-width:1060px) and (max-width:1599px){
  .admin-site-link .lbl,.admin-logout .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .admin-site-link,.admin-logout .btn{padding:0;width:44px;height:44px;justify-content:center}
}

/* Cookie-information */
.cookie-info{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;border-radius:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 40px rgba(7,27,61,.22)}
.cookie-info[hidden]{display:none}
.cookie-info p{margin:0;flex:1 1 320px;font-size:.95rem;line-height:1.5}
.cookie-info .btn{min-height:44px;padding:0 22px;border-radius:12px;font-weight:700;white-space:nowrap}
@media (max-width:520px){.cookie-info{left:10px;right:10px;bottom:10px;padding:14px}.cookie-info .btn{width:100%}}

.foot-sub-msg{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:12px 14px;border-radius:12px;font-size:.95rem;line-height:1.5;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.foot-sub-msg .icon{flex:none;margin-top:2px}
.foot-sub-msg.ok{background:rgba(111,207,159,.18);border-color:rgba(111,207,159,.6)}
.foot-sub-msg.err{background:rgba(240,138,128,.18);border-color:rgba(240,138,128,.6)}
.foot-sub-msg:focus{outline:3px solid #9cc4f5;outline-offset:2px}

/* Inloggning: luft mellan blå panel, felmeddelande och formulär */
.admin-login{padding:24px 0 40px}
.admin-login .page-head{margin:0 0 32px}
.admin-login .err,.admin-login .ok{margin:0 0 24px}
.admin-login .form-card{margin:0;padding:28px}
.admin-login .form-card .btn{margin-top:8px}
@media (max-width:760px){.admin-login{padding:12px 0 32px}.admin-login .page-head{margin-bottom:24px}.admin-login .form-card{padding:22px 18px}}