.ab-article .art-hero{position:relative}
.ab-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
.ab-article .art-hero .inner{position:relative;z-index:1}
.ab-article .art-hero h1{max-width:26ch}
.ab-article .ab-block{padding:0;margin:0 0 44px;min-width:0;scroll-margin-top:140px}
.ab-block>h2{margin:0 0 20px;scroll-margin-top:140px}
.ab-block p:last-child{margin-bottom:0}
.ab-figure{margin:0;min-width:0}
.ab-figure img,.ab-figure video{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:var(--ljusbeige)}
.ab-figure a{position:relative;display:block}
.ab-figure a>span{position:absolute;bottom:12px;right:12px;background:var(--morkgron);color:white;padding:8px 12px;font-size:.8rem}
.ab-figure figcaption{font-size:.9rem;margin-top:12px;color:var(--gron)}
.ab-split-layout,.ab-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.ab-image-left>figure{order:-1}
.ab-comparison-grid>div{padding:28px;background:var(--ljusbeige)}
.ab-comparison-grid>div+div{background:var(--turkos-20)}
.ab-article .ab-callout{padding:28px 32px;background:var(--ljusbeige);border-left:4px solid var(--ljusbrun)}
.ab-callout.ab-warning{border-color:var(--turkos)}
.ab-callout.ab-tip{border-color:var(--rosa)}
.ab-quote blockquote{margin:0;padding:28px 32px;border-left:4px solid var(--rosa);background:var(--ljusbeige);font-size:1.3rem}
.ab-quote cite{display:block;font-size:.95rem;margin-top:16px}
.ab-items{margin:0!important;padding:0!important;list-style:none!important}
.ab-items li{margin:0 0 16px!important}
.ab-items h3{margin:0 0 8px;font-size:1.1rem}
.ab-items p{margin:0}
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.ab-checklist .ab-items li,.ab-steps .ab-items li{position:relative;background:var(--ljusbeige);padding:24px 24px 24px 78px;counter-increment:step}
.ab-steps .ab-items{counter-reset:step}
.ab-checklist .ab-items li::before,.ab-steps .ab-items li::before{content:'✓';position:absolute;left:22px;top:24px;width:34px;height:34px;display:grid;place-items:center;background:var(--morkgron);color:white;border-radius:50%}
.ab-steps .ab-items li::before{content:counter(step)}
.ab-article .ab-cta{padding:32px;background:var(--morkgron);color:white}
.ab-cta h2{color:white}.ab-cta .btn{margin-top:24px}
.ab-author{display:flex;align-items:center;gap:22px;padding:28px;background:var(--ljusbeige);margin-top:48px}
.ab-author>img{box-sizing:border-box;flex-shrink:0;width:104px;height:104px;object-fit:cover;border:4px solid #fff;border-radius:50%}
.ab-author h2{margin:0 0 8px;font-size:1.3rem}.ab-author p{font-size:.95rem;margin:0 0 12px}
.ab-article-dialog{border:0;padding:48px 24px 24px;background:var(--morkgron);color:white;max-width:95vw;max-height:94vh}
.ab-article-dialog::backdrop{background:rgba(0,28,22,.88)}
.ab-article-dialog img{display:block;max-width:85vw;max-height:72vh;object-fit:contain;margin:auto}
.ab-article-dialog button{position:absolute;right:12px;top:8px;background:white;border:0;padding:8px 14px;cursor:pointer;font:inherit}
.ab-article-dialog p{max-width:80ch;margin:16px auto 0}
@media(min-width:1200px){.ab-wide{margin-inline:-24px!important}}
@media(max-width:700px){.ab-split-layout,.ab-comparison-grid,.ab-two{grid-template-columns:1fr}.ab-image-left>figure{order:0}.ab-author{flex-direction:column;align-items:flex-start}.ab-author>img{width:88px;height:88px}.ab-article .ab-block{margin-bottom:32px}.ab-article .ab-callout,.ab-article .ab-cta,.ab-quote blockquote{padding:24px}.ab-wide{margin-inline:0!important}}

/* Article reading layout: shared blocks, restrained emphasis and a clear ending. */
.ab-article .art-hero .inner{padding-block:58px 52px}
.ab-article .art-hero h1{max-width:30ch}
.ab-article .art-hero .ingress{max-width:65ch}
.ab-byline{display:flex;align-items:center;gap:14px;margin-top:24px;color:#fff}
.ab-byline img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.ab-byline a{color:inherit;font-weight:700}.ab-byline span{display:block;font-size:.9rem}
.ab-article .art-meta{margin-top:16px;flex-wrap:wrap}
.ab-article .toc h2{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#79604c;margin:0 0 18px}
.ab-article .ab-no-toc{display:block;max-width:800px}
.ab-quote blockquote{background:transparent;padding:8px 0 8px 26px;font-size:1.25rem}
.ab-checklist .ab-items li,.ab-steps .ab-items li{padding:18px 22px 18px 70px;margin-bottom:12px!important}
.ab-checklist .ab-items li::before,.ab-steps .ab-items li::before{top:18px;left:20px;width:30px;height:30px}
.ab-sources{border-top:1px solid var(--beige);padding-top:28px;margin-top:44px}
.ab-sources h2{font-size:1.25rem}.ab-sources li{margin-bottom:14px}.ab-sources p{font-size:.9em}
.ab-ending .area-reading-grid:not(.area-reading-single){grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-final-cta{padding-block:32px 64px}.ab-ending .ab-cta{margin-bottom:0}
.ab-prose h3,.ab-prose h4{margin-top:28px}.ab-prose a,.ab-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.ab-ending .area-reading-grid:not(.area-reading-single){grid-template-columns:1fr}.ab-article .art-hero .inner{padding-block:36px}.ab-final-cta{padding-block:24px 40px}}
@media(max-width:700px){.ab-article .toc h2{display:none}}