:root{--ink:#202f3b;--blue:#416983;--orange:#efa36c;--pale:#eef3f6;--line:#dce4e9;--muted:#586b78;--white:#fff;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a:hover{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,4.6vw,4.5rem);font-weight:750}h2{font-size:clamp(1.8rem,2.8vw,2.65rem);font-weight:700}h3{font-size:1.45rem;letter-spacing:-.025em}p{margin-bottom:1.25rem}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.logo{display:inline-flex;align-items:baseline;font-size:1.85rem;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.logo-mark{color:var(--blue);font-size:2.1rem;margin-left:3px;align-self:center;line-height:1}.logo-se{font-size:.85rem;letter-spacing:0;margin-left:6px;color:var(--muted);font-weight:500}.main-nav{display:flex;align-items:center;gap:25px;font-size:.9rem;font-weight:600}.main-nav a{padding:10px 0}.main-nav a[aria-current]{color:var(--blue);box-shadow:0 2px var(--blue)}.header-tag{font-size:.8rem;white-space:nowrap;color:var(--muted)}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:10px}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;padding-top:64px;padding-bottom:64px;align-items:center}.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.1em;font-weight:750;color:var(--blue);text-transform:uppercase;display:block;margin-bottom:17px}.dash{display:inline-block;width:23px;height:3px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(2.8rem,4.65vw,4.5rem);margin-bottom:22px;letter-spacing:-.055em}.hero em{font-style:normal;color:var(--blue);position:relative;white-space:nowrap}.hero em:after{content:"";position:absolute;height:6px;background:var(--orange);bottom:-4px;left:0;right:0;transform:rotate(-3deg)}.hero-copy>p{font-size:1.125rem;max-width:420px;color:var(--muted);line-height:1.65;margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--blue);color:white;padding:15px 22px;border-radius:5px;font-size:.95rem;font-weight:650;min-height:50px}.button:hover{background:#31536b;color:#fff}.button span{font-size:1.3rem}.hero-note{font-size:.8rem;margin-top:16px;color:var(--muted)}.hero-art{position:relative;background:#edf2f5;border-radius:var(--radius);overflow:hidden;min-height:405px;display:flex;align-items:stretch}.hero-art>img{object-fit:cover;aspect-ratio:1.35}.image-caption{position:absolute;bottom:18px;left:18px;right:18px;background:#fff;padding:18px 64px 18px 20px;border-radius:5px;box-shadow:0 4px 24px #142b5f08;line-height:1.4}.image-caption>span:first-child{font-size:.7rem;letter-spacing:.1em;color:var(--blue);font-weight:700;display:block;margin-bottom:5px}.image-caption strong{font-size:1rem}.round-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--orange);border-radius:50%;width:36px;height:36px;display:grid;place-content:center;font-size:1.4rem;color:var(--ink)}.topic-section{padding:30px 0 40px;background:#f4f7f8;border-block:1px solid #e6ecef}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:12px}.topic-section .section-heading h2{font-size:1.25rem;letter-spacing:-.025em}.muted{font-size:.85rem;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic{border:1px solid var(--line);background:white;padding:20px 23px;position:relative;border-radius:5px;transition:border-color .2s,transform .2s}.topic:hover{border-color:var(--blue);transform:translateY(-3px)}.topic-number{font-size:.75rem;color:var(--blue);font-weight:650;display:block;margin-bottom:13px}.topic h3{font-size:1.125rem;margin-bottom:7px;letter-spacing:-.02em}.topic>span:not(.topic-number):not(.topic-arrow){font-size:.8rem;color:var(--muted)}.topic-arrow{position:absolute;right:20px;bottom:18px;color:var(--blue);font-size:1.35rem}.section{padding-block:65px}.text-link{color:var(--blue);font-size:.95rem;font-weight:650;white-space:nowrap}.text-link:hover{text-decoration:underline}.text-link span{margin-left:14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card-image{overflow:hidden;background:var(--pale)}.card-image img{aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.card:hover .card-image img{transform:scale(1.03)}.card-content{padding:25px;display:flex;flex-direction:column;flex:1}.card .eyebrow{font-size:.68rem;margin-bottom:12px}.card h3,.card h2{margin-bottom:14px;font-size:1.45rem;line-height:1.18}.card p{font-size:.92rem;line-height:1.65;color:var(--muted);margin-bottom:24px}.readtime{margin-top:auto;padding-top:14px;border-top:1px solid #edf0f6;color:var(--muted);font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.readtime span{font-size:1.3rem;color:var(--blue)}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:white;border-radius:8px;overflow:hidden}.feature-image{background:#eaf0fa}.feature-image img{height:100%;object-fit:cover;min-height:335px}.feature-copy{padding:48px}.feature-copy .eyebrow{color:#c7d3ff}.feature-copy h2{font-size:2.1rem;line-height:1.2}.feature-copy p{color:#e1e8ff;font-size:1rem;max-width:420px}.feature-copy .text-link{color:white;border-bottom:1px solid #8199ff;padding-bottom:5px}.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.compact-grid h3{font-size:1.2rem}.compact-grid .card-content{padding:22px}.compact-grid p{font-size:.85rem}.site-footer{background:#f3f6f8;border-top:1px solid var(--line);margin-top:20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-block:48px}.footer-top p{color:var(--muted);font-size:.9rem;margin-top:15px}.footer-top nav{display:flex;flex-direction:column;gap:9px;font-size:.85rem}.footer-top nav strong{font-size:.8rem;margin-bottom:8px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding-top:28px}.breadcrumbs a:hover{text-decoration:underline}.listing-header{max-width:820px;padding-block:50px 25px}.listing-header h1{font-size:clamp(2.4rem,4vw,3.8rem);margin-bottom:20px}.listing-header p{font-size:1.1rem;color:var(--muted);max-width:700px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters a{border:1px solid var(--line);padding:9px 16px;border-radius:4px;font-size:.85rem;font-weight:600}.filters a[aria-current]{background:var(--blue);color:#fff;border-color:var(--blue)}.filters span{opacity:.7;margin-left:7px}.listing{padding-bottom:75px;row-gap:30px}.article-header{max-width:920px;padding-top:50px;margin-bottom:36px}.article-header h1{font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.08;margin-bottom:24px}.lead{font-size:1.25rem;color:var(--muted);max-width:800px;line-height:1.6}.article-meta{font-size:.8rem;color:var(--muted);display:flex;gap:24px;flex-wrap:wrap;padding-top:4px}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:65px;border-top:1px solid var(--line);padding-top:35px;align-items:start}.toc{position:sticky;top:25px;padding-top:10px}.toc strong{font-size:.8rem}.toc ol{padding-left:22px;font-size:.9rem;color:var(--muted)}.toc li{padding-left:5px;margin-bottom:14px}.toc a:hover{color:var(--blue);text-decoration:underline}.toc-back{display:block;font-size:.8rem;padding-top:15px;border-top:1px solid var(--line);color:var(--blue)}.article-image{border-radius:7px;margin-bottom:36px;aspect-ratio:16/9;object-fit:cover}.prose{font-size:1.0625rem;line-height:1.8}.prose section{position:relative;margin-block:42px}.prose section h2{font-size:1.9rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:20px}.prose p{margin-bottom:20px}.prose p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.section-index{display:block;color:var(--blue);font-size:.8rem;font-weight:700;margin-bottom:8px}.prose li{margin-bottom:12px}.prose ul,.prose ol{padding-left:26px}.prose pre{background:#152346;color:#f3f6ff;border-radius:6px;padding:23px;font-size:.9rem;overflow-x:auto;line-height:1.6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.9rem;min-width:500px;width:100%}td,th{text-align:left;vertical-align:top;padding:12px;border:1px solid var(--line)}th{background:var(--pale)}.related{border-top:1px solid var(--line);margin-top:35px}.about{padding-block:70px;max-width:900px}.about .prose{max-width:720px}.about .prose h2{font-size:1.8rem;margin-top:38px}.error{text-align:center;padding-block:65px 100px}.error-code{font-size:clamp(6rem,17vw,12rem);font-weight:850;color:var(--blue);letter-spacing:-.07em;line-height:1;margin-bottom:30px}.error-code span{color:var(--orange);display:inline-block;transform:rotate(-14deg)}.error h1{font-size:clamp(2.2rem,4vw,3.7rem)}.error>p{max-width:460px;margin:0 auto 30px;color:var(--muted)}.error-actions{display:flex;align-items:center;justify-content:center;gap:30px}@media(min-width:1550px){.hero{padding-block:85px}.hero-art{min-height:450px}}@media(max-width:1100px){.header-tag{display:none}.main-nav{gap:18px}.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero-art{min-height:365px}.compact-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}.feature-copy{padding:35px}.topic{padding:18px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:7px;min-height:auto;padding-block:17px 11px}.logo{font-size:1.65rem}.main-nav{width:100%;gap:6px 18px;flex-wrap:wrap;font-size:.8rem}.main-nav a{padding:4px 0}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px}.hero h1{font-size:clamp(2.8rem,9vw,4.4rem)}.hero-copy>p{max-width:500px;font-size:1rem}.hero-art{min-height:0;aspect-ratio:1.55}.hero-art>img{aspect-ratio:1.55}.image-caption{left:12px;right:12px;bottom:12px;padding:14px 54px 14px 15px}.image-caption strong{font-size:.9rem}.topic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.topic-section .section-heading{align-items:start}.topic-section .muted{display:none}.topic h3{font-size:1rem;max-width:130px}.topic-arrow{right:13px}.topic{padding:17px}.section{padding-block:42px}.section-heading{align-items:start}.section-heading h2{font-size:1.9rem}.section-heading>.text-link{font-size:.8rem;padding-top:6px}.card-grid{grid-template-columns:1fr;gap:20px}.card-content{padding:23px}.card h3,.card h2{font-size:1.4rem}.card p{font-size:1rem}.card .eyebrow{font-size:.75rem}.feature{grid-template-columns:1fr}.feature-image img{min-height:0;aspect-ratio:16/9}.feature-copy{padding:30px}.feature-copy h2{font-size:1.9rem}.compact-grid{grid-template-columns:1fr}.compact-grid h3{font-size:1.35rem}.compact-grid p{font-size:1rem}.footer-top{grid-template-columns:1fr 1fr;gap:28px;padding-block:35px}.footer-top>div{grid-column:1/-1}.footer-bottom{gap:16px;flex-wrap:wrap}.listing-header{padding-top:35px}.listing-header p{font-size:1rem}.filters{gap:8px}.filters a{padding:8px 12px;font-size:.8rem}.article-header{padding-top:32px}.article-header h1{font-size:2.7rem}.lead{font-size:1.1rem}.article-meta{gap:8px 18px}.article-layout{display:flex;flex-direction:column;gap:25px}.toc{position:static;width:100%;padding:20px;background:var(--pale);border-radius:5px}.toc ol{columns:1;margin-bottom:0}.toc li{margin-bottom:10px}.toc-back{display:none}.prose{width:100%;font-size:1rem}.prose section h2{font-size:1.75rem}.prose section{margin-block:34px}.article-image{margin-bottom:25px}.related{margin-top:0}.error{padding-block:45px 70px}.about{padding-top:45px}.error-actions{gap:20px}.text-link{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.main-nav,.filters a,.footer-top nav,.breadcrumbs{font-size:.875rem}@media(max-width:760px){.main-nav a{padding-block:8px}.toc a{display:inline-block;padding-block:3px}}

/* Refined brand: quieter blue and a paired-t monogram. */
.logo{align-items:center;gap:10px;letter-spacing:-.045em;font-size:1.7rem;font-weight:750;color:var(--ink)}
.logo .brand-mark{width:42px;height:42px;flex:none}.brand-name{display:inline-flex;align-items:baseline}.brand-name>span:first-child{color:var(--blue);font-weight:550}.logo-se{font-size:.75rem;margin-left:3px;color:var(--muted);font-weight:500;letter-spacing:-.01em}
.hero-art>img,.card-image img,.feature-image img,.article-image{filter:saturate(.58)}
.feature{background:#eef3f6;color:var(--ink);border:1px solid var(--line)}.feature-copy .eyebrow{color:var(--blue)}.feature-copy p{color:var(--muted)}.feature-copy .text-link{color:var(--blue);border-color:#b9cad5}
@media(max-width:760px){.logo{font-size:1.55rem;gap:9px}.logo .brand-mark{width:36px;height:36px}}

.guide-figure{margin:32px 0 36px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f5f8fa}.guide-figure img{width:100%;height:auto;filter:none}.guide-figure figcaption{padding:17px 20px;font-size:.875rem;line-height:1.65;color:var(--muted);background:#fff}.long-guide .toc{max-height:calc(100vh - 50px);overflow:auto;padding-right:10px}.long-guide .toc li{margin-bottom:10px}.long-guide .toc ol{font-size:.85rem}.long-guide .article-image{filter:none}@media(max-width:760px){.long-guide .toc{max-height:none;overflow:visible;padding:20px}.long-guide .toc ol{font-size:.9rem}.guide-figure{margin-block:26px}.guide-figure figcaption{padding:14px 16px}}

img[src*="snabbare-hemsida-natur"]{filter:none}.long-guide .guide-figure{background:#fff;border-color:#dedede}