/*
Theme Name: Elagenten
Description: Begriplig el med en vänlig animerad agent.
Version: 1.0.0
Requires PHP: 8.0
Text Domain: elagenten
*/
:root{--ink:#112b45;--muted:#50657b;--blue:#1264bb;--navy:#0d2e50;--line:#d8e3ed;--paper:#f7fafc;--yellow:#ffe17a;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.7}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}h1{font-size:clamp(2.35rem,5vw,4.5rem);margin:.3em 0 .5em;max-width:20ch}h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:.3em 0 .7em}h3{font-size:1.4rem;margin:.6em 0}p{margin:0 0 1.15em}a{color:#115da7;text-underline-offset:4px}a:hover{color:#073963}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c88b04;outline-offset:4px}img{max-width:100%;height:auto}li{margin-bottom:.55em}ul,ol{padding-left:1.4em}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:230px;height:auto}.nav{display:flex;gap:27px;align-items:center;list-style:none}.nav a{font-size:.94rem;font-weight:650;text-decoration:none;white-space:nowrap}.menu-button{display:none;border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--ink);background:white;min-height:44px}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px;background:var(--yellow)}.skip-link:focus{top:10px}.hero{background:linear-gradient(120deg,#edf5fc,#f5f9fc 60%,#e5f0f9);padding:72px 0 64px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.hero h1 span{color:var(--blue)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:800;color:#27629c;margin-bottom:18px}.lead{font-size:1.2rem;line-height:1.75;color:var(--muted);max-width:58ch}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:1px solid transparent;border-radius:12px;min-height:52px;padding:14px 23px;font-weight:700;text-decoration:none;line-height:1.4}.button:hover{background:#084b90;color:#fff}.button--secondary{background:white;color:var(--ink);border-color:var(--line)}.button--secondary:hover{background:#e6f0fa;color:var(--ink)}.text-link{font-weight:700;text-decoration:none}.hero-note{font-size:.82rem;margin:22px 0 0;color:var(--muted)}.hero-agent{text-align:center;position:relative}.hero-agent agent-pet{width:280px;max-width:100%}.speech{background:#fff;box-shadow:0 14px 45px #254b7020;border:1px solid #d6e5f2;border-radius:20px 20px 20px 5px;padding:18px 24px;font-size:.98rem;line-height:1.5;font-weight:600;max-width:310px;margin:auto auto -4px}.agent-label{font-size:.78rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px}.agent-label span{width:8px;height:8px;border-radius:50%;background:#139465}.section{padding:72px 0}.section-tint{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);padding:28px;color:var(--ink);background:white;text-decoration:none;min-width:0}.card p{color:var(--muted);font-size:.98rem}.card h2{font-size:1.6rem}.card-number{font-size:.68rem;letter-spacing:.11em;font-weight:800;color:var(--blue);margin-bottom:24px}.card-link{margin-top:auto;font-weight:700;color:#135d9f;font-size:.88rem}a.card:hover{border-color:#7faed8;box-shadow:0 10px 28px #173d5810}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.example{background:var(--navy);border-radius:28px;padding:40px;color:white}.example>span{font-size:.9rem;color:#c8dfef}.example strong{display:block;color:var(--yellow);font-size:4.5rem;line-height:1.3;letter-spacing:-.04em}.example small{font-size:1.3rem;letter-spacing:0}.example p{margin:16px 0;color:#edf6ff}.example .example-note{font-size:.76rem}.promise{padding:35px;border-left:4px solid #ffdb67;background:#fff8df;border-radius:0 20px 20px 0}.site-footer{padding:54px 0 90px;background:#edf3f8;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px}.footer-grid .brand{margin-bottom:18px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:.94rem}.fineprint,small{font-size:.82rem;color:var(--muted)}.article{max-width:1000px;padding-top:35px;padding-bottom:70px}.article h1{font-size:clamp(2rem,4vw,3.4rem);max-width:28ch}.breadcrumbs{font-size:.8rem;margin-bottom:32px;color:var(--muted)}.article .entry-content>h2{margin-top:1.6em}.article .entry-content>p,.article .entry-content>ul,.article .entry-content>ol{max-width:78ch}.article .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.callout{background:#edf5fd;border-left:4px solid #3278bd;border-radius:0 16px 16px 0;padding:25px 30px;margin:25px 0}.callout p:last-child{margin-bottom:0}.callout h2{font-size:1.5rem}.bill-parts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.bill-parts>div{border:1px solid var(--line);border-radius:20px;padding:28px}.bill-parts span{font-size:2.4rem;color:#478ac6;font-weight:750}.bill-parts h2{font-size:1.6rem}.table-wrap{overflow-x:auto;margin:30px 0;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:.97rem}th,td{text-align:left;padding:17px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eaf3fb;font-weight:750}tr:last-child td{border:0}.formula{padding:25px;background:var(--navy);color:#fff;border-radius:16px;margin:25px 0;font-weight:600}.review-line,.source{font-size:.8rem;color:var(--muted)}.review-line{border-top:1px solid var(--line);padding-top:20px;margin-top:50px}.source{margin-top:24px}.next-step{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.source-list li{margin-bottom:20px}.nav[hidden]{display:none!important}
@media(max-width:900px){.nav{gap:15px}.brand img{width:205px}.hero-grid{gap:30px}.split{gap:35px}.footer-grid{gap:25px}.cards{gap:15px}.card{padding:23px}}
@media(max-width:759px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;flex-wrap:wrap;gap:0}.brand img{width:190px}.menu-button{display:block}.nav{flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 0 20px}.nav a{padding:10px 5px}.hero{padding:34px 0 40px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:2.6rem}.hero-agent{display:grid;grid-template-columns:1fr 132px;align-items:center;gap:12px;grid-row:2}.hero-agent agent-pet{width:132px;grid-column:2;grid-row:1 / 3}.speech{padding:14px;font-size:.8rem;margin:0}.agent-label{font-size:.67rem;justify-content:start}.lead{font-size:1.06rem}.actions{gap:16px;margin-top:20px}.actions .button{width:100%}.hero-note{font-size:.76rem}.section{padding:43px 0}.cards,.article .cards,.split,.footer-grid,.bill-parts{grid-template-columns:1fr}.cards{gap:16px}.card-number{margin-bottom:15px}.card h3{font-size:1.4rem}.split{gap:25px}.example{padding:28px}.example strong{font-size:3.8rem}.promise{padding:25px}.article{padding-top:22px}.article h1{font-size:2.25rem}.callout{padding:20px}.table-wrap{font-size:.85rem}th,td{padding:12px;font-size:.86rem}.site-footer{padding-bottom:135px}.footer-grid .brand img{width:210px}.breadcrumbs{margin-bottom:25px}.source-list{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}