/* Andningskollen. Alla klasser har prefixet ak-. Tokens först, sedan bas, sedan komponenter. */
@font-face{font-family:"Familjen Grotesk";src:url(../fonts/familjen-grotesk-500-700.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-400-700.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --bg:#EAF0F2;--surface:#F7FAFB;--mist:#DAE7EA;--ink:#10242A;--fjord:#1B4D57;--fjord-2:#2E6A74;--line:#B9CCD1;--muted:#43575C;
  --accent:#F2A93B;--accent-hi:#F7BB5E;--on-fjord:#EAF0F2;--r:6px;--w:1180px;
  --head:"Familjen Grotesk","Trebuchet MS",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F1C20;--surface:#162529;--mist:#1B2E33;--ink:#E6EEF0;--fjord:#8EC3CC;--fjord-2:#6FAAB5;--line:#2F464C;--muted:#A5B8BD;--on-fjord:#0F1C20}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.62 var(--body);font-variant-numeric:tabular-nums;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;line-height:1.1;letter-spacing:-.015em;margin:0 0 .55em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.4vw,4.3rem);font-weight:700}
h2{font-size:clamp(1.55rem,3vw,2.3rem)}h3{font-size:1.25rem}h4{font-size:1.05rem}
p{margin:0 0 1em;max-width:68ch}
a{color:var(--fjord);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:3px}
img,svg{max-width:100%}
.ak-wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.ak-skip{position:absolute;left:-999px;top:0}.ak-skip:focus{left:8px;top:8px;background:var(--surface);padding:10px 14px;z-index:99}
.ak-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Rubrik och meny */
.ak-top{background:var(--bg);border-bottom:2px solid var(--ink);position:relative;z-index:20}
.ak-top .ak-wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.ak-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 1.45rem var(--head);letter-spacing:-.02em}
.ak-logo svg{width:38px;height:38px;flex:none}.ak-logo b{font-weight:500;color:var(--fjord)}
.ak-nav{display:none;list-style:none;margin:0;padding:0;gap:2px}
.ak-nav>li>a{display:flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;color:var(--ink);font:600 1rem var(--head);border-radius:var(--r);position:relative}
.ak-nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:3px;background:var(--fjord);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.ak-nav>li>a:hover::after,.ak-nav>li>a[aria-current]::after{transform:scaleX(1)}
.ak-burger{min-width:84px;min-height:44px;border:2px solid var(--ink);background:none;border-radius:var(--r);color:var(--ink);font:600 1rem var(--head);cursor:pointer}
.ak-menu{display:none;background:var(--surface);border-top:1px solid var(--line)}.ak-menu.open{display:block}
@media(min-width:960px){.ak-nav{display:flex}.ak-burger,.ak-menu{display:none!important}}
/* Knappar */
.ak-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:var(--r);font:700 1.05rem var(--head);text-decoration:none;background:var(--accent);color:#10242A;border:2px solid #10242A;box-shadow:3px 3px 0 #10242A;transition:transform .2s var(--ease),box-shadow .2s var(--ease);cursor:pointer;white-space:nowrap}
.ak-btn:hover{color:#10242A;background:var(--accent-hi);transform:translate(-1px,-1px);box-shadow:4px 4px 0 #10242A}
.ak-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #10242A}
.ak-btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border-color:var(--fjord)}
.ak-btn.ghost:hover{background:var(--mist);box-shadow:none;transform:none}
/* Hero */
.ak-hero{display:grid;gap:28px;padding:34px 0 40px;align-items:center}
.ak-hero h1{margin-bottom:.35em}
.ak-hero h1 mark{background:none;color:inherit;position:relative;white-space:nowrap}
.ak-hero h1 mark svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.3em;overflow:visible}
.ak-hero h1 mark path{stroke:var(--fjord-2);stroke-width:5;fill:none;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ak-draw 1.1s .5s var(--ease) forwards}
@keyframes ak-draw{to{stroke-dashoffset:0}}
.ak-lead{font-size:1.2rem;color:var(--muted);max-width:46ch;margin-bottom:1.1rem}
.ak-pick-h{font:700 1rem var(--head);margin:0 0 8px}
.ak-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0;margin:0;max-width:560px}
.ak-pick a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 10px;border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);text-decoration:none;color:var(--ink);font:600 .9rem/1.2 var(--head);text-align:center;min-height:112px;transition:transform .25s var(--ease),background .2s}
.ak-pick a:hover{transform:translateY(-4px) rotate(-1deg);background:var(--mist);color:var(--ink)}
.ak-pick a:nth-child(even):hover{transform:translateY(-4px) rotate(1deg)}
.ak-pick svg{width:56px;height:56px}
.ak-orbwrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.ak-orb{position:relative;width:min(100%,430px);aspect-ratio:1;display:grid;place-items:center}
.ak-orb svg.ak-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ak-orb .r{transform-origin:50% 50%;transform-box:fill-box}
.ak-orb.run .r1{animation:ak-breath 14s ease-in-out infinite}
.ak-orb.run .r2{animation:ak-breath 14s ease-in-out .25s infinite}
.ak-orb.run .r3{animation:ak-breath 14s ease-in-out .5s infinite}
@keyframes ak-breath{0%{transform:scale(.62)}28.5%{transform:scale(1)}57%{transform:scale(1)}100%{transform:scale(.62)}}
.ak-orb .core{position:relative;z-index:1;text-align:center;font:700 1.5rem/1.15 var(--head);color:var(--on-fjord);padding:0 10%}
.ak-orb .core small{display:block;font:400 .95rem var(--body);opacity:.92;margin-top:6px}
.ak-orb .core em{font-style:normal;font-size:2.5rem;display:block;font-variant-numeric:tabular-nums}
.ak-breath-btn{min-height:48px;padding:0 22px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:var(--r);font:700 1rem var(--head);cursor:pointer}
.ak-breath-btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.ak-orb-note{font-size:.9rem;color:var(--muted);text-align:center;margin:0}
@media(min-width:960px){.ak-hero{grid-template-columns:1.12fr .88fr;gap:48px;padding:38px 0 50px}.ak-orb{width:min(100%,440px)}}
@media(max-width:959px){.ak-hero .ak-orbwrap{order:-1}.ak-orb{width:min(72vw,300px)}}
@media(prefers-reduced-motion:reduce){.ak-orb.run .r{animation:none!important}.ak-hero h1 mark path{animation:none;stroke-dashoffset:0}*{scroll-behavior:auto!important;transition:none!important}}
/* Sektioner */
.ak-sec{padding:56px 0}.ak-sec.band{background:var(--mist)}.ak-sec.tight{padding:36px 0}
.ak-sec.ink{background:var(--fjord);color:var(--on-fjord)}.ak-sec.ink a{color:var(--on-fjord)}
.ak-wave{display:block;width:100%;height:28px;color:var(--mist)}
.ak-sec h2{max-width:22ch}
.ak-note{display:grid;gap:26px}
@media(min-width:900px){.ak-note{grid-template-columns:5fr 7fr;gap:56px;align-items:start}}
.ak-paper{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:22px 24px 20px;transform:rotate(-.6deg);box-shadow:5px 5px 0 var(--line)}
.ak-paper p{font-size:1.05rem}
.ak-sign{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--muted)}
.ak-sign svg{width:30px;height:30px}
.ak-log{list-style:none;margin:0;padding:0;border-left:3px solid var(--fjord);display:grid;gap:18px}
.ak-log li{padding-left:20px;position:relative}
.ak-log li::before{content:"";position:absolute;left:-9px;top:.45em;width:15px;height:15px;border-radius:50%;background:var(--bg);border:3px solid var(--fjord)}
.ak-log time{display:block;font:600 .85rem var(--head);color:var(--muted);letter-spacing:.04em}
/* Högkostnadsmätare */
.ak-hk{display:grid;gap:24px}
@media(min-width:900px){.ak-hk{grid-template-columns:5fr 7fr;gap:56px;align-items:center}}
.ak-stair{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:22px}
.ak-track{position:relative;height:56px;display:flex;border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.ak-seg{position:relative;height:100%;border-right:2px solid var(--ink);flex:none}.ak-seg:last-child{border-right:0}
.ak-seg i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:var(--fjord);transition:transform .7s var(--ease)}
.ak-seg span{position:absolute;left:6px;bottom:3px;font:600 .72rem var(--head);color:var(--ink);mix-blend-mode:normal;z-index:1;background:color-mix(in srgb,var(--bg) 82%,transparent);padding:0 4px;border-radius:3px}
.ak-ticks{display:flex;font:600 .75rem var(--head);color:var(--muted);margin-top:6px;position:relative;height:1.2em}
.ak-ticks span{position:absolute;transform:translateX(-100%)}
.ak-ticks span:first-child{transform:none}
.ak-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 6px}
.ak-out div{border-top:3px solid var(--fjord);padding-top:6px}
.ak-out b{display:block;font:700 1.55rem var(--head);font-variant-numeric:tabular-nums}
.ak-out small{color:var(--muted);font-size:.86rem;line-height:1.3;display:block}
.ak-field{display:grid;gap:6px;margin:12px 0}
.ak-field label{font:700 1rem var(--head)}
.ak-field input,.ak-field select{width:100%;min-height:50px;padding:0 12px;border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);color:var(--ink);font:inherit}
.ak-field input[type=range]{padding:0;accent-color:var(--fjord);height:34px}
.ak-field small{color:var(--muted)}
.ak-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ak-addbtns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.ak-chip{min-height:44px;padding:0 16px;border:2px solid var(--fjord);border-radius:99px;background:var(--surface);color:var(--ink);font:600 .95rem var(--head);cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.ak-chip:hover{transform:translateY(-2px)}
.ak-chip[aria-pressed=true]{background:var(--fjord);color:var(--on-fjord)}
/* Tabell */
.ak-tw{overflow-x:auto;border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);-webkit-overflow-scrolling:touch}
table.ak-table{border-collapse:collapse;width:100%;min-width:640px;font-size:1rem}
.ak-table caption{text-align:left;padding:14px 16px;font:700 1.05rem var(--head)}
.ak-table th,.ak-table td{padding:12px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.ak-table thead th{background:var(--mist);font:700 .82rem var(--head);text-transform:none;letter-spacing:.02em;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.ak-table .num{text-align:right;white-space:nowrap}
.ak-table tbody tr{transition:background .2s}.ak-table tbody tr:hover{background:color-mix(in srgb,var(--mist) 55%,transparent)}
.ak-table tr.gone{display:none}
.ak-price{display:inline-block;font:700 1rem var(--head);background:var(--accent);color:#10242A;padding:1px 9px;border-radius:4px;white-space:nowrap}
.ak-tag{display:inline-block;font:600 .78rem var(--head);padding:1px 9px;border:2px solid var(--fjord);border-radius:99px;color:var(--fjord);white-space:nowrap}
.ak-tag.pv{background:var(--fjord);color:var(--on-fjord)}
.ak-src{font-size:.88rem;color:var(--muted);margin:10px 0 0}
.ak-why{margin-top:6px;font-size:.92rem}.ak-why summary{cursor:pointer;color:var(--fjord);font-weight:700}.ak-why p{margin:.4em 0 0;color:var(--muted)}
/* Bento-ingångar */
.ak-bento{display:grid;gap:14px}
@media(min-width:900px){.ak-bento{grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"a b b" "a c d";grid-auto-rows:minmax(190px,auto)}.ak-bento .a{grid-area:a}.ak-bento .b{grid-area:b}.ak-bento .c{grid-area:c}.ak-bento .d{grid-area:d}}
.ak-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:22px;border:2px solid var(--ink);border-radius:var(--r);text-decoration:none;color:var(--ink);background:var(--surface);overflow:hidden;min-height:170px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ak-tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);color:var(--ink)}
.ak-tile h3{font-size:1.5rem;margin:0}.ak-tile p{margin:0;color:inherit;opacity:.88;max-width:34ch;font-size:1rem}
.ak-tile .art{position:absolute;right:10px;top:8px;width:46%;max-width:210px;opacity:1;transition:transform .5s var(--ease)}
.ak-tile:hover .art{transform:rotate(-4deg) scale(1.05)}
.ak-tile.a{background:var(--fjord);color:var(--on-fjord);min-height:360px}.ak-tile.a:hover{color:var(--on-fjord)}
.ak-tile.a .art{width:70%;max-width:300px;right:14px;top:18px}
.ak-tile.b{background:var(--mist)}
.ak-tile .big{font:700 3.3rem/1 var(--head);display:block}
/* Säsong och kort */
.ak-two{display:grid;gap:22px}@media(min-width:800px){.ak-two{grid-template-columns:1fr 1fr;gap:40px}}
.ak-season{display:grid;gap:14px;border-top:3px solid var(--ink);padding-top:16px}
.ak-season a.out{font:700 1.1rem var(--head)}
.ak-quiz-strip{display:grid;gap:18px;align-items:center}@media(min-width:800px){.ak-quiz-strip{grid-template-columns:1fr auto}}
.ak-meter{height:12px;border:2px solid var(--on-fjord);border-radius:99px;overflow:hidden;max-width:420px}
.ak-meter i{display:block;height:100%;background:var(--on-fjord);width:0;transition:width .5s var(--ease)}
/* Brödsmulor, layout, toc, kort sagt */
.ak-crumb{font-size:.92rem;color:var(--muted);padding:18px 0 0}.ak-crumb a{color:var(--muted)}.ak-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}.ak-crumb li+li::before{content:"/";margin-right:8px}
.ak-page-h{padding:18px 0 8px}.ak-page-h h1{font-size:clamp(2rem,4.6vw,3.3rem)}
.ak-meta{font-size:.92rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 14px}
.ak-layout{display:grid;gap:28px;padding-bottom:20px}
@media(min-width:980px){.ak-layout{grid-template-columns:230px minmax(0,1fr);gap:48px}}
.ak-toc{font-size:.95rem;border-top:3px solid var(--ink);padding-top:10px}
@media(min-width:980px){.ak-toc{position:sticky;top:16px;align-self:start}}
.ak-toc ol{margin:6px 0 0;padding-left:0;list-style:none}.ak-toc a{display:block;padding:6px 0 6px 12px;border-left:3px solid var(--line);text-decoration:none;color:var(--muted)}
.ak-toc a.on,.ak-toc a:hover{border-left-color:var(--fjord);color:var(--ink)}
.ak-kort{border:2px solid var(--ink);border-left-width:10px;border-left-color:var(--fjord);border-radius:var(--r);background:var(--surface);padding:16px 22px;margin:18px 0 26px}
.ak-kort h2{font-size:1.15rem;margin:0 0 6px}.ak-kort ul{margin:0;padding-left:20px}.ak-kort li{margin:4px 0}
.ak-warn{border:3px double var(--ink);border-radius:var(--r);padding:14px 18px;margin:22px 0;background:var(--surface)}.ak-warn b{font-family:var(--head)}
.ak-prose h2{margin-top:1.6em}.ak-prose h2:first-child{margin-top:0}
.ak-prose ul,.ak-prose ol{max-width:66ch}
sup.ak-fn a{font:700 .75rem var(--head);text-decoration:none;padding:0 2px}
.ak-sources{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;margin-top:10px}.ak-sources ol{margin:4px 0 0;padding-left:20px}
.ak-faq details{border-top:1px solid var(--line);padding:10px 0}.ak-faq summary{cursor:pointer;font:600 1.1rem var(--head)}
.ak-next{margin:44px 0 0;border-top:3px solid var(--ink);padding-top:16px}
.ak-next ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ak-next a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 1.15rem var(--head);color:var(--ink)}
.ak-next a span{color:var(--muted);font:400 .95rem var(--body)}
.ak-next a:hover{padding-left:8px;color:var(--fjord)}.ak-next a{transition:padding .25s var(--ease)}
@media(min-width:900px){.ak-next ul{grid-template-columns:1fr 1fr 1fr;gap:0 28px}}
.ak-fig{margin:22px 0}.ak-fig img,.ak-fig .ph{width:100%;height:auto;border:2px solid var(--ink);border-radius:var(--r);display:block;background:var(--mist)}
.ak-fig .ph{display:grid;place-items:center;padding:18px;aspect-ratio:var(--ar,16/10)}.ak-fig .ph svg{width:100%;max-width:420px;max-height:100%}
.ak-fig figcaption{font-size:.9rem;color:var(--muted);margin-top:6px}
/* Verktyg: kort och matris */
.ak-tool{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:22px;margin:18px 0 28px}
.ak-split{display:grid;gap:22px}@media(min-width:860px){.ak-split{grid-template-columns:1fr 1fr;gap:34px}}
.ak-result{border-top:3px solid var(--fjord);padding-top:12px;margin-top:14px}
.ak-big{font:700 clamp(2rem,5vw,3rem)/1 var(--head);font-variant-numeric:tabular-nums}
.ak-matrix{min-width:560px}.ak-matrix th[scope=row]{font-weight:700;background:var(--surface);position:sticky;left:0;z-index:1;min-width:130px}
.ak-matrix tr{transition:opacity .35s var(--ease)}.ak-matrix tr.same{display:none}
.ak-diffonly tr.same{display:table-row;animation:none}
.ak-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:s}
.ak-steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:14px;border:2px solid var(--ink);background:var(--surface);border-radius:var(--r);padding:14px;transition:opacity .3s,transform .3s var(--ease)}
.ak-steps li::before{content:counter(s);width:46px;height:46px;border-radius:50%;background:var(--fjord);color:var(--on-fjord);display:grid;place-items:center;font:700 1.2rem var(--head)}
.ak-steps .err{display:block;margin-top:4px;font-size:.92rem;color:var(--muted)}
.ak-steps.solo li{display:none}.ak-steps.solo li.cur{display:grid}
.ak-q{border:0;padding:0;margin:0 0 14px}.ak-q legend{font:700 1.2rem var(--head);margin-bottom:8px}
.ak-opt{display:flex;gap:10px;align-items:center;min-height:50px;padding:6px 14px;border:2px solid var(--line);border-radius:var(--r);margin:8px 0;cursor:pointer;background:var(--bg)}
.ak-opt:hover{border-color:var(--fjord)}.ak-opt input{width:22px;height:22px;accent-color:var(--fjord)}
.ak-opt:has(input:checked){border-color:var(--ink);background:var(--mist)}
/* Sida: djur, 404, sök */
.ak-cat{display:grid;gap:18px;justify-items:start}
.ak-count{font:700 clamp(3.5rem,12vw,6rem)/1 var(--head);font-variant-numeric:tabular-nums}
.ak-tapbtn{width:min(100%,260px);aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);background:var(--accent);color:#10242A;font:700 1.4rem var(--head);cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .12s}
.ak-tapbtn:active{transform:scale(.94) translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.ak-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.ak-list li{border-top:1px solid var(--line)}
.ak-list a{display:flex;justify-content:space-between;gap:10px;padding:12px 0;text-decoration:none;font:600 1.08rem var(--head);color:var(--ink)}.ak-list a span{font:400 .95rem var(--body);color:var(--muted)}.ak-list a:hover{color:var(--fjord)}
.ak-idx{columns:1;column-gap:32px}@media(min-width:700px){.ak-idx{columns:2}}@media(min-width:1000px){.ak-idx{columns:3}}.ak-idx li{break-inside:avoid}
/* Fot */
.ak-foot{background:var(--fjord);color:var(--on-fjord);margin-top:56px;padding:44px 0 26px;font-size:1rem}
.ak-foot a{color:var(--on-fjord)}.ak-foot ul{list-style:none;padding:0;margin:0}.ak-foot li{margin:7px 0}
.ak-foot h2,.ak-foot h3{font-size:1.05rem;margin-bottom:8px}
.ak-fcols{display:grid;gap:26px;grid-template-columns:1fr 1fr}@media(min-width:900px){.ak-fcols{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.ak-fcols>*{min-width:0}.ak-foot .about{grid-column:1/-1}@media(min-width:900px){.ak-foot .about{grid-column:auto}}
.ak-legal{border-top:1px solid color-mix(in srgb,var(--on-fjord) 40%,transparent);margin-top:26px;padding-top:16px;font-size:.9rem}
.ak-legal p{max-width:none}
@media print{.ak-top,.ak-foot,.ak-menu,.ak-next,.ak-toc,.ak-btn{display:none!important}body{background:#fff;color:#000}}
/* Reveal: elementen visas även utan JS */
.js .ak-rv{transform:translateY(14px);transition:transform .8s var(--ease)}
.js .ak-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .ak-rv{opacity:1;transform:none}}
@media(max-width:560px){body{font-size:17px}.ak-wrap{padding:0 16px}.ak-sec{padding:40px 0}.ak-out{grid-template-columns:1fr 1fr 1fr}.ak-out b{font-size:1.2rem}.ak-pick{grid-template-columns:1fr 1fr}.ak-pick a{flex-direction:row;justify-content:flex-start;min-height:64px;text-align:left}.ak-pick svg{width:44px;height:44px;flex:none}}
.ak-orb .core{width:50%;aspect-ratio:1;border-radius:50%;background:var(--fjord);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;box-shadow:0 0 0 5px var(--bg),0 0 0 7px var(--ink)}
.ak-orb .core em{line-height:1}
.ak-notepad{max-width:46ch}
.ak-why-box{border-left:3px solid var(--fjord);padding:2px 0 2px 16px;color:var(--muted)}
.ak-twocol-pv{display:grid;gap:26px}@media(min-width:960px){.ak-twocol-pv{grid-template-columns:8fr 4fr;gap:40px;align-items:start}}
.ak-scribble{font:600 1.05rem var(--head);color:var(--fjord);display:flex;gap:8px;align-items:flex-start}
.ak-ico{flex:none}

.ak-twocol-pv>*,.ak-hk>*,.ak-note>*,.ak-two>*,.ak-split>*,.ak-bento>*,.ak-quiz-strip>*{min-width:0}

.ak-scene{display:grid;gap:26px;align-items:center}@media(min-width:900px){.ak-scene{grid-template-columns:7fr 5fr;gap:56px}.ak-scene .ak-fig{margin:0;transform:rotate(-1deg)}}
.ak-scene .ak-fig .ph{color:var(--fjord)}
@media(max-width:899px){.ak-tile .art{width:30%;max-width:120px}.ak-tile:not(.a) p{max-width:62%}.ak-tile.a .art{width:46%}}
@media(max-width:560px){.ak-ticks span:nth-child(2),.ak-ticks span:nth-child(3){display:none}}
.ak-review{font-size:.9rem;color:var(--muted);border-left:3px solid var(--line);padding-left:12px;margin:0 0 18px}
.ak-draft{display:inline-block;font:600 .8rem var(--head);border:2px dashed var(--muted);padding:1px 10px;border-radius:99px}
.ak-grid2{display:grid;gap:14px}@media(min-width:700px){.ak-grid2{grid-template-columns:1fr 1fr}}
.ak-box{border:2px solid var(--ink);border-radius:var(--r);padding:16px 20px;background:var(--surface)}
.ak-box h3{margin-bottom:.3em}
.ak-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;margin:0}.ak-kv dt{font:700 .95rem var(--head);color:var(--muted)}.ak-kv dd{margin:0}
.ak-layout>*,.ak-split>*,.ak-grid2>*{min-width:0}
.ak-prose section{margin-bottom:1.8em}.ak-sources{margin-bottom:.4em}
/* ===== Redaktionell startsida (v2, 15.11.2026) ===== */
.ak-dateline{font:600 .9rem var(--head);color:var(--muted);letter-spacing:.01em;margin:0 0 14px}
.ak-cover{padding:clamp(28px,5vw,64px) 0 0}
.ak-cover-grid{display:grid;gap:28px;align-items:end}
@media(min-width:960px){.ak-cover-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.ak-cover h1{font-size:clamp(2.6rem,6.2vw,5.4rem);letter-spacing:-.03em;line-height:.98;margin-bottom:.4em}
.ak-cover h1 mark{background:none;color:inherit;position:relative;white-space:nowrap}
.ak-cover h1 mark svg{position:absolute;left:-2%;bottom:-.14em;width:104%;height:.28em;overflow:visible}
.ak-cover h1 mark path{stroke:var(--accent);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ak-draw 1.1s .6s var(--ease) forwards}
.ak-figure-num{display:grid;grid-template-columns:auto 1fr;gap:2px 18px;align-items:baseline;margin-top:26px;padding:16px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);max-width:520px}
.ak-figure-num .lbl{grid-column:1/-1;font:600 .9rem var(--head);color:var(--muted)}
.ak-figure-num .num{font:700 clamp(2.4rem,5vw,3.6rem)/1 var(--head);letter-spacing:-.02em}
.ak-figure-num .what{font-size:.95rem;color:var(--muted);line-height:1.35}
.ak-figure-num:hover .num{color:var(--fjord)}
.ak-ph{margin:0;position:relative;overflow:hidden;border-radius:2px;background:var(--mist);max-width:100%}
.ak-ph img{display:block;width:100%;height:100%;object-fit:cover}
.ak-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:.82rem;line-height:1.35;color:#F7FAFB;background:linear-gradient(transparent,rgba(16,36,42,.78))}
.ak-ph .ak-credit{display:block;opacity:.8;font-size:.74rem}
.ak-ph-fb{display:grid;place-items:center;height:100%;color:var(--fjord);padding:12%}
.ak-ph-fb svg{width:min(240px,70%);height:auto}
.ak-cover-ph{min-height:320px}
@media(min-width:960px){.ak-cover-ph{transform:translateY(32px);box-shadow:-18px 18px 0 var(--mist)}}
.ak-devbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-block:22px 26px;border-bottom:2px solid var(--ink)}
@media(min-width:960px){.ak-devbar{margin-top:-6px;max-width:calc(var(--w));padding-right:46%}}
.ak-devbar-h{font:700 1rem var(--head)}
.ak-devbar ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.ak-devbar a{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:none;font:600 1rem var(--head)}
.ak-devbar a svg{width:34px;height:34px;transition:transform .3s var(--ease)}
.ak-devbar a:hover svg{transform:rotate(-8deg) scale(1.08)}
.ak-devbar a span{border-bottom:2px solid transparent}.ak-devbar a:hover span{border-color:var(--accent)}
.ak-kicker{font:700 .82rem var(--head);text-transform:uppercase;letter-spacing:.09em;color:var(--fjord);margin:0 0 8px}
.ak-report{padding:clamp(48px,7vw,96px) 0}
.ak-report-grid{display:grid;gap:30px}
@media(min-width:960px){.ak-report-grid{grid-template-columns:4fr 7fr;gap:64px}.ak-report-head{position:sticky;top:24px;align-self:start}}
.ak-byline{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}
.ak-ledger{width:100%;border-collapse:collapse;font-size:1rem}
.ak-ledger thead th{font:600 .8rem var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:0 0 10px;border-bottom:2px solid var(--ink)}
.ak-ledger th[scope=row]{font:600 1.08rem var(--head);text-align:left;padding:16px 16px 16px 0;vertical-align:top;white-space:nowrap}
.ak-ledger th[scope=row] a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--line)}
.ak-ledger th[scope=row] a:hover{border-color:var(--accent)}
.ak-ledger td{padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ak-ledger tbody tr:hover td,.ak-ledger tbody tr:hover th{background:linear-gradient(90deg,transparent,var(--mist))}
.ak-ledger tbody th{border-bottom:1px solid var(--line)}
.ak-ledger td small{display:block;color:var(--muted);font-size:.86rem}
.ak-ledger .num{text-align:right;white-space:nowrap}
.ak-pvmark{color:var(--fjord);font-weight:600}
.ak-tabnote{font-size:.88rem;color:var(--muted);margin-top:14px}
.ak-muted{color:var(--muted)}
.ak-textlink{font:600 1rem var(--head);color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:1px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.ak-textlink:hover{color:var(--fjord)}
.ak-essay{padding:clamp(40px,6vw,80px) 0;background:var(--surface)}
.ak-essay-grid{display:grid;gap:18px}
@media(min-width:960px){.ak-essay-grid{grid-template-columns:7fr 2.5fr 2.5fr;grid-template-rows:auto auto;gap:22px}
.ak-essay-a{grid-column:1;grid-row:1/3}.ak-essay-text{grid-column:2/4;grid-row:1;padding-top:8px}
.ak-essay-b{grid-column:2;grid-row:2}.ak-essay-c{grid-column:3;grid-row:2;transform:translateY(28px)}}
.ak-essay-text h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.ak-essay-text .ak-btn{margin-right:16px}
.ak-hkband{background:var(--ink);color:var(--bg);padding:clamp(48px,7vw,96px) 0}
.ak-hkband a:not(.ak-btn){color:var(--accent-hi)}
.ak-hkband .ak-stair{color:var(--ink)}
.ak-bignums{display:flex;flex-wrap:wrap;gap:8px 32px;max-width:none;margin:6px 0 18px}
.ak-bignums span{display:flex;flex-direction:column;font-size:.95rem;opacity:.86}
.ak-bignums b{font:700 clamp(2.4rem,5vw,3.6rem)/1 var(--head);opacity:1;color:var(--accent-hi);letter-spacing:-.02em}
.ak-index{padding:clamp(48px,7vw,96px) 0}
.ak-index-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;border-bottom:2px solid var(--ink);margin-bottom:14px}
.ak-index-head p{color:var(--muted);margin:0 0 .6em}
.ak-az{list-style:none;margin:0;padding:0;columns:1;column-gap:48px}
@media(min-width:640px){.ak-az{columns:2}}@media(min-width:1000px){.ak-az{columns:3}}
.ak-az li{break-inside:avoid}
.ak-az a{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:8px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.ak-az .n{font:600 1.05rem var(--head)}
.ak-az .d{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-4px);min-width:12px}
.ak-az .p{font-size:.95rem;color:var(--muted);white-space:nowrap}
.ak-az a:hover .n{color:var(--fjord)}.ak-az a:hover .d{border-color:var(--accent)}
.ak-index-more{margin-top:18px}
.ak-pair{padding:0 0 clamp(48px,7vw,96px)}
.ak-pair-grid{display:grid;gap:40px}
@media(min-width:960px){.ak-pair-grid{grid-template-columns:7fr 4fr;gap:64px;align-items:start}}
.ak-pet h2{margin-top:18px}
.ak-calm{border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ak-calm h2{font-size:1.5rem}
.ak-orb.small{width:min(100%,250px);align-self:center}
.ak-orb.small .core{font-size:1.15rem}.ak-orb.small .core em{font-size:2rem}
.ak-note-s{font-size:.84rem;color:var(--muted);margin:0}
.ak-season-s{font-size:.95rem;margin:4px 0 0}
.ak-log-sec{background:var(--surface);padding:clamp(40px,6vw,72px) 0}
.ak-log-grid{display:grid;gap:18px}
@media(min-width:900px){.ak-log-grid{grid-template-columns:3fr 6fr 3fr;gap:48px;align-items:start}}
.ak-log-sec h2{font-size:1.5rem}
@media(prefers-reduced-motion:reduce){.ak-cover h1 mark path{animation:none;stroke-dashoffset:0}.ak-devbar a svg{transition:none}}
.ak-report-grid>*,.ak-essay-grid>*,.ak-pair-grid>*,.ak-cover-grid>*{min-width:0}
.ak-report-body{overflow-x:auto}
@media(max-width:640px){.ak-ledger th[scope=row]{white-space:normal;padding-right:10px}.ak-ledger{font-size:.95rem}}
/* Hero v2.1 (ägarens kritik 16.11): lugnare rubrik, en siffra, fotot utan skuggplatta, ikoner följer temat */
.ak-cover h1{font-size:clamp(2.4rem,4.6vw,4.1rem);line-height:1.02;max-width:13ch}
.ak-cover-grid{align-items:center}
@media(min-width:960px){.ak-cover-ph{transform:none;box-shadow:none}}
.ak-cover-ph img{object-position:50% 45%}
.ak-figure-num{grid-template-columns:1fr;gap:4px;padding:14px 0 12px;margin-top:20px;border-top:1px solid var(--line)}
.ak-figure-num .num{font-size:clamp(1.8rem,3vw,2.3rem)}
.ak-figure-num .what{font-size:.9rem}
.ak-lead{color:var(--ink);opacity:.82}
svg [fill="#DAE7EA"]{fill:var(--mist)}svg [fill="#EAF0F2"]{fill:var(--surface)}
.ak-devbar ul{flex-wrap:nowrap;overflow-x:auto;gap:4px 16px;scrollbar-width:none}
.ak-devbar ul::-webkit-scrollbar{display:none}
.ak-devbar a{white-space:nowrap}
.ak-devbar a svg{width:38px;height:38px}
@media(min-width:960px){.ak-devbar{padding-right:0}}
/* Substanssida v2: rubrik + priskort, hopfällda källor, smalare tabell på mobil */
.ak-subhead{display:grid;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:2px solid var(--ink)}
@media(min-width:980px){.ak-subhead{grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}}
.ak-subhead-main .ak-kort{margin-top:10px}
.ak-pricecard{background:var(--surface);border-top:4px solid var(--accent);padding:18px 20px 16px;display:flex;flex-direction:column;gap:6px}
@media(min-width:980px){.ak-pricecard{position:sticky;top:16px}}
.ak-pricecard .ak-fig{margin:-18px -20px 8px}
.ak-pricecard .ak-fig img,.ak-pricecard .ak-fig .ph{border:0;border-radius:0}
.ak-pc-lbl{font:600 .85rem var(--head);color:var(--muted);margin:0}
.ak-pc-num{font:700 clamp(2rem,3.4vw,2.6rem)/1 var(--head);letter-spacing:-.02em;margin:0}
.ak-pc-what{font-size:.92rem;color:var(--muted);margin:0 0 6px}
.ak-pc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0}
.ak-pc-facts div{border-top:1px solid var(--line);padding-top:6px}
.ak-pc-facts dt{font-size:.8rem;color:var(--muted)}.ak-pc-facts dd{margin:0;font:700 1.25rem var(--head)}
.ak-pc-pv{font-size:.92rem;margin:4px 0}
.ak-pc-btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 2px}
details.ak-sources{border-top:1px solid var(--line);padding-top:4px}
details.ak-sources summary{cursor:pointer;font:600 .85rem var(--head);color:var(--muted);min-height:36px;display:flex;align-items:center}
details.ak-sources summary:hover{color:var(--ink)}
details.ak-sources ol{margin:4px 0 8px}
@media(max-width:899px){table.ak-prodt{min-width:0}.ak-prodt th:nth-child(2),.ak-prodt td:nth-child(2),.ak-prodt th:nth-child(4),.ak-prodt td:nth-child(4),.ak-prodt th:nth-child(7),.ak-prodt td:nth-child(7){display:none}}
/* Jämförelse: duellhuvud */
.ak-duel{display:grid;gap:12px;margin:8px 0 10px;align-items:stretch}
@media(min-width:760px){.ak-duel{grid-template-columns:1fr auto 1fr}}
.ak-duel-side{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--surface);border-top:4px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease),border-color .3s}
.ak-duel-side:hover{transform:translateY(-3px);border-top-color:var(--fjord)}
.ak-duel-side.low{border-top-color:var(--accent)}
.ak-duel-side .nm{font:700 clamp(1.5rem,3vw,2.2rem)/1.05 var(--head);letter-spacing:-.02em}
.ak-duel-side .pr{font:700 1.6rem var(--head)}
.ak-duel-side .sm{font-size:.86rem;color:var(--muted)}
.ak-duel-side .bar{height:8px;background:var(--mist);border-radius:4px;overflow:hidden}
.ak-duel-side .bar i{display:block;height:100%;background:var(--fjord);transform-origin:left;animation:ak-grow 1s .3s var(--ease) both}
.ak-duel-side.low .bar i{background:var(--accent)}
@keyframes ak-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ak-duel-vs{align-self:center;justify-self:center;font:700 1rem var(--head);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.ak-duel-verdict{font:600 1.05rem/1.45 var(--head);max-width:60ch;margin:4px 0 26px}
@media(prefers-reduced-motion:reduce){.ak-duel-side .bar i{animation:none}}
.ak-prose table{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:.98rem;display:block;overflow-x:auto}
.ak-prose th,.ak-prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ak-prose thead th{font:600 .82rem var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--ink)}
.ak-prose tbody th,.ak-prose td:first-child{font-weight:600}
/* ===== «Lättare» (ägaren 16.11: mer öppen, lätt, trevlig): ljusare yta, mjuka linjer, mer luft ===== */
:root{--bg:#F7FAFB;--surface:#FFFFFF;--mist:#E9F1F3;--line:#D5E2E6;--ink:#14292F;--muted:#4E6369;--soft:#EEF5F6}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101D21;--surface:#16262B;--mist:#1C3036;--line:#2A4148;--soft:#132328}}
:root[data-theme=dark]{--bg:#101D21;--surface:#16262B;--mist:#1C3036;--line:#2A4148;--soft:#132328;--ink:#E6EEF0;--muted:#A5B8BD;--fjord:#8EC3CC;--fjord-2:#6FAAB5;--on-fjord:#0F1C20;color-scheme:dark}
body{line-height:1.7}
h1,h2,h3{font-weight:600;letter-spacing:-.02em}
.ak-cover h1{font-weight:600}
/* Rubrik: tunn linje i stället för svart kant */
.ak-top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.2) blur(8px);position:sticky;top:0}
.ak-nav>li>a{font-weight:500}
/* Knappar: mjuk, rundad, ingen hård skugga */
.ak-btn{border:0;border-radius:999px;box-shadow:0 1px 2px rgba(20,41,47,.08),0 6px 18px -8px rgba(242,169,59,.6);padding:0 26px;font-weight:600}
.ak-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(20,41,47,.08),0 10px 24px -10px rgba(242,169,59,.7)}
.ak-btn:active{transform:none;box-shadow:0 1px 2px rgba(20,41,47,.1)}
.ak-btn.ghost{border:1px solid var(--line);background:var(--surface);box-shadow:none}
.ak-btn.ghost:hover{border-color:var(--fjord-2);background:var(--surface)}
.ak-chip{border:1px solid var(--line)!important;border-radius:999px;background:var(--surface)}
/* Ytor: vita kort med mjuk skugga, inga svarta ramar */
.ak-stair,.ak-kort,.ak-box,.ak-warn,.ak-pricecard,.ak-duel-side,table.ak-table{border:1px solid var(--line)!important;border-radius:14px;box-shadow:0 1px 2px rgba(20,41,47,.04),0 12px 32px -18px rgba(20,41,47,.18)}
.ak-tw{border:0!important;border-radius:14px;overflow:auto}
.ak-kort{border-left:4px solid var(--fjord-2)!important;background:var(--surface)}
.ak-pricecard{border-top:4px solid var(--accent)!important;overflow:hidden}
.ak-duel-side{border-top:4px solid var(--line)!important;background:var(--surface)}
.ak-duel-side.low{border-top-color:var(--accent)!important}
.ak-table thead th{background:var(--soft)}
.ak-track{border:1px solid var(--line)!important;border-radius:10px;overflow:hidden}
.ak-seg{border-right:1px solid var(--line)!important}
/* Mer luft mellan sektioner */
.ak-report,.ak-index{padding:clamp(64px,9vw,128px) 0}
.ak-essay{background:var(--soft)}
.ak-ledger thead th{border-bottom:1px solid var(--ink)}
.ak-index-head,.ak-devbar,.ak-subhead{border-bottom:1px solid var(--line)}
.ak-figure-num{border-top:1px solid var(--line)}
.ak-calm{border-top:1px solid var(--line)}
.ak-toc{border-top:1px solid var(--line)}
/* Högkostnadsbandet: ljust i stället för mörkt */
.ak-hkband{background:linear-gradient(180deg,var(--soft),var(--mist));color:var(--ink)}
.ak-hkband a:not(.ak-btn){color:var(--fjord)}
.ak-bignums b{color:var(--fjord)}
.ak-bignums span{opacity:1;color:var(--muted)}
/* Bilder: rundade hörn, mjuk skugga */
.ak-ph{border-radius:18px;box-shadow:0 20px 40px -24px rgba(20,41,47,.35)}
.ak-ph figcaption{border-radius:0 0 18px 18px}
.ak-fig img,.ak-fig .ph{border:0!important;border-radius:14px}
/* Sidfot: ljusare */
.ak-foot{background:var(--soft);color:var(--ink);border-top:1px solid var(--line)}
.ak-foot a{color:var(--ink)}
.ak-foot h2,.ak-foot h3{color:var(--fjord)}
/* ===== «Varm och mjuk» (ägaren 16.11: bort med fyrkanterna, som för ett äldreboende/BB) ===== */
@font-face{font-family:"Young Serif";src:url(../fonts/young-serif-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--display:"Young Serif",Georgia,serif;--sand:#F6EFE6;--sage:#E3EEE8;--sky:#E6F0F4;--soft:#EEF5F2;--accent:#F4B544;--accent-hi:#F7C566;--fjord:#245A55;--fjord-2:#3E7D74}
body{background:linear-gradient(180deg,#F3F8F6 0,var(--bg) 640px)}
h1,h2,.ak-cover h1{font-family:var(--display);font-weight:400;letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;color:var(--fjord-2)}
.ak-cover{background:radial-gradient(120% 90% at 85% 10%,var(--sand) 0,transparent 60%),radial-gradient(90% 80% at 0% 100%,var(--sage) 0,transparent 55%)}
.ak-cover h1{font-size:clamp(2.5rem,4.8vw,4.3rem);line-height:1.08}
.ak-cover-art{position:relative;padding:28px 0 36px}
.ak-cover-art .ak-ph{border-radius:200px 36px 200px 36px;box-shadow:0 30px 60px -30px rgba(36,90,85,.45)}
.ak-cover-art .ak-ph figcaption{display:none}
.ak-breathline{position:absolute;right:-30px;top:-10px;width:220px;height:220px;fill:none;stroke:var(--fjord-2);stroke-width:1.4;stroke-dasharray:3 7;opacity:.55;animation:ak-spin 60s linear infinite}
@keyframes ak-spin{to{transform:rotate(360deg)}}
.ak-float{position:absolute;margin:0;background:var(--surface);border-radius:999px;padding:10px 18px;box-shadow:0 14px 34px -16px rgba(20,41,47,.35);font:600 .92rem var(--head);display:flex;align-items:center;gap:10px;color:var(--ink)}
.ak-float.a{left:-18px;bottom:64px}
.ak-float.b{right:-10px;top:56px;border-radius:22px;flex-direction:column;align-items:flex-start;gap:0;padding:12px 18px}
.ak-float.b b{font:400 1.6rem var(--display);color:var(--fjord)}
.ak-float.b small{color:var(--muted);font-weight:500}
.ak-float .dot{width:9px;height:9px;border-radius:50%;background:#3FA36B;box-shadow:0 0 0 4px rgba(63,163,107,.18)}
@media(max-width:700px){.ak-float.a{left:8px;bottom:46px}.ak-float.b{right:8px;top:40px}.ak-breathline{display:none}}
/* Bilder och kort: organiska hörn */
.ak-essay-a{border-radius:36px 160px 36px 36px!important}
.ak-essay-b{border-radius:999px 999px 28px 28px!important}
.ak-essay-c{border-radius:28px 28px 999px 999px!important}
.ak-pet-ph{border-radius:36px 36px 36px 180px!important}
.ak-ph{box-shadow:0 24px 48px -28px rgba(36,90,85,.4)}
.ak-stair,.ak-kort,.ak-box,.ak-warn,.ak-pricecard,.ak-duel-side,table.ak-table{border:0!important;border-radius:26px;box-shadow:0 2px 6px rgba(20,41,47,.04),0 18px 40px -24px rgba(36,90,85,.35)}
.ak-kort{background:var(--sage)!important;border-left:0!important}
.ak-pricecard{border-top:0!important;background:var(--surface)}
.ak-pricecard .ak-fig{border-radius:26px 26px 0 0;overflow:hidden}
.ak-duel-side{border-top:0!important}.ak-duel-side.low{background:linear-gradient(180deg,#FFF6E4,var(--surface))}
.ak-ledger thead th{border-bottom:1px solid var(--line)}
.ak-ledger tbody tr:hover td,.ak-ledger tbody tr:hover th{background:var(--soft)}
.ak-price{border-radius:999px;padding:2px 10px}
/* Mjuka band med vågor */
.ak-wave2{display:block;width:100%;height:46px;margin-bottom:-1px}
.ak-wave2.to-soft path{fill:var(--soft)}
.ak-wave2.from-mist{background:var(--mist)}.ak-wave2.from-mist path{fill:var(--mist)}
.ak-wave2.from-mist{background:transparent;transform:scaleY(-1)}
.ak-essay{background:var(--soft)}
.ak-hkband{background:linear-gradient(180deg,var(--soft),var(--mist))}
.ak-index{background:var(--bg)}
.ak-index-head{border-bottom:0}
.ak-az a{border-bottom:1px dashed var(--line)}
.ak-calm{border-top:0;background:var(--sky);border-radius:32px;padding:24px 26px}
.ak-log-sec{background:var(--sand)}
.ak-foot{background:var(--sage)}
.ak-devbar{border-bottom:0}
.ak-devbar a{background:var(--surface);border-radius:999px;padding:4px 16px 4px 6px;box-shadow:0 6px 16px -10px rgba(36,90,85,.35)}
.ak-figure-num{border-top:0;background:var(--surface);border-radius:22px;padding:14px 20px;box-shadow:0 12px 30px -20px rgba(36,90,85,.4)}
.ak-subhead,.ak-index-head{border-bottom:0}
.ak-toc{border-top:0;background:var(--soft);border-radius:22px;padding:16px 18px}
@media(prefers-reduced-motion:reduce){.ak-breathline{animation:none}}
/* Mörkt tema för de varma tonerna (fix 16.11: text osynlig på ljusa band) */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sand:#1E2A2B;--sage:#18302C;--sky:#172A33;--soft:#142629}}
:root[data-theme=dark]{--sand:#1E2A2B;--sage:#18302C;--sky:#172A33;--soft:#142629}
body{background:var(--bg)}
.ak-cover{background-color:transparent}
.ak-foot{margin-top:0}
.ak-log-sec{margin-bottom:0}
.ak-duel-side.low{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}
.ak-kort{color:var(--ink)}

/* Tema-knapp: sol i mörkt läge (byt till ljust), måne i ljust läge */
.ak-tools{display:flex;align-items:center;gap:10px}
.ak-tema{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 .95rem var(--body,inherit);cursor:pointer}
.ak-tema:hover,.ak-tema:focus-visible{border-color:var(--fjord)}
.ak-tema .sol{display:none}
:root[data-theme=dark] .ak-tema .sol{display:block}:root[data-theme=dark] .ak-tema .mane{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ak-tema .sol{display:block}:root:not([data-theme=light]) .ak-tema .mane{display:none}}
@media(max-width:520px){.ak-tema-txt{display:none}.ak-tema{padding:0;width:44px;justify-content:center}}
.ak-burger{border-radius:999px;border-width:1px;border-color:var(--line);background:var(--surface)}

/* Varm stil för verktyg, listor och "Fortsätt här" */
.ak-tool{border:0!important;border-radius:28px;padding:clamp(18px,3vw,32px);background:var(--surface);box-shadow:0 2px 6px rgba(20,41,47,.04),0 22px 48px -28px rgba(36,90,85,.4)}
.ak-tool .ak-split>div:last-child{background:var(--soft);border-radius:22px;padding:clamp(16px,2.4vw,26px)}
.ak-tool .ak-result{border-top:0!important;padding-top:0}
.ak-field input,.ak-field select{border:1px solid var(--line);border-radius:14px;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.ak-field input:focus,.ak-field select:focus{outline:none;border-color:var(--fjord-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--fjord-2) 22%,transparent)}
.ak-field .ak-opt{border:0!important;background:var(--soft)!important;border-radius:14px}
.ak-track{border-radius:999px!important;overflow:hidden;border:0!important;background:var(--mist)}
.ak-big{font-family:var(--disp,inherit)}
.ak-next{border-top:0!important;margin-top:56px;padding:clamp(20px,3vw,32px);background:var(--sage);border-radius:32px}
.ak-next h2{margin-top:0}
.ak-next ul{gap:12px!important}
.ak-next a{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:100%;padding:16px 18px!important;border:0;border-radius:20px;background:var(--surface);box-shadow:0 10px 26px -20px rgba(36,90,85,.45);transition:transform .25s var(--ease)}
.ak-next a:hover{transform:translateY(-3px)}
.ak-next li{display:flex}
.ak-msteps{list-style:none;padding:0;margin:1em 0;display:grid;gap:10px;counter-reset:m}
.ak-msteps li{counter-increment:m;display:flex;gap:14px;align-items:flex-start;background:var(--soft);border-radius:18px;padding:12px 16px}
.ak-msteps li::before{content:counter(m);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--fjord);color:var(--on-fjord,#fff);font:700 .95rem var(--head)}
/* Register: rundade grupper i rutnät, varumärken som piller */
.ak-groups{display:grid;gap:16px;margin:28px 0}
@media(min-width:760px){.ak-groups{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ak-groups{grid-template-columns:1fr 1fr 1fr}}
.ak-group{background:var(--surface);border-radius:26px;padding:20px 22px;box-shadow:0 2px 6px rgba(20,41,47,.04),0 18px 40px -26px rgba(36,90,85,.35)}
.ak-group h2{font-size:1.15rem!important;margin:0 0 8px}
.ak-group .ak-list{columns:auto!important}
.ak-group .ak-list li:first-child{border-top:0}
.ak-list a span.n{background:var(--soft);border-radius:999px;padding:1px 10px;font-size:.85rem}
.ak-chips{list-style:none;padding:0;margin:16px 0;display:flex;flex-wrap:wrap;gap:8px}
.ak-chips a{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;box-shadow:0 6px 18px -14px rgba(36,90,85,.5)}
.ak-chips a span{color:var(--muted);font-weight:400;font-size:.85rem}
.ak-chips a:hover{background:var(--sage)}
.ak-steps li{border:0!important;border-radius:22px;background:var(--soft)}
.ak-opt{border:1px solid var(--line);border-radius:14px}
.ak-idx{columns:auto!important;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.ak-idx li{border:0!important}
.ak-idx a{height:100%;align-items:center;padding:14px 18px;border-radius:18px;background:var(--surface);box-shadow:0 8px 22px -18px rgba(36,90,85,.5);transition:transform .2s var(--ease)}
.ak-idx a:hover{transform:translateY(-2px)}
.ak-next a{width:100%}
.ak-groups{display:block!important;columns:3 300px;column-gap:16px}
.ak-group{break-inside:avoid;margin:0 0 16px;display:block}
.ak-list a span.n{align-self:center;white-space:nowrap;flex:none}
/* Fotoessä: två ritade stegkort i stället för stämningsbilder */
.ak-stepcard{display:flex;flex-direction:column;gap:6px;padding:20px 22px 24px;background:var(--surface);border-radius:28px;text-decoration:none;color:var(--ink);box-shadow:0 2px 6px rgba(20,41,47,.04),0 18px 40px -26px rgba(36,90,85,.4);transition:transform .25s var(--ease)}
.ak-stepcard:hover{transform:translateY(-3px)}
.ak-stepcard svg{width:100%;height:auto;max-height:120px;margin-bottom:6px}
.ak-stepcard b{font:400 1.25rem var(--disp,var(--head));line-height:1.2}
.ak-stepcard span{color:var(--muted);font-size:.95rem}
.ak-stepcard .sc-face{fill:var(--sage)}
.ak-stepcard .sc-line,.ak-stepcard g path{fill:none;stroke:var(--fjord-2);stroke-width:4;stroke-linecap:round}
.ak-stepcard .sc-dev{fill:var(--accent)}
.ak-stepcard g path{stroke-dasharray:4 9}
.ak-stepcard.ak-essay-b{border-radius:28px!important;background:var(--sky)}
.ak-stepcard.ak-essay-c{border-radius:28px!important;background:var(--sand)}
@media (prefers-reduced-motion:no-preference){
.ak-stepcard .sc-out path{animation:sc-out 3.2s ease-in-out infinite}
.ak-stepcard .sc-in path{animation:sc-in 3.2s ease-in-out infinite}
.ak-stepcard g path:nth-child(2){animation-delay:.25s}.ak-stepcard g path:nth-child(3){animation-delay:.5s}}
@keyframes sc-out{0%,100%{opacity:.25;transform:translateX(-4px)}50%{opacity:1;transform:translateX(4px)}}
@keyframes sc-in{0%,100%{opacity:.25;transform:translateX(4px)}50%{opacity:1;transform:translateX(-4px)}}
@media(max-width:959px){.ak-essay-grid{grid-template-columns:1fr 1fr}.ak-essay-a,.ak-essay-text{grid-column:1/-1}}
@media(max-width:520px){.ak-essay-grid{grid-template-columns:1fr}}
.ak-ph figcaption a{color:inherit}

/* ===== v5 «album» för Sverige: tejpade foton, lapp med häftstift, vykort, bokstavsregister ===== */
@font-face{font-family:"Patrick Hand";src:url(../fonts/patrick-hand-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--hand:"Patrick Hand","Segoe Print",cursive;--papper:#FFFEF8;--tejp:rgba(244,181,68,.55);--tejp2:rgba(62,125,116,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--papper:#1E2E30;--tejp:rgba(244,181,68,.45);--tejp2:rgba(142,195,204,.35)}}
:root[data-theme=dark]{--papper:#1E2E30;--tejp:rgba(244,181,68,.45);--tejp2:rgba(142,195,204,.35)}
.ak-hand{font-family:var(--hand)!important;font-weight:400;letter-spacing:0}
.ak-kick{font-size:1.4rem;color:var(--fjord-2);margin:0 0 4px;transform:rotate(-2deg);display:inline-block}

/* logga */
.ak-mark{overflow:visible;flex:none}
.ak-mark-bg{fill:var(--sage)}
.ak-logo-t{display:grid;line-height:1}
.ak-logo-t small{font-size:.95rem;color:var(--fjord-2);font-weight:400;margin-top:3px;transform:rotate(-2deg);transform-origin:left}
.ak-mark-air path{stroke-dasharray:14;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
 .ak-mark-ridges{animation:ak-twist 6s ease-in-out infinite}
 .ak-mark-grip{animation:ak-click 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
 .ak-mark-air path{animation:ak-inhale 6s ease-in-out infinite}
 .ak-mark-air path:nth-child(2){animation-delay:.15s}
 .ak-logo:hover .ak-mark-ridges,.ak-logo:hover .ak-mark-grip,.ak-logo:hover .ak-mark-air path{animation-duration:2s}
}
@keyframes ak-twist{0%,8%{transform:translateX(0)}14%{transform:translateX(2px)}20%{transform:translateX(-2px)}26%,100%{transform:translateX(0)}}
@keyframes ak-click{0%,24%{transform:scale(1)}27%{transform:scale(1.05)}30%,100%{transform:scale(1)}}
@keyframes ak-inhale{0%,30%{stroke-dashoffset:14;opacity:0}40%{opacity:1}60%{stroke-dashoffset:0;opacity:1}80%,100%{stroke-dashoffset:-14;opacity:0}}

/* topp: logga vänster, meny i mitten, verktyg höger */
@media(min-width:960px){.ak-top .ak-wrap{display:grid!important;grid-template-columns:1fr auto 1fr}.ak-top .ak-tools{justify-self:end}.ak-top .ak-logo{justify-self:start}}
.ak-nav>li>a::after{height:8px;bottom:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 8'%3E%3Cpath d='M2 4c10 3 18-3 28 0s18 3 28-1' fill='none' stroke='%23F4B544' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;border-radius:0}

/* omslag med album */
.ak-cover2{background:radial-gradient(900px 480px at 80% 15%,var(--sand),transparent 65%),var(--bg)!important;padding-block:36px 8px}
.ak-cover2-grid{display:grid;gap:40px}
@media(min-width:960px){.ak-cover2-grid{grid-template-columns:5fr 6fr;gap:56px;align-items:center}}
.ak-cover2 h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:12ch}
.ak-mark-word{font-style:normal;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--accent) 65%,transparent) 58% 92%,transparent 92%) no-repeat;background-size:100% 100%;padding:0 .08em}
.ak-find{display:grid;grid-template-columns:1fr auto;background:var(--surface);border-radius:999px;padding:6px;margin:22px 0 18px;box-shadow:0 20px 40px -26px rgba(20,41,47,.5);max-width:520px}
.ak-find input{border:0;background:transparent;color:var(--ink);font:inherit;padding:0 16px;min-height:46px;min-width:0}
.ak-find input:focus{outline:none}
.ak-lapp-pris{display:inline-grid;gap:2px;padding:12px 22px 12px 34px;background:var(--accent);color:#14292F;text-decoration:none;clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%);border-radius:0 12px 12px 0;transform:rotate(-1.5deg)}
.ak-lapp-pris .ak-hand{font-size:1.1rem}.ak-lapp-pris b{font:400 1.8rem/1 var(--display)}.ak-lapp-pris small{font-size:.82rem}
.ak-album{position:relative;height:clamp(380px,44vw,560px)}
.ak-tejp{position:relative;margin:0;background:var(--papper);padding:8px;border-radius:6px;box-shadow:0 2px 4px rgba(20,41,47,.06),0 20px 36px -22px rgba(20,41,47,.55)}
.ak-tejp img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.ak-tejp::before,.ak-tejp::after{content:"";position:absolute;width:62px;height:20px;background:var(--tejp);top:-9px;z-index:2}
.ak-tejp::before{left:-14px;rotate:-32deg}.ak-tejp::after{right:-14px;rotate:30deg;background:var(--tejp2)}
.ak-tejp figcaption{font:400 1.15rem/1.2 var(--hand);color:var(--ink);text-align:center;padding:8px 2px 4px}
.ak-album .ak-tejp{position:absolute}
.ak-album .p1{width:54%;left:6%;top:2%;rotate:-2.5deg;z-index:3}
.ak-album .p2{width:40%;right:0;top:6%;rotate:3deg}
.ak-album .p3{width:40%;left:0;bottom:0;rotate:2deg}
.ak-album .p4{width:42%;right:6%;bottom:2%;rotate:-3deg;z-index:2}
@media(max-width:600px){.ak-album{height:440px}.ak-album .p1{width:64%}.ak-album .ak-tejp:not(.p1){width:46%}}
.ak-kred{font-size:.75rem;color:var(--muted);margin:16px 0 0;text-align:right}.ak-kred a{color:inherit}

/* lapp med häftstift */
.ak-kortom{padding-block:40px 56px}
.ak-kortom-grid{display:grid;gap:28px}
@media(min-width:900px){.ak-kortom-grid{grid-template-columns:1fr 1fr;gap:48px;align-items:center}}
.ak-pin{position:relative;background:var(--papper);padding:30px 30px 24px;border-radius:4px;box-shadow:0 18px 34px -24px rgba(20,41,47,.5);rotate:1deg}
.ak-pin::before{content:"";position:absolute;top:-10px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFD98A,#E39A1B 60%,#B5730C);box-shadow:0 4px 6px rgba(0,0,0,.25)}
.ak-pin h2{font-size:2rem;margin:0 0 8px;color:var(--fjord)}
.ak-loften{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr 1fr}
.ak-loften li{background:var(--sage);border-radius:22px 22px 22px 6px;padding:14px 16px}
.ak-loften b{display:block;font:400 1.15rem var(--display)}.ak-loften span{font-size:.95rem;color:var(--muted)}

/* årstider: bågformade foton */
.ak-aret{padding-block:64px;background:var(--sand)}
.ak-aret h2,.ak-aret-lead{text-align:center}.ak-aret-lead{margin:0 auto 32px;color:var(--muted);max-width:60ch}
.ak-aret-list{list-style:none;margin:0;padding:0;display:grid;gap:28px 22px;grid-template-columns:1fr 1fr}
@media(min-width:960px){.ak-aret-list{grid-template-columns:repeat(4,1fr)}}
.ak-aret-list li{text-align:center}
.ak-bage{padding:8px;border-radius:999px 999px 14px 14px;max-width:220px;margin:0 auto 14px}
.ak-bage img{aspect-ratio:3/4;border-radius:999px 999px 8px 8px}
.ak-bage::before,.ak-bage::after{display:none}
.ak-aret-list h3{font:400 1.5rem var(--display);margin:0 0 4px}
.ak-aret-list p{margin:0 auto;max-width:26ch;font-size:.98rem}
.ak-aret .ak-kred{text-align:center;margin-top:28px}

/* bokstavsregister */
.ak-bokstav{columns:1;column-gap:40px;margin-top:8px}
@media(min-width:700px){.ak-bokstav{columns:2}}@media(min-width:1100px){.ak-bokstav{columns:3}}
.ak-bokstav-g{break-inside:avoid;display:grid;grid-template-columns:52px 1fr;gap:6px 12px;margin-bottom:22px}
.ak-bokstav-g h3{margin:0;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#14292F;display:grid;place-items:center;font-size:1.7rem;line-height:1}
.ak-bokstav-g ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ak-bokstav-g a{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;border-radius:999px;background:var(--surface);text-decoration:none;color:var(--ink);box-shadow:0 6px 14px -12px rgba(20,41,47,.5);transition:translate .2s,background-color .2s}
.ak-bokstav-g a:hover{translate:4px 0;background:var(--sage)}
.ak-bokstav-g .n{font-weight:600}.ak-bokstav-g .p{font-size:.88rem;color:var(--fjord-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.ak-az{display:none}

/* vykort */
.ak-vykort-sec{padding-block:64px}
.ak-vykort{display:grid;gap:0;background:var(--papper);border-radius:8px;box-shadow:0 26px 48px -28px rgba(20,41,47,.55);max-width:980px;margin:0 auto;rotate:-.6deg;overflow:hidden}
@media(min-width:800px){.ak-vykort{grid-template-columns:3fr 2fr}}
.ak-vykort-l{padding:30px 34px}
.ak-vykort-r{padding:30px 34px;border-left:2px dashed color-mix(in srgb,var(--ink) 18%,transparent);display:grid;align-content:start;gap:18px;background:repeating-linear-gradient(180deg,transparent 0 46px,color-mix(in srgb,var(--ink) 12%,transparent) 46px 47px) 0 120px/100% 141px no-repeat}
@media(max-width:799px){.ak-vykort-r{border-left:0;border-top:2px dashed color-mix(in srgb,var(--ink) 18%,transparent)}}
.ak-vykort-hej{font-size:2.2rem;margin:0;color:var(--fjord)}
.ak-vykort h2{font-size:1.6rem;margin:0 0 10px;color:var(--ink)}
.ak-vykort .ak-log{font-family:var(--hand);font-size:1.12rem}
.ak-vykort-sign{text-align:right;font-size:1.3rem;color:var(--fjord-2);margin:12px 0 0}
.ak-stamp{justify-self:end;width:96px;padding:8px;background:var(--surface);border:3px dotted color-mix(in srgb,var(--ink) 25%,transparent);display:grid;justify-items:center;gap:2px;rotate:4deg}
.ak-stamp span{font:400 .9rem var(--display)}
.ak-vykort-to{font:400 1.3rem/47px var(--hand);margin:24px 0 0}

/* sidfot */
.ak-foot{background:transparent!important;padding:0!important;margin-top:48px}
.ak-foot-wave{display:block;width:100%;height:50px;fill:var(--sage);margin-bottom:-1px}
.ak-foot-in{background:var(--sage);padding-block:24px 28px}
.ak-fhead{display:grid;gap:10px;justify-items:start;padding-bottom:26px;border-bottom:2px dashed color-mix(in srgb,var(--ink) 15%,transparent);max-width:none}
@media(min-width:900px){.ak-fhead{grid-template-columns:auto 1fr auto;align-items:center;gap:32px}}
.ak-fhead p{margin:0;max-width:60ch}
.ak-fhand{font-size:1.35rem;color:var(--fjord)}
.ak-fcols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 24px;padding-block:28px 6px}
@media(min-width:900px){.ak-fcols{grid-template-columns:repeat(4,1fr)!important}}
.ak-fcols h2.ak-hand,.ak-fcols h3.ak-hand{font-size:1.5rem;color:var(--fjord-2);margin:0 0 6px}
.ak-legal{border-top:2px dashed color-mix(in srgb,var(--ink) 15%,transparent)}

/* rörelse */
html.ak-anim .ak-in{opacity:0;translate:0 24px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1)}
html.ak-anim .ak-tejp.ak-in{scale:1.1;translate:0 -16px}
html.ak-anim .ak-in.on{opacity:1;translate:0 0;scale:1}
html.ak-anim .ak-mark-word{background-size:0 100%;transition:background-size 1.1s .5s cubic-bezier(.65,0,.35,1)}
html.ak-anim .ak-mark-word.on{background-size:100% 100%}
.ak-btn{transition:translate .2s,box-shadow .2s,background-color .2s}.ak-btn:hover{translate:0 -2px}
.ak-aret-list li:hover .ak-bage img{scale:1.06}.ak-bage img{transition:scale .6s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:reduce){.ak-in{opacity:1!important;translate:none!important;scale:none!important}}
.ak-devbar{min-width:0}.ak-devbar ul{overflow-x:auto;scrollbar-width:none;max-width:100%}.ak-cover2{overflow-x:clip}
.ak-kortom-grid>*,.ak-cover2-grid>*{min-width:0}@media(max-width:520px){.ak-loften{grid-template-columns:1fr}.ak-pin{rotate:0deg}}

/* inre sidor i album-stil */
.ak-page-h2{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.ak-page-h2{grid-template-columns:1fr 260px;gap:56px}}
.ak-page-tejp{max-width:260px;justify-self:center;rotate:2.5deg;margin-top:18px}
@media(max-width:899px){.ak-page-tejp{max-width:220px}}
.ak-kort{position:relative;background:var(--papper)!important;border-radius:4px!important;box-shadow:0 18px 34px -24px rgba(20,41,47,.5)!important;rotate:-.4deg;margin-top:22px!important}
.ak-kort::before{content:"";position:absolute;top:-10px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFD98A,#E39A1B 60%,#B5730C);box-shadow:0 4px 6px rgba(0,0,0,.25)}
.ak-kort h2.ak-hand{font-size:1.9rem!important;color:var(--fjord)!important}
.ak-review{border-left:3px dashed var(--accent)!important;background:transparent!important;padding-left:14px!important}
.ak-prose section>h2::after{content:"";display:block;width:64px;height:8px;margin-top:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 8'%3E%3Cpath d='M2 4c10 3 18-3 28 0s18 3 28-1' fill='none' stroke='%23F4B544' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") left/100% 100% no-repeat}
.ak-group{background:transparent!important;box-shadow:none!important;padding:0 0 6px!important}
.ak-group h2{display:inline;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--accent) 55%,transparent) 58% 92%,transparent 92%);padding:0 .1em}
.ak-group .ak-list{margin-top:12px;display:grid;gap:6px}
.ak-group .ak-list li{border:0!important}
.ak-group .ak-list a{padding:9px 14px;border-radius:999px;background:var(--surface);box-shadow:0 6px 14px -12px rgba(20,41,47,.5);font-size:1rem;transition:translate .2s}
.ak-group .ak-list a:hover{translate:4px 0;background:var(--sage)}
.ak-fnext a,.ak-next a{min-height:0}
.ak-cphoto{margin:1.2em 0;aspect-ratio:3/2}
.ak-page-tejp-w{display:grid;justify-items:center}.ak-page-tejp-w .ak-kred{text-align:center;margin-top:10px}

/* ===== Prisjämförelsen /priser/: prislappar, tabell, kvitton, regler (album-stil) ===== */
.ak-pj-jump{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.ak-pj-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font:600 .95rem var(--head);box-shadow:0 6px 14px -12px rgba(20,41,47,.5);transition:background-color .2s,translate .2s}
.ak-pj-jump a:hover{background:var(--sage);translate:0 -2px}
.ak-pj-sec{padding-block:40px 6px;scroll-margin-top:72px}
.ak-pj-gh,.ak-pj-l{scroll-margin-top:130px}
.ak-pj-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 18px;margin-bottom:20px}
.ak-pj-h h2{margin:0}
.ak-pj-note{font-size:1.3rem;color:var(--fjord-2);margin:0;rotate:-1.5deg}

/* prislappar */
.ak-pj-tags{list-style:none;margin:0;padding:0;display:grid;gap:22px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1040px){.ak-pj-tags{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ak-pj-tags li{display:flex}
.ak-pj-tag{position:relative;display:flex;flex-direction:column;width:100%;padding:16px 14px 14px 34px;background:var(--accent);color:#14292F;text-decoration:none;clip-path:polygon(20px 0,100% 0,100% 100%,20px 100%,0 50%);border-radius:0 14px 14px 0;transition:rotate .3s cubic-bezier(.16,1,.3,1),translate .3s cubic-bezier(.16,1,.3,1),background-color .2s}
.ak-pj-tags li:nth-child(odd) .ak-pj-tag{rotate:-1.2deg}.ak-pj-tags li:nth-child(even) .ak-pj-tag{rotate:1deg}
.ak-pj-tag::before{content:"";position:absolute;left:13px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px rgba(20,41,47,.35)}
.ak-pj-tag:hover,.ak-pj-tag:focus-visible{rotate:0deg!important;translate:0 -3px;background:var(--accent-hi);color:#14292F}
.ak-pj-tag .ak-hand{font-size:1.3rem;line-height:1.1}
.ak-pj-tag .nt{font-size:.78rem;opacity:.85;line-height:1.3;min-height:2.6em}
.ak-pj-tag .fr{font-size:.85rem;margin-top:8px}
.ak-pj-tag b{font:400 clamp(1.7rem,2.6vw,2.1rem)/1 var(--display);letter-spacing:-.01em}
.ak-pj-tag .to{font-size:.95rem;margin-top:2px}
.ak-pj-tag .ct{font-size:.78rem;margin-top:auto;padding-top:8px;border-top:1px dashed rgba(20,41,47,.4)}
.ak-pj-tag .to+.ct{margin-top:10px}

/* kontroller */
.ak-pj-ctl{display:grid;gap:12px;margin-bottom:18px}
@media(min-width:900px){.ak-pj-ctl{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ak-pj-pills,.ak-pj-count{grid-column:1/-1}}
.ak-pj-find{display:flex!important;align-items:center;gap:4px;margin:0!important;max-width:none!important;padding:4px 6px 4px 18px!important;color:var(--muted)}
.ak-pj-find input{flex:1;min-height:46px;color:var(--ink)}
.ak-pj-find:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--fjord-2) 40%,transparent),0 20px 40px -26px rgba(20,41,47,.5)}
.ak-pj-mode{display:inline-flex;justify-self:start;background:var(--surface);border-radius:999px;padding:4px;box-shadow:0 10px 24px -18px rgba(20,41,47,.5)}
.ak-pj-mode button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:600 .95rem var(--head);cursor:pointer;transition:background-color .2s,color .2s}
.ak-pj-mode button[aria-pressed=true]{background:var(--fjord);color:var(--on-fjord)}
.ak-pj-pills{display:flex;flex-wrap:wrap;gap:8px}
.ak-pj-pills .ak-chip{min-height:40px;padding:0 14px;font-size:.9rem}
.ak-pj-count{margin:0;font-size:.95rem;color:var(--muted)}
.ak-pj-count b{color:var(--ink);font-variant-numeric:tabular-nums}

/* tabellen */
table.ak-pj{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:26px;box-shadow:0 2px 6px rgba(20,41,47,.04),0 18px 40px -24px rgba(36,90,85,.35);font-variant-numeric:tabular-nums}
.ak-pj thead th{position:sticky;top:var(--pj-top,68px);z-index:3;background:var(--soft);text-align:left;font:700 .85rem var(--head);padding:10px 14px;border-bottom:1px solid var(--line)}
.ak-pj thead th:first-child{border-top-left-radius:26px}.ak-pj thead th:last-child{border-top-right-radius:26px}
.ak-pj thead th.num{text-align:right}
.ak-pj thead button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;margin:0 -10px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.ak-pj thead button:hover{background:var(--sage)}
.ak-pj thead button::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;translate:0 -2px;opacity:.3;transition:rotate .2s,opacity .2s}
.ak-pj thead th[aria-sort=ascending] button::after{opacity:1;rotate:225deg;translate:0 2px}
.ak-pj thead th[aria-sort=descending] button::after{opacity:1}
.ak-pj-m>th,.ak-pj-m>td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle;text-align:left;font-weight:400}
.ak-pj .num{text-align:right}
.ak-pj-pn{display:flex;gap:12px;align-items:center}
.ak-pj-ico{width:42px;height:42px;flex:none;color:var(--fjord);background:var(--sage);border-radius:14px;padding:5px}
.ak-pj-pn a{font:600 1.05rem var(--head);color:var(--ink);text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .3s}
.ak-pj-pn a:hover{background-size:100% 2px}
.ak-pj-pn small{display:block;color:var(--muted);font-size:.85rem}
.ak-pj-st{font-size:.9rem;color:var(--muted);max-width:230px}
.ak-pj-st .more{display:inline-block;padding:0 7px;border-radius:999px;background:var(--soft);font-size:.8rem}
.ak-pj-pr{min-width:230px}
.ak-pj-bar{display:block;height:8px;border-radius:99px;background:var(--mist);overflow:hidden;margin-bottom:6px;max-width:260px}
.ak-pj-bar i{display:block;height:100%;width:var(--w1);border-radius:99px;background:var(--fjord-2);transform-origin:left;transition:width .5s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.ak-pj.per .ak-pj-bar i{width:var(--w2)}
.ak-pj-l.c1 .ak-pj-bar i{background:var(--accent)}.ak-pj.per .ak-pj-l .ak-pj-bar i{background:var(--fjord-2)}.ak-pj.per .ak-pj-l.c2 .ak-pj-bar i{background:var(--accent)}
.ak-pj-v b{font:700 1.05rem var(--head)}
.ak-pj-v small{color:var(--muted)}
.ak-pj-v .v2,.ak-pj.per .ak-pj-v .v1{display:none}.ak-pj.per .ak-pj-v .v2{display:inline}
.ak-pj-tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ak-pj-tagrow:empty{display:none}
.ak-pj-billig{display:inline-block;font:400 1rem/1.5 var(--hand);background:var(--accent);color:#14292F;padding:0 10px 0 16px;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);border-radius:0 6px 6px 0}
.ak-pj-billig.b2,.ak-pj.per .ak-pj-billig.b1{display:none}.ak-pj.per .ak-pj-billig.b2{display:inline-block}
.ak-pj-x{text-align:right;width:1%;white-space:nowrap}
.ak-pj-x button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 .85rem var(--head);cursor:pointer;transition:background-color .2s,border-color .2s}
.ak-pj-x button:hover{border-color:var(--fjord-2);background:var(--sage)}
.ak-pj-x svg{transition:rotate .25s}.ak-pj-x button[aria-expanded=true] svg{rotate:180deg}
.ak-pj.ready .ak-pj-m{cursor:pointer}
.ak-pj.ready .ak-pj-m:hover>*{background:color-mix(in srgb,var(--sage) 50%,transparent)}
.ak-pj-gh th{padding:26px 14px 10px;text-align:left;border-top:1px solid var(--line);font-weight:400}
.ak-pj-gh .ak-hand{font-size:1.55rem;color:var(--fjord);margin-right:6px}
.ak-pj-gh small{color:var(--muted);font-size:.88rem}
.ak-pj.sorted .ak-pj-gh,.ak-pj .gone{display:none}
.ak-pj.ready .ak-pj-l:not(.open) .ak-pj-d{display:none}
.ak-pj-d>td{padding:0 14px 16px}
.ak-pj-dw{background:var(--soft);border-radius:18px;padding:10px 14px 12px}
.ak-pj-l.open .ak-pj-dw{animation:ak-pj-open .35s cubic-bezier(.16,1,.3,1)}
@keyframes ak-pj-open{from{opacity:0;translate:0 -6px}}
.ak-pj-sub{width:100%;border-collapse:collapse;font-size:.92rem}
.ak-pj-sub th{font:700 .78rem var(--head);color:var(--muted);text-align:left;padding:6px 8px}
.ak-pj-sub td{padding:7px 8px;border-top:1px dashed var(--line);vertical-align:middle}
.ak-pj-sub .num{text-align:right;white-space:nowrap}
.ak-pj-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:6px 0 0}
.ak-pj-empty{padding:18px 22px;background:var(--sand);border-radius:22px;font-family:var(--hand);font-size:1.2rem}
html.ak-anim .ak-pj.ready .ak-pj-l:not(.in) .ak-pj-bar i{transform:scaleX(0)}
html.ak-anim .ak-pj-tags.ready li,html.ak-anim .ak-pj-kvitton.ready .ak-pj-kvitto{opacity:0;translate:0 18px;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1)}
html.ak-anim .ak-pj-tags.ready li.in,html.ak-anim .ak-pj-kvitton.ready .ak-pj-kvitto.in{opacity:1;translate:0 0}
@media(max-width:899px) and (min-width:701px){.ak-pj-st{display:none}.ak-pj thead th:nth-child(2){display:none}}

/* mobil: varje produkt blir ett kort */
@media(max-width:700px){
 table.ak-pj{display:block;background:transparent;box-shadow:none;border-radius:0}
 .ak-pj>tbody{display:block}
 .ak-pj thead{display:block;position:sticky;top:var(--pj-top,60px);z-index:3;margin:0 -16px 12px;padding:8px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px)}
 .ak-pj thead tr{display:flex;gap:8px;flex-wrap:wrap}
 .ak-pj thead th{position:static;padding:0;background:none;border:0}
 .ak-pj thead th:nth-child(2),.ak-pj thead th:nth-child(5){display:none}
 .ak-pj thead button{margin:0;min-height:40px;padding:0 14px;background:var(--surface);box-shadow:0 6px 14px -12px rgba(20,41,47,.5);font-size:.9rem}
 .ak-pj-gh th{display:block;padding:20px 4px 8px;border:0}
 .ak-pj-l{display:block;background:var(--surface);border-radius:22px;margin:0 0 12px;box-shadow:0 2px 6px rgba(20,41,47,.04),0 16px 32px -24px rgba(36,90,85,.45);overflow:hidden}
 .ak-pj-m{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 16px}
 .ak-pj-m>th,.ak-pj-m>td{display:block;padding:0;border:0;min-width:0;max-width:none}
 .ak-pj-m>th{grid-column:1/-1}
 .ak-pj-m>td.num{display:none}
 .ak-pj-st{grid-column:1/-1}
 .ak-pj-pr{grid-column:1/2;min-width:0}
 .ak-pj-x{grid-column:2;align-self:end;width:auto}
 .ak-pj-x .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .ak-pj-x button{padding:0 12px}
 .ak-pj-d{display:block}.ak-pj-d>td{display:block;padding:0 10px 12px}
 .ak-pj-sub,.ak-pj-sub tbody{display:block}.ak-pj-sub thead{display:none}
 .ak-pj-sub tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:10px 4px;border-top:1px dashed var(--line)}
 .ak-pj-sub tr:first-child{border-top:0}
 .ak-pj-sub td{display:block;padding:0;border:0;text-align:left!important;white-space:normal!important;min-width:0;overflow-wrap:anywhere}
 .ak-pj-sub td::before{display:block;font:700 .7rem var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
 .ak-pj-sub td:nth-child(1)::before{content:"Styrka"}.ak-pj-sub td:nth-child(2)::before{content:"Förpackning"}.ak-pj-sub td:nth-child(3)::before{content:"Tillverkare"}
 .ak-pj-sub[data-u=dos] td:nth-child(4)::before{content:"Per dos"}.ak-pj-sub[data-u=enhet] td:nth-child(4)::before{content:"Per enhet"}
 .ak-pj-sub td:nth-child(5)::before{content:"AUP"}.ak-pj-sub td:nth-child(6)::before{content:"Utbyte"}
 .ak-pj-sub .ak-tag{white-space:normal}
}

/* kvitton: så mycket betalar du på ett år */
.ak-pj-year{background:linear-gradient(180deg,transparent,var(--sand) 18%,var(--sand) 82%,transparent);margin-top:28px;padding-bottom:40px}
.ak-pj-yhead{display:grid;gap:24px;align-items:center;margin-bottom:26px}
@media(min-width:900px){.ak-pj-yhead{grid-template-columns:minmax(0,1fr) 280px;gap:56px}}
.ak-pj-yhead p{max-width:62ch}
.ak-pj-tejp{max-width:250px;rotate:-2.5deg}
.ak-pj-kvitton{display:grid;gap:26px 22px}
@media(min-width:900px){.ak-pj-kvitton{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ak-pj-kvitto{position:relative;display:flex;flex-direction:column;background:var(--papper);padding:22px 22px 26px;border-radius:4px 4px 0 0;box-shadow:0 18px 34px -24px rgba(20,41,47,.55);font-variant-numeric:tabular-nums;--zz:radial-gradient(circle at 8px 0,transparent 7px,var(--papper) 7.5px)}
.ak-pj-kvitto::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:var(--zz) 0 0/16px 10px repeat-x}
.ak-pj-kvitton .ak-pj-kvitto:nth-child(1){rotate:-.8deg}.ak-pj-kvitton .ak-pj-kvitto:nth-child(2){rotate:.6deg}.ak-pj-kvitton .ak-pj-kvitto:nth-child(3){rotate:-.4deg}
.ak-pj-kn{font-size:1.15rem;color:var(--fjord-2);margin:0}
.ak-pj-kvitto h3{font:400 1.35rem/1.25 var(--display);margin:2px 0 12px}
.ak-pj-kvitto ul{list-style:none;margin:0 0 10px;padding:0;border-top:2px dashed color-mix(in srgb,var(--ink) 20%,transparent)}
.ak-pj-kvitto li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 16%,transparent)}
.ak-pj-kvitto li small{display:block;color:var(--muted);font-size:.84rem}
.ak-pj-kvitto li b{white-space:nowrap;font-weight:600}
.ak-pj-sum{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 0}
.ak-pj-sum s{color:var(--muted)}
.ak-pj-sum.pay{margin-top:8px;padding-top:8px;border-top:2px solid var(--ink)}
.ak-pj-sum.pay span{font:400 1.5rem var(--hand);color:var(--fjord)}
.ak-pj-sum.pay b{font:400 1.9rem/1 var(--display);background:linear-gradient(transparent 55%,color-mix(in srgb,var(--accent) 70%,transparent) 55% 92%,transparent 92%);padding:0 .1em}
.ak-pj-save{font-size:.92rem;color:var(--muted);margin:10px 0 12px}
.ak-pj-kvitto .ak-textlink{margin-top:auto;align-self:flex-start}

/* regler */
.ak-pj-rules{display:grid;gap:30px 26px}
@media(min-width:960px){.ak-pj-rules{grid-template-columns:7fr 5fr;align-items:start}}
.ak-pj-hk h3{font:400 1.5rem var(--display);margin:0 0 14px;color:var(--fjord)}
.ak-pj-stair{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;height:220px}
.ak-pj-stair li{height:var(--h);display:flex;flex-direction:column;justify-content:flex-start;gap:2px;padding:10px 8px;border-radius:14px 14px 4px 4px;background:var(--sage);min-width:0}
.ak-pj-stair li:first-child{background:color-mix(in srgb,var(--accent) 45%,var(--papper))}
.ak-pj-stair li.fri{background:var(--fjord);color:var(--on-fjord)}
.ak-pj-stair b{font:400 1.3rem/1 var(--display)}
.ak-pj-stair span{font-size:.8rem;font-weight:600;line-height:1.2}
.ak-pj-stair small{font-size:.72rem;opacity:.8;margin-top:auto;line-height:1.2}
.ak-pj-rcards{display:grid;gap:18px}
.ak-pj-rcard{border-radius:26px;padding:20px 22px}
.ak-pj-rcard.sky{background:var(--sky)}.ak-pj-rcard.sand{background:var(--sand)}
.ak-pj-rcard h3{font:400 1.3rem var(--display);margin:0 0 6px}
.ak-pj-rcard p{margin:.4em 0}
@media(max-width:520px){.ak-pj-stair{height:200px;gap:5px}.ak-pj-stair li{padding:8px 5px}.ak-pj-stair b{font-size:1.05rem}.ak-pj-stair span{font-size:.7rem}.ak-pj-stair small{font-size:.64rem}}
#substanser{padding-top:30px}
.ak-pj-x svg{flex:none}
@media(max-width:700px){.ak-pj-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px}.ak-pj-pills::-webkit-scrollbar{display:none}.ak-pj-pills .ak-chip{flex:none}}
.ak-pj-hk h3{margin-bottom:0}.ak-pj-hk .ak-pj-kn{margin:0 0 14px}
.ak-pj-kvitto li>span{min-width:0}
.ak-pj-ctl[hidden],.ak-pj [hidden]{display:none!important}
@media(max-width:560px){.ak-pj-stair{height:auto!important;grid-template-columns:1fr!important;gap:6px!important}.ak-pj-stair li{height:auto!important;width:calc(52% + var(--h) * .48);flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px!important;padding:8px 12px!important;border-radius:4px 14px 14px 4px}.ak-pj-stair b{font-size:1.15rem!important}.ak-pj-stair span{font-size:.8rem!important}.ak-pj-stair small{flex-basis:100%;font-size:.74rem!important;margin:0}}

/* ===== Kortlistor (.ak-rutor) och huvudmenyns rullgardiner (album-stil) ===== */
/* Kortlista: 12-kolumnsrutnät. 1 kort per rad på mobil, 2 från 640 px, 3 från 1000 px.
   Sista raden fylls alltid ut: vid 2 per rad blir de tre sista en rad med tre; vid 3 per rad
   blir två över två breda kort och ett över blir två rader med två. Ett ensamt kort får hela raden. */
ul.ak-rutor{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr))}
ul.ak-rutor>li{display:flex;min-width:0;grid-column:span 12;border:0}
@media(min-width:640px){
 ul.ak-rutor>li{grid-column:span 6}
 ul.ak-rutor>li:first-child:nth-last-child(2n+3)~li:nth-last-child(-n+3),ul.ak-rutor>li:first-child:nth-last-child(3){grid-column:span 4}
 ul.ak-rutor>li:only-child{grid-column:span 12}
}
@media(min-width:1000px){
 ul.ak-rutor>li{grid-column:span 4}
 ul.ak-rutor>li:first-child:nth-last-child(3n+2)~li:nth-last-child(-n+2),ul.ak-rutor>li:first-child:nth-last-child(2){grid-column:span 6}
 ul.ak-rutor>li:first-child:nth-last-child(3n+4)~li:nth-last-child(-n+4),ul.ak-rutor>li:first-child:nth-last-child(4){grid-column:span 6}
 ul.ak-rutor>li:only-child{grid-column:span 12}
}
.ak-ruta{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:18px 20px 42px;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:20px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(20,41,47,.04),0 16px 30px -24px rgba(36,90,85,.6);transition:translate .25s var(--ease),box-shadow .25s,border-color .25s}
.ak-ruta .ak-ruta-t{font:600 1.08rem/1.28 var(--head);color:var(--ink);text-wrap:balance;text-decoration:underline 3px transparent;text-underline-offset:5px;transition:text-decoration-color .25s}
.ak-ruta .ak-ruta-d{font:400 .94rem/1.45 var(--body);color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-wrap:pretty}
.ak-ruta .ak-ruta-pil{position:absolute;right:16px;bottom:12px;color:var(--fjord-2);opacity:.5;display:flex;transition:translate .25s var(--ease),opacity .25s}
.ak-ruta .ak-ruta-pil svg{width:20px;height:20px}
.ak-ruta .ak-ruta-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sage);color:var(--fjord);margin-bottom:4px}
.ak-ruta:hover{translate:0 -3px;border-color:color-mix(in srgb,var(--fjord-2) 35%,transparent);box-shadow:0 2px 4px rgba(20,41,47,.05),0 22px 36px -24px rgba(36,90,85,.7)}
.ak-ruta:hover .ak-ruta-t{text-decoration-color:var(--accent)}
.ak-ruta:hover .ak-ruta-pil{opacity:1;translate:4px 0}
.ak-ruta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* grupper med rubrik: rund tejpad bild eller piktogram, handskriven rubrik, antal */
.ak-rgrupp{margin:30px 0 0}
.ak-rgrupp-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ak-rgrupp-h h2,.ak-rgrupp-h h3{margin:0}
.ak-rgrupp-h h3.ak-hand{font-size:1.9rem;line-height:1;color:var(--fjord)}
.ak-rgrupp-n{font-size:.85rem;color:var(--muted);background:var(--soft);border-radius:999px;padding:2px 12px}
.ak-rund{position:relative;flex:none;width:64px;height:64px;border-radius:50%;padding:4px;background:var(--papper);box-shadow:0 10px 18px -12px rgba(20,41,47,.6);rotate:-4deg}
.ak-rund img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.ak-rund::after{content:"";position:absolute;width:36px;height:13px;background:var(--tejp);top:-3px;left:-8px;rotate:-34deg}
.ak-rund-ico{display:grid;place-items:center;color:var(--fjord);background:var(--sage)}
.ak-rund-ico::after{background:var(--tejp2)}
/* «Fortsätt här» använder samma kort */
.ak-next h2.ak-hand{font-size:1.9rem;color:var(--fjord);margin:0}
.ak-next ul.ak-rutor{gap:14px!important}
.ak-next .ak-ruta{padding:18px 20px 42px!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:20px}
html.ak-anim .ak-rutor>li{animation:ak-ruta-in .6s var(--ease) both}
html.ak-anim .ak-rutor>li:nth-child(2){animation-delay:.04s}html.ak-anim .ak-rutor>li:nth-child(3){animation-delay:.08s}html.ak-anim .ak-rutor>li:nth-child(n+4){animation-delay:.12s}
@keyframes ak-ruta-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}

/* huvudmeny: länk till hubben + pilknapp som öppnar panelen */
.ak-navw{min-width:0}
.ak-nav{align-items:center}
.ak-nav>li{display:flex;align-items:center}
.ak-nav>li>a{padding:0 4px 0 12px}
.ak-nav>li>a::after{left:12px;right:4px}
.ak-dd-b{display:grid;place-items:center;width:28px;height:36px;padding:0;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer;margin-right:4px}
.ak-dd-b:hover,.ak-dd.open .ak-dd-b{color:var(--ink);background:var(--soft)}
.ak-dd-b:focus-visible,.ak-macc-b:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.ak-chev{transition:rotate .25s var(--ease)}
.ak-dd.open .ak-chev,.ak-macc-b[aria-expanded=true] .ak-chev{rotate:180deg}
.ak-dd-p{--pw:640px;position:absolute;left:50%;top:calc(100% + 6px);translate:-50% 0;width:min(calc(100vw - 40px),var(--pw));padding:24px 28px 18px;background:var(--papper);border-radius:24px;box-shadow:0 2px 6px rgba(20,41,47,.06),0 30px 60px -30px rgba(20,41,47,.55);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);z-index:40;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,translate .25s var(--ease),visibility 0s .25s}
.ak-dd-p::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.ak-dd-p::after{content:"";position:absolute;top:-9px;left:50%;width:70px;height:20px;margin-left:-35px;background:var(--tejp);rotate:-2deg}
.ak-dd-p2{--pw:600px}.ak-dd-p3{--pw:900px}.ak-dd-p4{--pw:1040px}.ak-dd-p1w{--pw:680px}
.ak-dd.open .ak-dd-p,.no-js .ak-dd:hover .ak-dd-p,.no-js .ak-dd:focus-within .ak-dd-p{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .18s,translate .25s var(--ease),visibility 0s}
html.ak-anim .ak-dd-p{translate:-50% 8px}html.ak-anim .ak-dd.open .ak-dd-p{translate:-50% 0}
/* panelens innehåll (samma i mobilens dragspel) */
.ak-mp{display:grid;gap:18px 32px;grid-template-columns:repeat(var(--c,1),minmax(0,1fr))}
.ak-mp-2{--c:2}.ak-mp-3{--c:3}.ak-mp-4{--c:4}
.ak-mp-h{font-size:1.4rem;line-height:1.1;color:var(--fjord-2);margin:0 0 8px;padding-bottom:8px;border-bottom:2px dashed color-mix(in srgb,var(--ink) 14%,transparent)}
.ak-mp ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ak-mp-wide ul{grid-template-columns:1fr 1fr;gap:4px 24px}
.ak-mp a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:var(--ink);font:500 .98rem/1.3 var(--body);transition:background-color .2s,translate .2s}
.ak-mp a small{flex:none;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}
.ak-mp-wide a{flex-direction:column;gap:2px;font-weight:600}
.ak-mp-wide a small{flex:auto;font-weight:400;font-size:.86rem;line-height:1.35}
.ak-mp a:hover{background:var(--sage);translate:3px 0}
.ak-mp a:focus-visible,.ak-mp-all a:focus-visible{outline:3px solid var(--accent);outline-offset:0}
.ak-mp-all{margin:16px 0 0;padding-top:14px;border-top:2px dashed color-mix(in srgb,var(--ink) 14%,transparent);text-align:center}
.ak-mp-all a{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:var(--sage);color:var(--fjord);font:600 .95rem var(--head);text-decoration:none}
.ak-mp-all a svg{width:18px;height:18px;transition:translate .2s}
.ak-mp-all a:hover svg{translate:4px 0}
/* mobil: samma länkar som dragspel */
.ak-menu{background:var(--bg)!important;max-height:calc(100dvh - 68px);overflow:auto;overscroll-behavior:contain}
.ak-macc{list-style:none;margin:0 auto;padding:12px 16px 20px;max-width:var(--w);display:grid;gap:8px}
.ak-macc>li{background:var(--surface);border-radius:18px;box-shadow:0 10px 22px -20px rgba(20,41,47,.6);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.ak-macc-r{display:flex;align-items:center}
.ak-macc-r>a{flex:1;display:flex;align-items:center;min-height:52px;padding:0 18px;font:600 1.08rem var(--head);color:var(--ink);text-decoration:none}
.ak-macc-b{flex:none;display:grid;place-items:center;width:56px;height:52px;padding:0;border:0;border-left:1px dashed var(--line);background:none;color:var(--ink);cursor:pointer;border-radius:0 18px 18px 0}
.ak-macc-p{padding:4px 18px 16px}
.ak-macc-p .ak-mp{grid-template-columns:1fr;gap:14px}
.ak-macc-p .ak-mp-wide ul{grid-template-columns:1fr}
.ak-macc-p .ak-mp-all{text-align:left}
@media(min-width:600px){.ak-macc-p .ak-mp{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.ak-dd-b{display:grid}}
@media(max-width:959px){.ak-dd-p{display:none}}
@media (prefers-reduced-motion:reduce){.ak-dd-p,.ak-chev,.ak-ruta,.ak-mp a{transition:none!important}.ak-rutor>li{animation:none!important}}
.ak-mp-all,.ak-mp-h{max-width:none!important}

/* ===== Kontakt /kontakt/: brev med luftpostkant, frimärke och poststämpel (album-stil) ===== */
:root{--fel:#A4261B}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fel:#FF9E8F}}
:root[data-theme=dark]{--fel:#FF9E8F}
.ak-sr,.ak-kf-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.ak-kf-hp{left:-9999px}
.ak-kf{display:grid;gap:30px;margin-top:10px;align-items:start}
@media(min-width:960px){.ak-kf{grid-template-columns:minmax(0,1fr) 300px;gap:56px}.ak-kf-lapp{grid-column:2;grid-row:1;position:sticky;top:96px}.ak-kf>.ak-brev{grid-column:1;grid-row:1}}
.ak-kf-lapp{position:relative;background:var(--sand);padding:28px 24px 20px;border-radius:4px;box-shadow:0 18px 34px -24px rgba(20,41,47,.5);rotate:1.2deg;font-size:1rem}
.ak-kf-lapp::before{content:"";position:absolute;top:-10px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFD98A,#E39A1B 60%,#B5730C);box-shadow:0 4px 6px rgba(0,0,0,.25)}
.ak-kf-lapp h2{font-size:1.7rem;margin:0 0 8px;color:var(--fjord)}
.ak-kf-lapp p{margin:0 0 12px}
.ak-kf-112{font:700 1.05rem var(--head)}.ak-kf-112 a{background:var(--accent);color:#10242A;padding:1px 8px;border-radius:4px;text-decoration:underline;text-decoration-thickness:2px}
.ak-kf-sma{font-size:.92rem;color:var(--muted)}
@media(max-width:520px){.ak-kf-lapp{rotate:0deg}}

.ak-brev{position:relative;background:var(--papper);border-radius:6px;padding:34px clamp(18px,4vw,40px) 30px;box-shadow:0 2px 4px rgba(20,41,47,.06),0 26px 48px -28px rgba(20,41,47,.55);border-top:10px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--accent) 0 14px,var(--papper) 14px 22px,var(--fjord-2) 22px 36px,var(--papper) 36px 44px) 10;min-width:0}
.ak-brev::before,.ak-brev::after{content:"";position:absolute;width:74px;height:22px;background:var(--tejp);top:-18px;z-index:2}
.ak-brev::before{left:-12px;rotate:-24deg}.ak-brev::after{right:-12px;rotate:22deg;background:var(--tejp2)}
.ak-brev-topp{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px}
.ak-brev-hej{font-size:clamp(1.9rem,4vw,2.4rem);color:var(--fjord);margin:6px 0 0;rotate:-1.5deg;transform-origin:left}
.ak-brev-stamp{flex:none;width:84px;padding:8px 6px 4px;background:var(--surface);rotate:5deg;justify-self:auto}
.ak-brev-stamp span{font-size:.85rem}
.ak-kf-krav{font-size:.9rem;color:var(--muted);margin:0 0 14px}
.ak-kf-status:empty{display:none}
.ak-kf-status{margin:0 0 16px;padding:12px 16px;border-radius:6px;background:var(--sage);font-weight:600}
.ak-kf-status.fel{background:color-mix(in srgb,var(--fel) 12%,var(--papper));border-left:5px solid var(--fel);color:var(--ink)}
.ak-kf-status:focus{outline:none}.ak-kf-status:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

.ak-kf-f{display:grid;gap:6px;margin:0 0 20px;min-width:0}
fieldset.ak-kf-f{border:0;padding:0;margin:0 0 22px}
.ak-kf-f>label,.ak-kf-f legend{font-size:1.35rem;line-height:1.2;color:var(--ink);padding:0}
.ak-kf-f legend{margin-bottom:8px}
.ak-kf-f label small{font:400 .9rem var(--body);color:var(--muted)}
.ak-kf-f>small{font-size:.9rem;color:var(--muted)}
.ak-kf-rad{display:grid;gap:0 22px}
@media(min-width:640px){.ak-kf-rad{grid-template-columns:1fr 1fr}}
.ak-kf input[type=text],.ak-kf input[type=email],.ak-kf textarea{width:100%;min-height:50px;padding:10px 14px;border:2px solid color-mix(in srgb,var(--ink) 50%,transparent);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:1.02rem;transition:border-color .2s,box-shadow .2s}
.ak-kf input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.ak-kf textarea{--lh:1.75rem;line-height:var(--lh);padding:calc(var(--lh)*.25) 14px;resize:vertical;min-height:calc(var(--lh)*7);background:repeating-linear-gradient(transparent 0 calc(var(--lh) - 1px),color-mix(in srgb,var(--fjord-2) 18%,transparent) calc(var(--lh) - 1px) var(--lh)) 0 calc(var(--lh)*.25)/100% var(--lh) local,var(--surface)}
.ak-kf input:focus,.ak-kf textarea:focus{outline:none;border-color:var(--fjord);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent)}
.ak-kf .fel input,.ak-kf .fel textarea{border-color:var(--fel)}
.ak-kf-err{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;color:var(--fel);font:600 .95rem/1.4 var(--body)}
.ak-kf-err::before{content:"!";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--fel);color:var(--papper);font:700 .8rem/1 var(--head);margin-top:1px}
.ak-kf-err[hidden]{display:none}
.ak-kf-antal{white-space:nowrap}

.ak-kf-val{display:flex;flex-wrap:wrap;gap:10px}
.ak-kf-chip{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 18px 6px 12px;border:2px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:999px;background:var(--surface);cursor:pointer;font:600 .98rem var(--head);transition:background-color .2s,border-color .2s,translate .2s}
.ak-kf-chip:hover{translate:0 -2px;border-color:var(--fjord)}
.ak-kf-chip:has(:checked){background:var(--sage);border-color:var(--fjord)}
.ak-kf-chip:has(:focus-visible),.ak-kf-check:has(:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.ak-kf-chip input,.ak-kf-check input{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:22px;height:22px;border:2px solid var(--ink);background:var(--papper);display:grid;place-items:center;cursor:pointer}
.ak-kf-chip input{border-radius:50%}
.ak-kf-chip input:checked{background:radial-gradient(circle,var(--fjord) 0 5px,var(--papper) 5.5px)}
.ak-kf-chip input:focus,.ak-kf-check input:focus{outline:none}
.ak-kf-arende.fel .ak-kf-chip{border-color:var(--fel)}
.ak-kf-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:1rem;line-height:1.5;border-radius:6px}
.ak-kf-check input{border-radius:5px;margin-top:2px}
.ak-kf-check input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%2310242A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border-color:#10242A}
.ak-kf-ok.fel .ak-kf-check input{border-color:var(--fel)}
.ak-kf-skicka{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:8px;padding-top:20px;border-top:2px dashed color-mix(in srgb,var(--ink) 15%,transparent)}
.ak-kf-skicka .ak-btn{min-width:160px}
.ak-kf-skicka .ak-btn:disabled{opacity:.7;cursor:progress;transform:none;box-shadow:3px 3px 0 #10242A}
.ak-kf-sign{margin:0;font-size:1.35rem;color:var(--fjord-2);rotate:-3deg}

.ak-kf-tack{padding-top:44px}
.ak-kf-tack:focus{outline:none}
.ak-kf-post{float:right;margin:-8px 0 10px 18px;width:112px;height:112px;border-radius:50%;border:4px double var(--fjord);color:var(--fjord);display:grid;place-content:center;justify-items:center;rotate:-14deg;opacity:.85}
.ak-kf-post span{font:400 1.12rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.ak-kf-post small{font:600 .78rem var(--head);margin-top:4px}
@media (prefers-reduced-motion:no-preference){.ak-kf-tack:not([hidden]) .ak-kf-post{animation:ak-stampla .55s cubic-bezier(.2,1.4,.4,1) both}}
@keyframes ak-stampla{from{scale:1.8;opacity:0}to{scale:1;opacity:.85}}
@media(max-width:520px){.ak-kf-post{width:90px;height:90px;margin-left:10px}.ak-kf-post span{font-size:.92rem}.ak-kf-post small{font-size:.68rem}}
.ak-kf-utg{margin-top:40px}
.ak-kf-svar{padding-block:48px}
.ak-kf-forh{background:var(--papper);border-radius:6px;padding:16px 20px;margin:0 0 20px;box-shadow:0 18px 34px -24px rgba(20,41,47,.5)}
.ak-kf-rad>.ak-kf-f{align-content:start}
.ak-kf input,.ak-kf textarea,.ak-kf fieldset,.ak-kf-status,.ak-kf-tack{scroll-margin-top:100px}
/* Tillgänglighet (axe-core 4.10, WCAG 2.1 AA, 15.11.2026): rullande tabeller kan fokuseras, trappans första steg har nog kontrast i mörkt läge */
.ak-tw:focus-visible,.ak-prose table:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.ak-prose .ak-tw>table{display:table;overflow:visible;margin:0}
:root[data-theme=dark] .ak-pj-stair li:first-child small{opacity:1}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ak-pj-stair li:first-child small{opacity:1}}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ak-pj-stair li:first-child{background:color-mix(in srgb,var(--accent) 28%,var(--papper))}}
:root[data-theme=dark] .ak-pj-stair li:first-child{background:color-mix(in srgb,var(--accent) 28%,var(--papper))}
/* Astmakoll: svaren som lista (ingen poäng, ingen bedömning) */
.ak-svar{margin:0 0 14px;padding-left:1.3em}.ak-svar li{margin:0 0 8px}.ak-svar b{display:block;font-family:var(--head)}
#q-res h2{font-size:1.5rem}
/* Sidfotens juridiska rad: Integritet, Kakor och lagring, Tillgänglighet (samma på mobil och desktop) */
.ak-flegal{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.ak-flegal a{font-weight:600}
.ak-prose code{white-space:nowrap}