/* Tankstopp Content Layer 4.1 - Magazine single post presentation */
.ts-magazine-main{
    --ts-ink:#15191d;
    --ts-muted:#66717c;
    --ts-line:#e5e8eb;
    --ts-soft:#f4f6f7;
    --ts-dark:#151b22;
    --ts-accent:#1c5d4d;
    background:#fff;
    color:var(--ts-ink);
    overflow-x:hidden;
}
.ts-magazine-shell{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:30px 0 76px}
.ts-magazine-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 28px;font-size:14px;line-height:1.4;color:var(--ts-muted)}
.ts-magazine-breadcrumb a{color:inherit;text-decoration:none}
.ts-magazine-breadcrumb a:hover{text-decoration:underline}
.ts-magazine-grid{display:grid;grid-template-columns:minmax(0,800px) minmax(300px,320px);gap:56px;align-items:start;justify-content:center}
.ts-magazine-article,.ts-magazine-sidebar,.ts-magazine-body{min-width:0}
.ts-magazine-header{margin:0 0 28px}
.ts-magazine-kicker,.ts-magazine-eyebrow{font-size:12px;font-weight:800;letter-spacing:.105em;text-transform:uppercase;color:var(--ts-accent)}
.ts-magazine-title{max-width:18ch;margin:10px 0 17px;font-size:clamp(38px,4.1vw,53px);line-height:1.06;letter-spacing:-.035em;font-weight:780;color:var(--ts-ink);overflow-wrap:anywhere}
.ts-magazine-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;line-height:1.45;color:var(--ts-muted)}
.ts-magazine-meta-sep{color:#a5adb5}
.ts-magazine-hero{margin:0 0 31px}
.ts-magazine-hero-image{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:460px;object-fit:cover;border-radius:22px;background:var(--ts-soft)}
.ts-magazine-hero figcaption{margin:9px 4px 0;font-size:13px;line-height:1.5;color:var(--ts-muted)}
.ts-magazine-body{font-size:18.5px;line-height:1.72;color:#20252a}
.ts-magazine-body>p:first-of-type{margin-top:0;font-size:clamp(21px,2vw,23px);line-height:1.52;font-weight:650;color:#22282e}
.ts-magazine-body p{margin:0 0 1.38em}
.ts-magazine-body h2{margin:2.15em 0 .62em;font-size:clamp(28px,3vw,34px);line-height:1.16;letter-spacing:-.022em;color:var(--ts-ink)}
.ts-magazine-body h3{margin:1.8em 0 .55em;font-size:clamp(23px,2.4vw,28px);line-height:1.2;color:var(--ts-ink)}
.ts-magazine-body h4{margin:1.6em 0 .5em;font-size:21px;line-height:1.25;color:var(--ts-ink)}
.ts-magazine-body ul,.ts-magazine-body ol{margin:0 0 1.45em;padding-left:1.35em}
.ts-magazine-body li{margin:.3em 0}
.ts-magazine-body a{color:#0e624e;text-decoration-thickness:1px;text-underline-offset:3px}
.ts-magazine-body img{max-width:100%;height:auto;border-radius:14px}
.ts-magazine-body figure{max-width:100%;margin:1.7em 0}
.ts-magazine-body figcaption{font-size:13px;line-height:1.45;color:var(--ts-muted)}
.ts-magazine-body blockquote{margin:1.8em 0;padding:0 0 0 20px;border-left:3px solid #ccd5d1;font-size:1.06em;color:#3b444c}
.ts-magazine-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.ts-magazine-body pre{max-width:100%;overflow:auto}
.ts-magazine-sidebar{position:sticky;top:104px;display:grid;gap:20px}
.ts-magazine-side-card{border:1px solid var(--ts-line);border-radius:20px;padding:23px;background:#fff}
.ts-magazine-side-card h2{margin:6px 0 9px;font-size:23px;line-height:1.18;letter-spacing:-.02em}
.ts-magazine-side-card p{margin:0 0 18px;font-size:15.5px;line-height:1.58;color:#59636d}
.ts-magazine-side-fuel{background:var(--ts-dark);border-color:var(--ts-dark);color:#fff}
.ts-magazine-side-fuel .ts-magazine-eyebrow{color:#b7d6cd}
.ts-magazine-side-fuel h2{color:#fff}
.ts-magazine-side-fuel p{color:#d9dfe4}
.ts-magazine-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:12px;background:var(--ts-dark);color:#fff;text-decoration:none;font-size:15px;font-weight:750;line-height:1.2;text-align:center}
.ts-magazine-button:hover{color:#fff;opacity:.92}
.ts-magazine-button-light{background:#fff;color:#172019}
.ts-magazine-button-light:hover{color:#172019}
.ts-magazine-side-list{display:grid}
.ts-magazine-side-list a{display:grid;gap:5px;padding:14px 0;border-top:1px solid var(--ts-line);color:var(--ts-ink);text-decoration:none}
.ts-magazine-side-list a:first-child{border-top:0;padding-top:6px}
.ts-magazine-side-list span{font-size:15.5px;font-weight:700;line-height:1.35}
.ts-magazine-side-list small{font-size:12px;color:var(--ts-muted)}
.ts-magazine-after-article{margin-top:54px}
.ts-magazine-fuel-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 48px;padding:27px 29px;border-radius:22px;background:#f1f5f3}
.ts-magazine-fuel-cta h2{margin:5px 0 6px;font-size:28px;line-height:1.15;letter-spacing:-.02em}
.ts-magazine-fuel-cta p{max-width:540px;margin:0;color:#53605a;font-size:15.5px;line-height:1.55}
.ts-magazine-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.ts-magazine-section-head h2{margin:0;font-size:29px;line-height:1.15;letter-spacing:-.02em}
.ts-magazine-section-head>a{font-size:14px;font-weight:700;color:#3c4943;text-decoration:none}
.ts-magazine-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ts-magazine-related-card{min-width:0;border:1px solid var(--ts-line);border-radius:17px;overflow:hidden;background:#fff}
.ts-magazine-related-link{display:flex;height:100%;flex-direction:column;color:var(--ts-ink);text-decoration:none}
.ts-magazine-related-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.ts-magazine-related-copy{display:flex;flex:1;flex-direction:column;padding:16px}
.ts-magazine-related-copy h3{margin:0 0 16px;font-size:17px;line-height:1.34;letter-spacing:-.01em;overflow-wrap:anywhere}
.ts-magazine-related-copy span{margin-top:auto;font-size:13px;font-weight:750;color:#4d5c55}
@media (max-width:1040px){
    .ts-magazine-shell{width:min(960px,calc(100% - 40px))}
    .ts-magazine-grid{grid-template-columns:minmax(0,1fr);gap:36px}
    .ts-magazine-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));top:auto}
}
@media (max-width:720px){
    .ts-magazine-shell{width:calc(100% - 32px);padding:20px 0 54px}
    .ts-magazine-breadcrumb{margin-bottom:22px;font-size:13px}
    .ts-magazine-title{max-width:none;margin-top:8px;font-size:clamp(34px,10vw,44px);line-height:1.08}
    .ts-magazine-meta{font-size:14px;gap:6px}
    .ts-magazine-hero{margin-bottom:26px}
    .ts-magazine-hero-image{max-height:none;border-radius:17px}
    .ts-magazine-body{font-size:17.5px;line-height:1.7}
    .ts-magazine-body>p:first-of-type{font-size:20.5px;line-height:1.52}
    .ts-magazine-body h2{margin-top:1.9em;font-size:29px}
    .ts-magazine-sidebar{grid-template-columns:1fr}
    .ts-magazine-fuel-cta{align-items:flex-start;flex-direction:column;padding:23px;border-radius:18px}
    .ts-magazine-button{width:100%}
    .ts-magazine-related-grid{grid-template-columns:1fr}
    .ts-magazine-related-link{display:grid;grid-template-columns:118px minmax(0,1fr)}
    .ts-magazine-related-image{width:118px;height:100%;aspect-ratio:auto}
    .ts-magazine-related-copy{padding:14px}
    .ts-magazine-section-head{align-items:flex-start;flex-direction:column;gap:7px}
}
@media (max-width:390px){
    .ts-magazine-shell{width:calc(100% - 24px)}
    .ts-magazine-title{font-size:33px}
    .ts-magazine-meta-sep{display:none}
    .ts-magazine-meta{align-items:flex-start;flex-direction:column}
    .ts-magazine-related-link{grid-template-columns:96px minmax(0,1fr)}
    .ts-magazine-related-image{width:96px}
}