/* kanjagköpahus.se – delat tema
   Riktning: "Lugnt verktyg". Inga ramar – ytor skiljs av höjd och ton.
   En accentfärg (grön), en varningsfärg (ockra), gråskala med svag grön dragning.
   Ljust läge i :root, mörkt läge speglar samma roller. */

:root{
  /* ytor */
  --paper:#F4F6F5;          /* sidans botten */
  --paper-2:#FFFFFF;        /* kort och paneler */
  --fill:#EDF1EF;           /* nedsänkta ytor: fält, staplar */
  /* text */
  --ink:#131A18;
  --ink-soft:#616E6A;
  --line:#E2E7E5;           /* används sparsamt, bara i tabeller och listrader */
  /* accent */
  --green:#0F6B57;
  --green-dk:#0A5343;
  --green-soft:#DCEDE7;
  --on-accent:#FFFFFF;
  /* status */
  --terra:#8A5A10;
  --terra-soft:#F6EBD8;
  --gold:#7A6212;
  --gold-soft:#F3ECD4;
  --red:#A8342B;
  --red-soft:#F7E4E1;
  /* form */
  /* bakgrundsmönstret – egna färger, inte accentfärgerna */
  --bg-amp:1;               /* rörelsens utslag, skruvas upp på smal skärm */
  --bg-c1:#0F6B57;          /* grönt, främre lagret */
  --bg-c2:#B08A2E;          /* varm sand, främre lagret */
  --bg-c3:#8FB9AC;          /* svalt grönt dis, bortre lagret */
  --shadow:0 1px 1px rgba(19,26,24,.04), 0 10px 30px -18px rgba(19,26,24,.35);
  --shadow-lg:0 2px 3px rgba(19,26,24,.05), 0 18px 44px -22px rgba(19,26,24,.45);
  --bg-opacity-far:.34;
  --bg-opacity-near:.5;
  --radius:18px;
  --radius-sm:12px;
  --display:"Bricolage Grotesque","Manrope",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0E1312;
    --paper-2:#161D1B;
    --fill:#1D2624;
    --ink:#E9EFEC;
    --ink-soft:#94A29D;
    --line:#26302E;
    --green:#57C7A6;
    --green-dk:#7FDCC0;
    --green-soft:#123128;
    --on-accent:#07100D;
    --terra:#E0B267;
    --terra-soft:#2C2416;
    --gold:#D9BC6A;
    --gold-soft:#2A2412;
    --red:#EE8B7E;
    --red-soft:#2E1B18;
    --bg-opacity-far:.32;
    --bg-opacity-near:.55;
    --bg-c1:#24A382;          /* mättad grön som lyser mot nästan svart */
    --bg-c2:#2F7E9E;          /* kall teal i stället för brun ockra */
    --bg-c3:#17635A;          /* djup grönblå dager uppe */
    --shadow:0 1px 1px rgba(0,0,0,.4), 0 14px 34px -20px rgba(0,0,0,.85);
    --shadow-lg:0 2px 4px rgba(0,0,0,.45), 0 22px 50px -24px rgba(0,0,0,.9);
  }
}
:root[data-theme="dark"]{
  --paper:#0E1312;
  --paper-2:#161D1B;
  --fill:#1D2624;
  --ink:#E9EFEC;
  --ink-soft:#94A29D;
  --line:#26302E;
  --green:#57C7A6;
  --green-dk:#7FDCC0;
  --green-soft:#123128;
  --on-accent:#07100D;
  --terra:#E0B267;
  --terra-soft:#2C2416;
  --gold:#D9BC6A;
  --gold-soft:#2A2412;
  --red:#EE8B7E;
  --red-soft:#2E1B18;
  --bg-opacity-far:.32;
  --bg-opacity-near:.55;
  --bg-c1:#24A382;          /* mättad grön som lyser mot nästan svart */
  --bg-c2:#2F7E9E;          /* kall teal i stället för brun ockra */
  --bg-c3:#17635A;          /* djup grönblå dager uppe */
  --shadow:0 1px 1px rgba(0,0,0,.4), 0 14px 34px -20px rgba(0,0,0,.85);
  --shadow-lg:0 2px 4px rgba(0,0,0,.45), 0 22px 50px -24px rgba(0,0,0,.9);
}

*{box-sizing:border-box}
/* Bakgrunden sätts på html så att body-bakgrunden inte propageras till canvas –
   annars hamnar mönsterlagret (body::before, z-index -1) bakom den och syns aldrig. */
html{-webkit-text-size-adjust:100%;background:var(--paper)}

/* Bakgrund: ett rutnät av cirklar i perspektiv. Två lager ger skärpedjup –
   det bortre är litet och nästan skarpt, det främre är stort och kraftigt suddat.
   Geometrin kommer från maskerna, färgen från tokens. */
body::before,body::after{
  content:"";
  position:fixed;
  inset:-30%;              /* tilltaget så driften aldrig blottar en kant */
  z-index:-1;
  pointer-events:none;
  /* cover behåller cirklarnas proportioner; 100% 100% plattade ut dem
     till ellipser på smala skärmar, och då syntes ingen rörelse. */
  -webkit-mask-size:cover;
  mask-size:cover;
  -webkit-mask-position:center bottom;
  mask-position:center bottom;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  will-change:transform;
}
/* bortre lagret */
body::before{
  background:
    radial-gradient(80% 70% at 50% 8%, var(--bg-c3) 0%, transparent 78%),
    radial-gradient(70% 60% at 12% 70%, var(--bg-c1) 0%, transparent 72%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 900%22 preserveAspectRatio=%22none%22%3E%3Cfilter id=%22b%22 x=%22-40%25%22 y=%22-40%25%22 width=%22180%25%22 height=%22180%25%22 color-interpolation-filters=%22sRGB%22%3E%3CfeGaussianBlur stdDeviation=%227%22/%3E%3C/filter%3E%3Cg fill=%22%23fff%22 filter=%22url(%23b)%22%3E%3Ccircle cx=%22-22%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%2222%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%2265%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22108%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22150%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22192%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22233%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22274%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22314%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22355%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22397%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22439%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22481%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22524%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22568%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22611%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22654%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22697%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22739%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22780%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22821%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22862%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22903%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22944%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22985%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221027%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221070%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221113%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221157%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221200%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%2243%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%2284%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22126%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22169%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22212%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22255%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22300%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22344%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22388%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22432%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22475%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22518%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22560%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22601%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22643%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22684%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22727%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22769%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22813%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22857%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22901%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22946%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22990%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221033%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221076%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221118%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221159%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221201%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22-25%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%2221%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%2267%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22114%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22160%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22206%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22251%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22295%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22339%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22383%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22426%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22471%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22516%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22561%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22607%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22654%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22701%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22747%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22792%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22837%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22881%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22925%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22969%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221012%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221057%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221102%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221148%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221194%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%223%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%2251%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%2298%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22145%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22193%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22241%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22289%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22339%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22390%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22440%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22490%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22540%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22588%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22636%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22683%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22730%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22778%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22826%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22875%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22925%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22975%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221026%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221076%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221125%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221174%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221221%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22-30%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%2223%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%2278%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22134%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22190%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22246%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22301%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22355%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22407%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22459%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22511%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22564%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22618%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22673%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22730%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22786%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22841%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22896%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22949%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221001%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221053%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221105%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221158%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221213%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%223%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%2265%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22125%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22184%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22242%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22301%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22362%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22424%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22488%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22552%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22614%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22675%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22734%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22792%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22851%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22911%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22973%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221036%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221100%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221163%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221224%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22-35%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%2231%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22100%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22171%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22244%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22317%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22388%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22457%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22523%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22589%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22657%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22728%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22801%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22874%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22946%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221015%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221082%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221148%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221215%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%220%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%2285%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22166%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22243%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22319%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22396%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22477%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22561%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22646%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22728%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22805%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22881%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22958%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221038%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221123%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221207%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22-41%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%2246%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22133%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22226%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22325%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22423%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22515%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22603%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22690%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22782%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22879%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22978%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%221072%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%221160%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22-6%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22109%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22221%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22324%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22423%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22528%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22641%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22756%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22861%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22960%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%221062%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%221173%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22-54%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%2266%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22179%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22301%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22434%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22563%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22679%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22793%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22920%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%221054%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%221178%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3C/g%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 900%22 preserveAspectRatio=%22none%22%3E%3Cfilter id=%22b%22 x=%22-40%25%22 y=%22-40%25%22 width=%22180%25%22 height=%22180%25%22 color-interpolation-filters=%22sRGB%22%3E%3CfeGaussianBlur stdDeviation=%227%22/%3E%3C/filter%3E%3Cg fill=%22%23fff%22 filter=%22url(%23b)%22%3E%3Ccircle cx=%22-22%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%2222%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%2265%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22108%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22150%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22192%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22233%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22274%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22314%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22355%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22397%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22439%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22481%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22524%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22568%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22611%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22654%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22697%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22739%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22780%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22821%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22862%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22903%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22944%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%22985%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221027%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221070%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221113%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221157%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221200%22 cy=%2220%22 r=%223%22 opacity=%220.29%22/%3E%3Ccircle cx=%221%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%2243%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%2284%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22126%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22169%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22212%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22255%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22300%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22344%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22388%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22432%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22475%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22518%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22560%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22601%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22643%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22684%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22727%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22769%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22813%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22857%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22901%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22946%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22990%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221033%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221076%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221118%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221159%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%221201%22 cy=%2223%22 r=%223%22 opacity=%220.34%22/%3E%3Ccircle cx=%22-25%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%2221%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%2267%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22114%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22160%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22206%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22251%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22295%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22339%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22383%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22426%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22471%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22516%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22561%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22607%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22654%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22701%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22747%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22792%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22837%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22881%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22925%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%22969%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221012%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221057%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221102%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221148%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%221194%22 cy=%2229%22 r=%223%22 opacity=%220.38%22/%3E%3Ccircle cx=%223%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%2251%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%2298%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22145%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22193%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22241%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22289%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22339%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22390%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22440%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22490%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22540%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22588%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22636%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22683%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22730%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22778%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22826%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22875%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22925%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22975%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221026%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221076%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221125%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221174%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%221221%22 cy=%2239%22 r=%224%22 opacity=%220.42%22/%3E%3Ccircle cx=%22-30%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%2223%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%2278%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22134%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22190%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22246%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22301%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22355%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22407%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22459%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22511%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22564%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22618%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22673%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22730%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22786%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22841%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22896%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%22949%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221001%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221053%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221105%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221158%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%221213%22 cy=%2253%22 r=%224%22 opacity=%220.46%22/%3E%3Ccircle cx=%223%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%2265%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22125%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22184%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22242%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22301%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22362%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22424%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22488%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22552%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22614%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22675%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22734%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22792%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22851%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22911%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22973%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221036%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221100%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221163%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%221224%22 cy=%2271%22 r=%225%22 opacity=%220.50%22/%3E%3Ccircle cx=%22-35%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%2231%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22100%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22171%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22244%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22317%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22388%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22457%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22523%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22589%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22657%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22728%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22801%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22874%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%22946%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221015%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221082%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221148%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%221215%22 cy=%2294%22 r=%226%22 opacity=%220.54%22/%3E%3Ccircle cx=%220%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%2285%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22166%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22243%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22319%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22396%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22477%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22561%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22646%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22728%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22805%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22881%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22958%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221038%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221123%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%221207%22 cy=%22120%22 r=%227%22 opacity=%220.59%22/%3E%3Ccircle cx=%22-41%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%2246%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22133%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22226%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22325%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22423%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22515%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22603%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22690%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22782%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22879%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22978%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%221072%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%221160%22 cy=%22151%22 r=%229%22 opacity=%220.63%22/%3E%3Ccircle cx=%22-6%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22109%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22221%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22324%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22423%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22528%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22641%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22756%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22861%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22960%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%221062%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%221173%22 cy=%22186%22 r=%2211%22 opacity=%220.67%22/%3E%3Ccircle cx=%22-54%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%2266%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22179%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22301%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22434%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22563%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22679%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22793%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%22920%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%221054%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3Ccircle cx=%221178%22 cy=%22225%22 r=%2213%22 opacity=%220.71%22/%3E%3C/g%3E%3C/svg%3E");
  opacity:var(--bg-opacity-far);
  animation:drift-far 74s ease-in-out infinite alternate,
             breathe-far 31s ease-in-out infinite;
}
/* främre lagret */
body::after{
  background:
    radial-gradient(70% 60% at 20% 105%, var(--bg-c1) 0%, transparent 72%),
    radial-gradient(65% 60% at 92% 88%, var(--bg-c2) 0%, transparent 74%);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 900%22 preserveAspectRatio=%22none%22%3E%3Cfilter id=%22b%22 x=%22-40%25%22 y=%22-40%25%22 width=%22180%25%22 height=%22180%25%22 color-interpolation-filters=%22sRGB%22%3E%3CfeGaussianBlur stdDeviation=%2224%22/%3E%3C/filter%3E%3Cg fill=%22%23fff%22 filter=%22url(%23b)%22%3E%3Ccircle cx=%22-74%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%2274%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22211%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22334%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22467%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22614%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22755%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22879%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%221008%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%221154%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%225%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22150%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22320%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22492%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22638%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22792%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22970%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%221130%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22-107%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%2296%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22293%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22459%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22660%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22859%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%221024%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%221225%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%2215%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22206%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22445%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22664%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22865%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%221113%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22-127%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22121%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22393%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22620%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22907%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%221126%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%2216%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22275%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22602%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22857%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%221187%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3C/g%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 900%22 preserveAspectRatio=%22none%22%3E%3Cfilter id=%22b%22 x=%22-40%25%22 y=%22-40%25%22 width=%22180%25%22 height=%22180%25%22 color-interpolation-filters=%22sRGB%22%3E%3CfeGaussianBlur stdDeviation=%2224%22/%3E%3C/filter%3E%3Cg fill=%22%23fff%22 filter=%22url(%23b)%22%3E%3Ccircle cx=%22-74%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%2274%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22211%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22334%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22467%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22614%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22755%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%22879%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%221008%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%221154%22 cy=%22326%22 r=%2231%22 opacity=%220.74%22/%3E%3Ccircle cx=%225%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22150%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22320%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22492%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22638%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22792%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22970%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%221130%22 cy=%22402%22 r=%2239%22 opacity=%220.79%22/%3E%3Ccircle cx=%22-107%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%2296%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22293%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22459%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22660%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%22859%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%221024%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%221225%22 cy=%22488%22 r=%2250%22 opacity=%220.84%22/%3E%3Ccircle cx=%2215%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22206%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22445%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22664%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22865%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%221113%22 cy=%22583%22 r=%2262%22 opacity=%220.90%22/%3E%3Ccircle cx=%22-127%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22121%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22393%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22620%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%22907%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%221126%22 cy=%22687%22 r=%2275%22 opacity=%220.95%22/%3E%3Ccircle cx=%2216%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22275%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22602%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%22857%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3Ccircle cx=%221187%22 cy=%22800%22 r=%2291%22 opacity=%221.00%22/%3E%3C/g%3E%3C/svg%3E");
  opacity:var(--bg-opacity-near);
  animation:drift-near 48s ease-in-out infinite alternate,
             breathe-near 23s ease-in-out infinite;
}
/* Långsam drift. Det bortre lagret rör sig kortare sträcka än det främre –
   samma parallax som ger djupet i mönstret. */
@keyframes drift-far{
  0%  {transform:translate3d(0,0,0) scale(1)}
  30% {transform:translate3d(calc(3.4% * var(--bg-amp)),calc(-2.6% * var(--bg-amp)),0) scale(1.05)}
  65% {transform:translate3d(calc(-2.2% * var(--bg-amp)),calc(2.8% * var(--bg-amp)),0) scale(1.02)}
  100%{transform:translate3d(calc(-4% * var(--bg-amp)),calc(-1.6% * var(--bg-amp)),0) scale(1.07)}
}
@keyframes drift-near{
  0%  {transform:translate3d(0,0,0) scale(1)}
  28% {transform:translate3d(calc(-7.5% * var(--bg-amp)),calc(-4% * var(--bg-amp)),0) scale(1.1)}
  55% {transform:translate3d(calc(4% * var(--bg-amp)),calc(5.5% * var(--bg-amp)),0) scale(1.04)}
  80% {transform:translate3d(calc(8.5% * var(--bg-amp)),calc(-2% * var(--bg-amp)),0) scale(1.13)}
  100%{transform:translate3d(calc(-3% * var(--bg-amp)),calc(3.5% * var(--bg-amp)),0) scale(1.06)}
}
/* Andningen: mönstret tonar sakta upp och ner, ur fas med driften. */
@keyframes breathe-far{
  0%,100%{opacity:calc(var(--bg-opacity-far) * .72)}
  50%    {opacity:calc(var(--bg-opacity-far) * 1.18)}
}
@keyframes breathe-near{
  0%,100%{opacity:calc(var(--bg-opacity-near) * .68)}
  50%    {opacity:calc(var(--bg-opacity-near) * 1.2)}
}
/* Smal skärm: masken skalas efter höjden i stället, annars blir varje
   cirkel större än telefonen och mönstret läses som en jämn tonplatta. */
@media(max-width:640px){
  /* På telefon täcker korten det mesta av rutan, så mönstret behöver
     både större utslag och mer styrka för att märkas i kanterna. */
  :root{--bg-amp:1.9;--bg-opacity-far:.42;--bg-opacity-near:.62}
  body::before{-webkit-mask-size:190% auto;mask-size:190% auto}
  body::after{-webkit-mask-size:230% auto;mask-size:230% auto}
}
@media (prefers-reduced-motion:reduce){
  body::before,body::after{animation:none}
}
@media print{body::before,body::after{display:none}}
body{
  margin:0;
  min-height:100vh;
  background:transparent;   /* färgen ligger på html – annars målas mönsterlagret över */
  color:var(--ink);
  font-family:var(--body);
  font-feature-settings:"tnum" 1,"lnum" 1;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--green)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--green);outline-offset:2px
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* ---------- textsidor ---------- */
.wrap{max-width:760px;margin:0 auto;padding:36px 20px 80px;width:100%}
h1{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:1.04;
   font-size:clamp(30px,5vw,46px);margin:0 0 10px;text-wrap:balance}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.025em;font-size:22px;margin:34px 0 8px}
h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:17px;margin:24px 0 6px}
p{font-size:16px}
ul,ol{font-size:16px;padding-left:22px}
li{margin:7px 0}
.lead{color:var(--ink-soft);font-size:17px;margin:0 0 4px;max-width:56ch}
.back{display:inline-block;margin-bottom:20px;font-size:14px;font-weight:600;text-decoration:none;
      padding:7px 13px;border-radius:999px;background:var(--fill);color:var(--ink)}
.back:hover{background:var(--green-soft);color:var(--green-dk)}

.card{background:var(--paper-2);border:0;border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow)}
@media(max-width:600px){.wrap{padding:26px 14px 60px}.card{padding:22px 18px}}

.callout{background:var(--green-soft);border-radius:var(--radius-sm);padding:14px 18px;margin:20px 0;font-size:15px}
.callout b{display:block;margin-bottom:3px;font-weight:700}
.callout.warn{background:var(--terra-soft);color:var(--terra)}
.callout.warn b{color:var(--terra)}

.morelinks{margin-top:26px;font-size:15px;font-weight:600}
.disc,.foot{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);
            font-size:12.5px;color:var(--ink-soft);line-height:1.6}

.ctxad{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0;padding:10px 12px;
       background:var(--fill);border-radius:var(--radius-sm)}
.ctxad .ctxlbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--ink-soft)}
.ctxad a{font-size:13.5px;font-weight:700;text-decoration:none;color:var(--green-dk);
         background:var(--green-soft);border-radius:999px;padding:6px 12px}
.ctxad a:hover{filter:brightness(.97)}

/* ---------- topprad, delad av verktygssidorna ---------- */
.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}
.topbar a.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);
               background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.logo .lmark{width:32px;height:32px;flex:none;border-radius:11px;background:var(--green);color:var(--on-accent);
             display:grid;place-items:center}
.logo .lmark svg{width:17px;height:17px}
.logo svg{flex:none}
.logo .lname{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.025em;line-height:1;color:var(--ink)}
.logo .lname b{font-weight:700;color:var(--green)}
.topbar a.logo:hover .lname{color:var(--green)}

.toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
button.tool,a.tool{font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  background:var(--fill);color:var(--ink);border:0;padding:9px 14px;border-radius:999px;
  transition:background .15s,color .15s;text-decoration:none;display:inline-block}
button.tool:hover,a.tool:hover{background:var(--green-soft);color:var(--green-dk);transform:none}
button.tool.primary,a.tool.primary{background:var(--green);color:var(--on-accent)}
button.tool.primary:hover,a.tool.primary:hover{background:var(--green-dk);color:var(--on-accent)}

.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;
  background:var(--fill);border:0;border-radius:999px;padding:9px 14px;color:var(--ink);white-space:nowrap}
.menu summary:hover{background:var(--green-soft);color:var(--green-dk);transform:none}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--green-soft);color:var(--green-dk);border-color:transparent}
.menupanel{position:absolute;right:0;top:calc(100% + 8px);background:var(--paper-2);border:0;
  border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px;min-width:230px;z-index:10}
.menupanel .mlabel{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;
  color:var(--ink-soft);opacity:1;padding:8px 10px 3px;margin:0}
.menupanel a{display:block;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--ink);
  padding:7px 10px;border-radius:10px}
.menupanel a:hover{background:var(--green-soft);color:var(--green-dk)}
.menupanel hr{border:0;border-top:1px solid var(--line);margin:6px 4px}

/* liten uppställning av poster med summa till höger, används i guiderna */
.example{background:var(--fill);border:0;border-radius:var(--radius-sm);padding:8px 18px;margin:18px 0;font-size:14.5px}
.example .row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.example .row:last-child{border-bottom:0;font-weight:700;color:var(--green-dk)}
.example .row span:last-child{white-space:nowrap;font-weight:600}

/* källor och uppdateringsdatum i guiderna */
.kallor-lista{font-size:14px;color:var(--ink-soft)}
.kallor-lista li{margin:5px 0}
.uppdaterad{font-size:12.5px;color:var(--ink-soft);margin:14px 0 0}

/* ---- annonsplatser ---- */
.adzone{display:none;max-width:728px;margin:22px auto;text-align:center}
.adzone .adlbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;
               font-weight:700;color:var(--ink-soft);margin-bottom:6px}
.adzone .adsbygoogle{display:block;min-height:90px}
@media print{.adzone{display:none !important}}