.area-page .area-hero{position:relative;isolation:isolate;background:var(--morkgron);padding:60px 0;min-height:480px;display:flex;align-items:center}
.area-hero>.wrap{width:100%}.area-hero h1{color:#fff}.area-hero .ingress{color:rgba(255,255,255,.85)}.area-hero .tlink{color:#fff}
.area-copy{position:relative;z-index:2;width:48%;padding-right:32px}
.area-copy h1{max-width:18ch}.area-copy .ingress{font-size:var(--t-ing);max-width:46ch}
.area-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}
.area-picture{position:absolute;inset:0 0 0 49%;margin:0;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);z-index:0}
.area-picture img{width:100%;height:100%;object-fit:cover;object-position:50% center;display:block}
.area-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--area-tone),.28),rgba(var(--area-tone),0) 85%),rgba(var(--area-tone),var(--area-tint))}
.area-no-image .area-copy{width:100%}.area-local{display:flex;gap:28px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--beige);font-size:.85rem}.area-local>span{color:var(--gron)}.area-local a{border-bottom:2px solid transparent}.area-local a:hover,.area-local a:focus-visible{border-color:var(--rosa)}
.area-page section[id],.area-page article[id],#fordjupning{scroll-margin-top:110px}
.area-page #vart-stod>.wrap>p,.area-start>.wrap>p{max-width:65ch;margin-bottom:32px}
/* Grouped offers reuse the same card treatment as equal offers. */
.area-groups{display:grid;gap:36px}.area-feature>.area-card p{max-width:65ch}.area-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}
.area-card{min-width:0;border-top:1px solid var(--beige);padding:26px 0;display:flex;flex-direction:column;align-items:start}.area-card:hover,.area-card:focus-within{border-color:var(--rosa)}.area-card h3,.area-card h4{margin:0 0 16px;font-size:var(--t-r3)}.area-card p{margin:0 0 24px}.area-card .tlink{margin-top:auto}.area-subtitle{font-size:.8rem;color:var(--gron);margin:28px 0 16px}
.area-equal,.area-children{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px}.area-feature>.area-card,.area-equal .area-card,.area-children .area-card,.area-side .area-card{padding:26px 24px;background:var(--ljusbeige)}
.area-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:28px}.area-choices{display:flex;flex-direction:column}.area-choices button{font:inherit;text-align:left;background:transparent;color:var(--morkgron);border:0;border-top:2px solid var(--beige);padding:23px 24px 24px;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.area-choices button[aria-pressed=true]{background:white;border-top-color:var(--rosa)}.area-answer{padding:32px;background:white}.area-answer[hidden]{display:none}.area-answer h3{margin-top:0}.area-answer+.area-answer{margin-top:24px}.area-answers:has([hidden]) .area-answer{margin-top:0}
@media(max-width:1100px){.area-equal,.area-children{grid-template-columns:repeat(2,minmax(0,1fr))}.area-groups{gap:24px}}
@media(max-width:800px){.area-page .area-hero{display:block;padding:34px 0 0;min-height:0}.area-copy{width:100%;padding:0 0 28px}.area-copy h1{max-width:none}.area-picture{position:relative;inset:auto;height:280px;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.area-groups,.area-equal,.area-children,.area-side,.area-start-grid{grid-template-columns:1fr}.area-feature>.area-card,.area-equal .area-card,.area-children .area-card,.area-side .area-card,.area-answer{padding:24px}.area-local{gap:16px}.area-local>span{width:100%}.area-card h3{overflow-wrap:anywhere}}


.area-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;width:100%}.area-icon{width:38px;height:40px;color:var(--turkos);margin-bottom:20px}
.area-feature>.area-card-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:0;padding:0;overflow:hidden}.area-card-feature .area-card-copy{padding:32px;box-sizing:border-box;align-self:center}.area-card-image{margin:0;align-self:stretch;min-height:240px}.area-card-image img{display:block;width:100%;height:100%;max-height:310px;object-fit:cover}
.area-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.area-answer{display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid var(--rosa);min-width:0}.area-answer+.area-answer{margin-top:0}.area-answer h3{font-size:var(--t-r3)}.area-answer .tlink{margin-top:auto}
@media(max-width:800px){.area-feature>.area-card-feature,.area-start-grid{grid-template-columns:1fr}.area-card-feature .area-card-copy{padding:24px}.area-card-image{min-height:0}.area-card-image img{aspect-ratio:16/9;height:auto}.area-icon{width:30px;height:32px;margin-bottom:16px}}

/* Approved feedback: complete overview without duplicating the main cards. */
.area-more-services{margin-top:44px;padding-top:32px;border-top:1px solid var(--beige)}
.area-more-services h3{font-size:24px;margin-bottom:12px}.area-more-services>p{font-size:16px;max-width:65ch}
.area-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.area-service-links a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--beige);font-size:17px;font-weight:650}
.area-service-links a:hover,.area-service-links a:focus-visible{color:var(--turkos);text-decoration:underline}
.area-card,.area-answer{position:relative}
.area-card .tlink:after,.area-answer .tlink:after{content:"";position:absolute;inset:0;z-index:1}
.area-card:focus-within,.area-answer:focus-within{outline:3px solid var(--turkos);outline-offset:4px}
.area-answer:hover{box-shadow:0 5px 16px #001c1612}
.area-card:has(.tlink):hover h3,.area-card:has(.tlink):hover h4,.area-answer:has(.tlink):hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:760px){.area-service-links{grid-template-columns:1fr}.area-more-services{margin-top:32px}}
