/*
Theme Name: Betydligt
Description: Kraftfull, snabb satirtidningsdesign för Betydligt.
Version: 1.2.4
Author: Betydligt
*/
:root{--ink:#111827;--muted:#667085;--paper:#fff;--line:#d8dde5;--accent:#a30d19;--soft:#f5f6f8;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.topline{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:10px 0;border-bottom:1px solid #eee}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 0}.brand{font-size:38px;font-weight:800;letter-spacing:-.045em;text-align:center}.brand a:hover{text-decoration:none}.tagline{justify-self:end;font:12px Arial,sans-serif;color:var(--muted)}.nav{border-top:1px solid #eee}.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:10px 0;overflow:auto}.nav a{font:700 13px Arial,sans-serif;white-space:nowrap}.home-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:38px;padding-top:30px}.hero h1{font-size:clamp(36px,4.8vw,68px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px}.hero img,.article-hero img,.card img{width:100%;height:auto;display:block}.deck{font-size:20px;line-height:1.35;color:#384152}.meta,.byline{font:12px Arial,sans-serif;color:var(--muted)}.satir-label,.dp-inline-label{display:inline-block;font:800 10px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--accent);padding:7px 9px}.dp-inline-label{margin:0 0 18px}.sidebar{border-left:1px solid var(--line);padding-left:24px}.section-title{font:800 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;border-top:4px solid var(--ink);padding:10px 0;border-bottom:1px solid var(--line)}.brief{padding:14px 0;border-bottom:1px solid var(--line)}.brief time{font:700 11px Arial,sans-serif;color:var(--accent)}.brief h3{font-size:19px;line-height:1.15;margin:4px 0}.brief p{margin:5px 0 0;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px;padding-top:24px;border-top:4px solid var(--ink)}.card{border-bottom:1px solid var(--line);padding-bottom:24px}.card h2{font-size:25px;line-height:1.08;margin:8px 0}.card p{color:#475467}.article{max-width:860px;margin:34px auto 70px}.article-header h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.045em;margin:12px 0}.article-header .deck{font-size:23px}.article-hero{margin:24px 0}.article-body{font-size:19px;line-height:1.72;max-width:740px;margin:auto}.article-body h2{font-size:31px;line-height:1.1;margin-top:38px}.article-body blockquote{font-size:26px;line-height:1.25;margin:30px 0;padding-left:22px;border-left:5px solid var(--accent)}.archive-head{padding:30px 0 18px;border-bottom:4px solid var(--ink)}.archive-head h1{font-size:48px;margin:0}.archive-list{max-width:900px}.archive-item{padding:22px 0;border-bottom:1px solid var(--line)}.archive-item h2{font-size:30px;line-height:1.1;margin:4px 0}.site-footer{margin-top:60px;background:var(--ink);color:#fff;padding:35px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer-brand{font-size:26px;font-weight:800}.footer-note{font:13px Arial,sans-serif;color:#d0d5dd;max-width:700px}.pagination{font:700 13px Arial,sans-serif;margin:28px 0}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:800px){.masthead{grid-template-columns:1fr}.brand{text-align:left;font-size:30px}.tagline{display:none}.home-grid{grid-template-columns:1fr;gap:26px}.sidebar{border-left:0;padding-left:0}.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.article{width:min(calc(100% - 28px),860px)}.article-body{font-size:18px}.footer-grid{grid-template-columns:1fr}}

/* 0.3 editorial layouts */
.article.layout-magazine{max-width:1120px}.layout-magazine .article-header{max-width:980px}.layout-magazine .article-header h1{font-size:clamp(46px,7vw,88px)}.layout-magazine .article-body{max-width:800px;font-size:20px}.layout-special{max-width:1120px}.layout-special .article-header{border-top:8px solid var(--ink);padding-top:20px}.article-hero figcaption{font:12px/1.4 Arial,sans-serif;color:var(--muted);padding-top:7px;border-bottom:1px solid var(--line);padding-bottom:9px}.article-body>p:first-of-type{font-size:21px}.article-body>p:first-of-type:first-letter{font-size:3.3em;float:left;line-height:.78;padding:.12em .08em 0 0;font-weight:700}.article-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.article-body ul,.article-body ol{padding-left:1.3em}.article-body strong{font-weight:700}.article-kicker{font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px}.article-tools{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:14px 0 22px;font:12px Arial,sans-serif;color:var(--muted)}@media(max-width:800px){.layout-magazine .article-header h1{font-size:44px}.article-body>p:first-of-type{font-size:19px}}

.brief-home{padding-top:32px;padding-bottom:50px}.brief-home-head{border-bottom:5px solid var(--ink);padding-bottom:18px;margin-bottom:10px}.brief-home-head h1{font-size:clamp(42px,6vw,72px);line-height:1;margin:12px 0 8px;letter-spacing:-.04em}.brief-home-head p{max-width:720px;color:var(--muted);font-family:Arial,sans-serif}.brief-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.brief-home-item{padding:22px 0;border-bottom:1px solid var(--line)}.brief-home-item h2{font-size:25px;line-height:1.08;margin:6px 0 8px}.brief-home-item p{margin:0;color:#475467}.brief-home-item.lead{grid-column:1/-1;border-bottom:2px solid var(--ink);padding:24px 0 28px}.brief-home-item.lead h2{font-size:clamp(34px,4.5vw,58px);max-width:1000px;letter-spacing:-.035em}.brief-home-item.lead p{font-size:18px;max-width:850px}.brief-home-more{margin-top:24px}.empty-state{padding:45px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.brief-home-grid{grid-template-columns:1fr}.brief-home-item.lead{grid-column:auto}.brief-home-item.lead h2{font-size:38px}}

/* 0.5.2 adaptive front page */
.home-editorial{overflow:hidden}.hero-excerpt{margin:10px 0 0;font-size:16px;color:#475467}.rail-more{font:700 12px Arial,sans-serif;margin:16px 0}.sidebar .section-title{margin:0}.brief-band{margin-top:36px;border-top:5px solid var(--ink)}.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:12px 0 8px;border-bottom:1px solid var(--line)}.band-head h2{font-size:28px;line-height:1;margin:0}.band-head a{font:700 12px Arial,sans-serif}.brief-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}.brief-tile{padding:20px 0;border-bottom:1px solid var(--line)}.brief-tile h3{font-size:22px;line-height:1.08;margin:5px 0 8px}.brief-tile p{margin:0;color:#475467;font-size:14px}.brief-tile-lead{grid-column:span 2}.brief-tile-lead h3{font-size:30px}.brief-tile-lead p{font-size:16px}.cards{position:relative}.cards-heading{grid-column:1/-1;font:800 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0 0 -8px}.card h3{font-size:25px;line-height:1.08;margin:8px 0}
@media (max-width:900px){.wrap{width:min(calc(100% - 28px),var(--max))}.topline{padding:8px 0}.masthead{padding:12px 0}.brand{font-size:36px}.home-grid{grid-template-columns:1fr;gap:30px;padding-top:24px}.hero h1{font-size:clamp(38px,10.5vw,48px);line-height:.96;margin:9px 0 12px}.deck{font-size:18px}.hero-excerpt{font-size:15px}.sidebar{border-left:0;padding-left:0;border-top:4px solid var(--ink)}.sidebar .section-title{border-top:0}.brief{padding:12px 0}.brief h3{font-size:20px}.brief p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brief-band{margin-top:30px}.brief-band-grid{grid-template-columns:1fr 1fr}.brief-tile-lead{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}.cards-heading{grid-column:1/-1}}
@media (max-width:600px){.wrap{width:calc(100% - 28px)}.topline{font-size:10px;line-height:1.3}.masthead{padding:11px 0}.brand{font-size:32px;letter-spacing:-.04em}.home-grid{padding-top:20px}.satir-label{padding:6px 8px}.hero h1{font-size:clamp(36px,10.8vw,43px);line-height:.97;letter-spacing:-.04em}.deck{font-size:17px;line-height:1.3;margin-bottom:12px}.hero img{margin-top:2px}.hero-excerpt{margin-top:9px}.sidebar{margin-top:2px}.brief p{display:none}.brief h3{font-size:19px}.brief-band-grid{grid-template-columns:1fr}.brief-tile-lead{grid-column:auto}.brief-tile,.brief-tile-lead{padding:16px 0}.brief-tile h3,.brief-tile-lead h3{font-size:21px}.brief-tile p,.brief-tile-lead p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.band-head h2{font-size:25px}.cards{grid-template-columns:1fr;margin-top:30px}.site-footer{margin-top:42px}}
.source-link{display:inline-block;margin-top:8px;font:700 12px/1.3 Arial,sans-serif;color:#9b1c1c;text-decoration:none}.source-link:hover{text-decoration:underline}.brief-disclaimer{margin:18px 0 0;padding:12px 14px;border-top:1px solid #d0d5dd;border-bottom:1px solid #d0d5dd;color:#667085;font:13px/1.45 Arial,sans-serif}.satire-note{max-width:760px;margin:34px auto 0;padding:16px 18px;border-top:3px solid #9b1c1c;background:#f8f8f7;color:#475467;font:14px/1.55 Arial,sans-serif}.satire-note strong{color:#111827}.brief-single .brief-disclaimer{max-width:760px;margin:30px auto 0}
/* 0.7 article navigation */
.breadcrumbs{padding:16px 0 0;font:12px/1.4 Arial,sans-serif;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}.breadcrumbs a{text-decoration:underline;text-underline-offset:2px}.article-tax{max-width:760px;margin:18px auto 0;font:13px/1.5 Arial,sans-serif;color:var(--muted)}.article-tax a{text-decoration:underline}.related{max-width:1000px;margin:44px auto 0;border-top:4px solid var(--ink)}.related .section-title{border-top:0}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.related-card{padding:14px 0;border-bottom:1px solid var(--line)}.related-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;margin-bottom:9px}.related-card h3{font-size:20px;line-height:1.08;margin:5px 0}.archive-cta{font:700 13px Arial,sans-serif;margin-top:18px}.archive-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.archive-filters a{font:700 12px Arial,sans-serif;border:1px solid var(--line);padding:7px 10px}.archive-item .archive-cat{font:700 11px Arial,sans-serif;color:var(--accent);text-transform:uppercase}@media(max-width:800px){.breadcrumbs{padding-top:12px}.related-grid{grid-template-columns:1fr 1fr}.related-card h3{font-size:18px}}@media(max-width:520px){.related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:110px 1fr;gap:12px}.related-card img{margin:0}.related-card .meta,.related-card h3{grid-column:2}.related-card .meta{align-self:end;margin-bottom:-8px}}
/* 0.8 editorial navigation, optional brief images and monochrome front page */
.content-category{font:800 10px/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.dp-auto-menu{display:flex}.listing-image img,.home-editorial .hero>img,.brief-home img,.archive-list img{filter:grayscale(100%);transition:filter .18s ease}.listing-image:hover img{filter:grayscale(0)}.article-hero img{filter:none}.brief-thumb{display:block;margin:0 0 10px}.brief-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}.brief-tile-image{display:block;margin-bottom:10px}.brief-tile-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-exits{display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font:700 13px Arial,sans-serif}.article-exits a{text-decoration:underline;text-underline-offset:3px}.brief-single .related{max-width:1000px}.brief-single .article-hero{max-width:760px;margin:24px auto}.nav{display:block}.nav .wrap{overflow-x:auto}.nav ul{min-width:max-content}.article-tax{padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:900px){.listing-image:hover img{filter:grayscale(100%)}.nav ul{gap:18px}.nav a{font-size:12px}}
.archive-brief-image{display:block;max-width:520px;margin:0 0 12px}.archive-brief-image img{width:100%;height:auto;display:block}

/* 0.9 editorial polish */
.home-editorial .hero>img{aspect-ratio:16/9;object-fit:cover}
.related-card img{width:100%;height:150px;aspect-ratio:auto;object-fit:cover}
@media(min-width:901px){
 .home-grid{grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);gap:32px;align-items:start}
 .hero h1{font-size:clamp(38px,4.15vw,58px)}
 .sidebar .brief p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .brief-band{margin-top:28px}
}
@media(max-width:900px){
 .masthead{padding:9px 0}.brand{font-size:32px}
 .home-grid{padding-top:18px;gap:20px}
 .hero h1{font-size:clamp(32px,8.8vw,40px);line-height:1.01}
 .hero .deck{font-size:16px;line-height:1.28}
 .sidebar{margin-top:4px}.sidebar .section-title{font-size:15px;padding:10px 0}
 .brief{padding:11px 0}.brief h3{font-size:19px;line-height:1.12}
 .nav ul{gap:22px}.nav a{font-size:13px}
}
@media(max-width:600px){
 .topline{padding:7px 0}.masthead{padding:8px 0}.brand{font-size:30px}
 .nav ul{padding:8px 0;gap:20px}.nav a{font-size:12px}
 .home-grid{padding-top:16px}.hero h1{font-size:clamp(31px,8.6vw,37px);line-height:1.02;margin:8px 0 10px}
 .hero>img{margin-top:8px}.sidebar{border-top:3px solid var(--ink)}
 .brief-band{margin-top:24px}.brief-disclaimer{font-size:12px;padding:10px 0;background:transparent}
 .article-header h1{font-size:clamp(34px,9.5vw,44px);line-height:1.01}
 .article-header .deck{font-size:18px}.article{margin-top:22px}
 .related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
 .related-card .listing-image{grid-row:1/3}.related-card img{width:96px;height:72px;object-fit:cover}.related-card .meta,.related-card h3{grid-column:2;margin:0}
}


/* 0.10 image rules + grid alignment */
.article-hero{max-width:100%;margin:24px auto}.article-hero img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;display:block}.brief-single .article-hero{max-width:760px}
.dp-front-image-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:9px 10px;border:1px dashed #c7ccd4;background:#fafafa;font:700 12px/1.2 Arial,sans-serif}.dp-front-image-tools button,.dp-front-image-tools a{appearance:none;border:1px solid #c7ccd4;background:#fff;color:var(--ink);padding:7px 10px;cursor:pointer;font:inherit}.dp-front-image-tools button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}
.listing-image,.brief-tile-image,.brief-thumb{display:block;overflow:hidden;background:#f2f2f2}.listing-image img,.brief-tile-image img,.brief-thumb img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;object-position:50% 50%;display:block}.hero>img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:50% 50%}
.brief-band-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:24px}.brief-tile,.brief-tile-lead{grid-column:auto;padding:18px 0}.brief-tile h3,.brief-tile-lead h3{font-size:22px}.brief-tile p,.brief-tile-lead p{font-size:14px}.brief-tile-image{margin-bottom:10px}
.related-grid{align-items:start}.related-card{min-width:0}.related-card .listing-image{aspect-ratio:16/9}.related-card img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
@media(max-width:900px){.brief-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.hero>img{aspect-ratio:16/9}.dp-front-image-tools{margin:10px 0 14px}}
@media(max-width:600px){.brief-band-grid{grid-template-columns:1fr}.brief-tile{display:grid;grid-template-columns:1fr;gap:0}.brief-tile-image{aspect-ratio:16/9}.hero>img{aspect-ratio:16/9}.article-hero{margin:18px 0}.dp-front-image-tools{font-size:11px}.dp-front-image-tools button,.dp-front-image-tools a{padding:7px 9px}}

/* 0.10.1 conventional clickable listing images */
.listing-image{display:block}.listing-image img{display:block;width:100%}.listing-image:hover{text-decoration:none}.listing-image:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hero-image-link{margin-top:0}.brief-home-image{margin-bottom:12px}

/* 0.11.1 performance: article view uses WordPress' non-cropped responsive large image,
   while CSS keeps the complete illustration visible. */
.article-hero img{content-visibility:auto}


/* 0.11.2 final editorial polish: stable labels and tighter newspaper grid */
/* Content imported with a SATIR/PARODI line must never inherit the article drop cap. */
.article-body>p:first-of-type:first-letter{font-size:inherit;float:none;line-height:inherit;padding:0;font-weight:inherit}
.article-body>p:first-of-type{font-size:19px}

/* More even front-page rhythm. Cards align to their own content instead of stretching. */
.brief-band-grid{align-items:start;row-gap:0}
.brief-tile{min-width:0;align-self:start}
.brief-tile h3{overflow-wrap:break-word;hyphens:auto}
.brief-tile p{line-height:1.42}

/* An occasional Kortnytt image becomes a compact newspaper thumbnail on desktop.
   This prevents one illustrated item from creating a very tall empty grid row. */
@media(min-width:701px){
 .brief-tile.has-image{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;align-items:start}
 .brief-tile.has-image .brief-tile-image{grid-column:1;grid-row:1/4;margin:0;aspect-ratio:4/3}
 .brief-tile.has-image .brief-tile-image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
 .brief-tile.has-image .meta,.brief-tile.has-image h3,.brief-tile.has-image p{grid-column:2;margin-left:0}
 .brief-tile.has-image h3{margin-top:5px}
}

/* Mobile: keep a simple single-column editorial flow and comfortable tap/read spacing. */
@media(max-width:700px){
 .brief-band-grid{grid-template-columns:1fr}
 .brief-tile{padding:15px 0}
 .brief-tile.has-image{display:block}
 .brief-tile-image{margin:0 0 10px;aspect-ratio:16/9}
 .brief-tile h3{font-size:21px;line-height:1.08}
}


/* 0.12 — balanced newspaper flow for Kortnytt. JS-free masonry keeps mixed image/text cards compact. */
@media(min-width:901px){
 .brief-band-grid{display:block;column-count:3;column-gap:28px}
 .brief-tile,.brief-tile.has-image{display:block!important;break-inside:avoid;page-break-inside:avoid;width:100%;padding:16px 0;margin:0;border-bottom:1px solid var(--line)}
 .brief-tile.has-image .brief-tile-image{display:block;margin:0 0 10px;aspect-ratio:16/9;overflow:hidden}
 .brief-tile.has-image .brief-tile-image img{width:100%!important;height:100%!important;object-fit:cover!important}
 .brief-tile.has-image .meta,.brief-tile.has-image h3,.brief-tile.has-image p{display:block;margin-left:0}
}
.footer-links{font:700 13px/1.5 Arial,sans-serif}.footer-links a{display:inline-block;margin:0 16px 8px 0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.footer-links a{display:block;margin:0 0 9px}.brief-tile-image img{width:100%;height:100%;object-fit:cover}}

/* 0.12.1: calmer article recommendations and a real all-articles archive */
.related{max-width:900px;margin-top:46px}
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-card{min-width:0;padding:14px 0 18px}
.related-card img{aspect-ratio:16/9}
.related-card h3{font-size:19px;line-height:1.12;margin-top:6px}
.related-card .meta{font-size:11px}
.article-exits{justify-content:flex-start;margin-top:24px;padding-top:18px}
.archive-all{padding-bottom:20px}
.archive-all .archive-head p{max-width:700px;margin:8px 0 0;color:#475467}
.all-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;padding-top:28px}
.all-article-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}
.all-article-card .listing-image{display:block;margin-bottom:12px}
.all-article-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.all-article-card .archive-cat{font:700 10px/1.2 Arial,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-top:5px}
.all-article-card h2{font-size:24px;line-height:1.08;margin:6px 0 8px}
.all-article-card p{font-size:15px;line-height:1.5;color:#475467;margin:0}
@media(max-width:800px){.related-grid,.all-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related{max-width:100%}}
@media(max-width:520px){.related-grid,.all-articles-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:12px}.related-card:not(:has(.listing-image)){display:block}.related-card .listing-image{grid-row:1 / span 2}.related-card img{margin:0}.related-card .meta,.related-card h3{grid-column:2}.all-article-card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:14px}.all-article-card:not(:has(.listing-image)){display:block}.all-article-card .listing-image{grid-row:1 / span 4;margin:0}.all-article-card .meta,.all-article-card .archive-cat,.all-article-card h2,.all-article-card p{grid-column:2}.all-article-card h2{font-size:20px}.all-article-card p{display:none}}

/* 0.13 mobile top headlines + portrait montage listings */
.mobile-toplines{display:none}
@media(max-width:700px){.sidebar{display:none}.mobile-toplines{display:block;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);margin:16px 0 6px;padding:8px 0}.mobile-toplines-title{font:700 10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:0 0 4px}.mobile-toplines a{display:block;padding:8px 0;border-top:1px solid var(--line);font:700 17px/1.08 Georgia,serif;text-decoration:none}.mobile-toplines a:first-of-type{border-top:0}}

/* ============================================================
   BETYDLIGT 1.1 — one coherent evening-tabloid identity.
   Replaces six stacked redesign layers (1.0 → beta.9) with a
   single definition. Same class names the templates already
   render, so no PHP changes were needed for this pass.
   Warm newsprint paper, bold black sans headlines, assertive
   red kickers, heavy black rules between sections — the visual
   grammar of a Swedish kvällstidning (Aftonbladet/Expressen),
   built on the same stable grid mechanics as Dagens Perspektiv.
   ============================================================ */
:root{
 --ink:#0b0b0c;--muted:#6b5f49;--paper:#f3ead6;--paper2:#fffaf6;
 --line:#ddd0ac;--accent:#d4111f;--accent-ink:#fff;--max:1280px;
}
body{background:var(--paper)}
.sans{font-family:Arial,Helvetica,sans-serif}

/* ---- Masthead ---- */
.utility{background:var(--ink);color:#fff;font:800 10px/1 Arial,sans-serif;letter-spacing:.14em;padding:8px 0;border-bottom:4px solid var(--accent)}
.utility .wrap{display:flex;justify-content:space-between}
.site-header{background:var(--paper);border-bottom:3px solid var(--ink)}
.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0 12px}
.brand{font:900 clamp(40px,5.6vw,72px)/.86 Arial Black,Arial,sans-serif;letter-spacing:-.055em}
.brand span{color:var(--accent)}
.brand a:hover{text-decoration:none}
.tagline{font:800 12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.nav{background:var(--paper2);border-top:2px solid var(--ink);border-bottom:5px solid var(--ink)}
.nav ul{padding:9px 0;gap:26px}
.nav a{font:900 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}

/* ---- Shared kicker / label look, used across cover, strip, front-grid, river ---- */
.cover-kicker,.strip-card>span,.front-card>span,.headline-river article>span,.side-story>span{
 display:inline-block;background:var(--accent);color:var(--accent-ink);
 padding:4px 7px;font:900 10px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
.red-title{background:var(--accent);color:#fff;padding:8px 10px;font:900 12px/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.satir-label,.dp-inline-label{background:var(--accent);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:900}

/* ---- Front page: cover ---- */
.bet-cover{padding-top:20px}
.cover-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(270px,.75fr);gap:22px;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);padding-bottom:22px}
.cover-hero{min-width:0}
.cover-hero.type-cover{background:var(--paper2);border:3px solid var(--ink);padding:22px}
.cover-image{display:block;position:relative;overflow:hidden;border:2px solid var(--ink);background:#ddd;aspect-ratio:8/5}
.cover-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cover-copy{padding-top:11px}
.cover-copy h1{font:900 clamp(42px,6vw,84px)/.9 Arial Black,Arial,sans-serif;letter-spacing:-.055em;margin:9px 0 10px;max-width:1000px}
.cover-hero.type-cover .cover-copy h1{font-size:clamp(48px,6.8vw,92px)}
.cover-copy h1 a:hover{text-decoration:none}
.cover-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.32;margin:0;max-width:820px}
.cover-side{border-left:2px solid var(--ink);padding-left:20px}
.side-story{padding:14px 0;border-bottom:2px solid var(--ink)}
.side-image{display:block;position:relative;overflow:hidden;margin-bottom:8px;background:#ddd;aspect-ratio:8/5}
.side-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.side-story h2{font:900 22px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:6px 0}
.side-story.no-image{border-top:3px solid var(--accent);padding-top:11px}
.side-story.no-image h2{font-size:20px}

/* ---- Front strip: four quick tiles ---- */
.front-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--paper2);border-bottom:5px solid var(--ink);padding:16px 14px}
.strip-card{min-width:0;border-right:1px solid var(--line);padding:0 14px}
.strip-card:last-child{border-right:0}
.strip-image{display:block;position:relative;overflow:hidden;margin-bottom:8px;background:#ddd;aspect-ratio:4/3}
.strip-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.strip-card h3{font:900 19px/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.015em;margin:5px 0}
.strip-card.no-image{background:var(--paper);border-top:5px solid var(--accent);padding-top:12px;padding-bottom:16px}

.bet-ad-slot{border:3px dashed #b9a065;background:#fff3ce;padding:12px;margin:20px 0;text-align:center;font:900 11px Arial,sans-serif;letter-spacing:.08em;color:#7a5f1c}
.bet-ad-slot small{display:block;font-weight:600;letter-spacing:0;margin-top:4px}

/* ---- Front section: mixed image/text grid ---- */
.front-section{padding:26px 0;border-bottom:6px solid var(--ink)}
.front-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:4px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.front-heading b{font:900 26px/1 Arial Black,Arial,sans-serif}
.front-heading span{font:700 11px Arial,sans-serif;color:var(--muted);text-transform:uppercase}
.front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.front-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:18px}
.front-card.feature{grid-column:span 2}
.front-image{display:block;position:relative;overflow:hidden;margin-bottom:9px;border:1px solid var(--ink);background:#ddd;aspect-ratio:16/9}
.front-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.front-card.feature .front-image{aspect-ratio:2/1}
.front-card h2{font:900 27px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:6px 0}
.front-card.feature h2{font-size:39px}
.front-card p{font-family:Georgia,serif;font-size:15px;line-height:1.4;margin:6px 0;color:#453f30}
.front-card.no-image{background:var(--paper2);padding:16px;border-top:5px solid var(--ink)}

/* ---- Headline river: dense text-only tail of the front page ---- */
.headline-river{padding:22px 0}
.headline-river article{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.headline-river h3{font:900 22px/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.015em;margin:0}

.empty-state h1{font:900 clamp(40px,7vw,64px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.04em}

/* ---- Article page ---- */
.tabloid-article{max-width:1100px}
.tabloid-article .article-header{max-width:1000px;margin:0 auto}
.tabloid-article .article-header h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.045em;max-width:960px}
.tabloid-deck{font:800 clamp(18px,2.1vw,25px)/1.12 Arial,sans-serif;max-width:850px;margin:11px 0 14px;border-left:6px solid var(--accent);padding-left:13px;color:#231f16}
.tabloid-article .article-body{max-width:740px;font-size:19px;line-height:1.68}
.satire-mini{max-width:740px;margin:26px auto 0;border-top:2px solid var(--accent);padding-top:10px;font:700 11px/1.4 Arial,sans-serif;color:var(--muted)}
.archive-label{display:inline-block;background:#555;color:#fff;padding:5px 8px;font:900 10px Arial,sans-serif;letter-spacing:.08em}
.legacy-article .article-header,.legacy-article .article-body,.legacy-note{max-width:760px;margin-left:auto;margin-right:auto}
.legacy-article .article-header h1{font-size:clamp(38px,5vw,60px)}
.legacy-note{margin-top:25px;padding:12px 14px;background:#eee2c4;border-left:4px solid #8a7a4f;font:13px/1.4 Arial,sans-serif;color:#453f30}
/* Single pages always show the complete editorial image — cropping is for listings only. */
.single .article-hero,.single-dp_brief .article-hero,.tabloid-article .article-hero{max-width:820px;margin:22px auto 26px;overflow:visible;background:transparent}
.single .article-hero img,.single-dp_brief .article-hero img,.tabloid-article .article-hero img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}

/* ---- Editorial archive (/arkiv/ and Aktuellt) ---- */
.tabloid-archive{padding-top:26px}
.tabloid-archive .archive-head{border-bottom:6px solid var(--ink);padding-bottom:16px}
.tabloid-archive .archive-head h1{font:900 clamp(44px,7vw,78px)/.94 Arial Black,Arial,sans-serif;letter-spacing:-.03em}
.tabloid-archive .archive-head p{font-family:Georgia,serif;color:#453f30;max-width:640px;margin:8px 0 0}
.eyebrow{display:inline-block;background:var(--accent);color:#fff;padding:4px 7px;font:900 10px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tabloid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:6px solid var(--ink);margin-top:20px}
.tabloid-list article{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:18px 0;border-bottom:2px solid var(--ink)}
.tabloid-list .listing-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tabloid-list h2{font:900 24px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.015em;margin:5px 0}
.tabloid-list p{font-family:Georgia,serif;margin:5px 0;font-size:14px;line-height:1.32;color:#453f30}

/* ---- All-articles grid (shared base gets Betydligt's warmer look for free via variables);
   this only tunes the one thing that needs a stronger hand on a tabloid front. ---- */
.archive-all .archive-head h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.035em}
.all-article-card:first-child{grid-column:span 2;grid-row:span 2}
.all-article-card h2{font:900 25px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.all-article-card:first-child h2{font-size:38px}
.all-article-card p{font-family:Georgia,serif}

/* ---- Front-end image tools (Betydligt-only: prompt + on-page image swap) ---- */
.dp-front-image-tools{background:var(--paper2);border:1px solid var(--line)}
.dp-front-image-tools .dp-prompt-open{background:var(--ink);color:#fff;border-color:var(--ink)}
.dp-prompt-modal{display:none;position:fixed;z-index:999999;inset:0;background:rgba(11,11,12,.75);padding:4vh 14px}
.dp-prompt-card{background:#fff;max-width:850px;margin:auto;padding:20px;border-radius:4px;max-height:92vh;overflow:auto;font-family:Arial,sans-serif}
.dp-prompt-card h2{margin:0 0 10px;font-weight:900}
.dp-prompt-card select{margin-bottom:10px;padding:7px}
.dp-prompt-text{width:100%;min-height:52vh;padding:12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line)}
.dp-prompt-actions{display:flex;gap:8px;margin-top:10px}
.dp-prompt-actions button{padding:10px 14px;font-weight:700}
.dp-prompt-copy{background:var(--accent);color:#fff;border:0}
.dp-prompt-status{font-weight:700;margin-left:6px}

/* ---- Footer ---- */
.site-footer{background:var(--ink);border-top:8px solid var(--accent)}
.footer-brand{font-family:Arial Black,Arial,sans-serif}

/* ================= Responsive ================= */
@media(max-width:900px){
 .masthead{flex-wrap:wrap}
 .cover-grid{grid-template-columns:1fr}
 .cover-side{border-left:0;padding-left:0;border-top:4px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0 18px;padding-top:14px}
 .cover-side .red-title{grid-column:1/-1}
 .cover-image{aspect-ratio:4/3}
 .front-card.feature .front-image{aspect-ratio:16/9}
 .front-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
 .strip-card{padding-bottom:12px}
 .front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .front-card.feature{grid-column:span 2}
 .tabloid-list{grid-template-columns:1fr}
 .all-article-card:first-child{grid-column:1/-1;grid-row:auto}
}
@media(max-width:700px){
 .utility span{display:none}
 .brand{font-size:38px}
 .tagline{display:none}
 .bet-cover{padding-top:14px}
 .cover-grid{border-top-width:4px;border-bottom-width:4px;padding-bottom:14px;gap:14px}
 .cover-hero.type-cover{padding:16px}
 .cover-image{aspect-ratio:1/1}
 .cover-copy h1,.cover-hero.type-cover .cover-copy h1{font-size:clamp(32px,10vw,42px);line-height:.94}
 .cover-copy p{font-size:16px}
 .cover-side{grid-template-columns:1fr 1fr}
 .side-story{padding:10px 0}
 .side-story h2{font-size:18px}
 .side-image{aspect-ratio:4/3}
 .front-strip{grid-template-columns:1fr 1fr;padding:12px 10px}
 .strip-card{border-right:0;padding:0 0 10px}
 .strip-card h3{font-size:17px}
 .front-heading{display:block}
 .front-heading b{font-size:22px}
 .front-heading span{display:block;margin-top:4px}
 .front-grid{grid-template-columns:1fr}
 .front-card.feature{grid-column:auto}
 .front-card h2,.front-card.feature h2{font-size:26px}
 .headline-river article{grid-template-columns:76px 1fr}
 .headline-river h3{font-size:19px}
 .tabloid-article .article-header h1{font-size:clamp(34px,10vw,48px)}
 .tabloid-deck{font-size:18px}
 .tabloid-article .article-body{font-size:18px;line-height:1.6}
 .tabloid-list article{grid-template-columns:110px 1fr;gap:11px;padding:13px 0}
 .tabloid-list h2{font-size:20px}
 .tabloid-list p{display:none}
 .all-article-card:first-child h2{font-size:30px}
}


/* 1.1.0-theme.6 — stronger text-only stories and ad-ready modules */
.cover-hero.type-cover{display:flex;min-height:430px;align-items:flex-end;background:var(--ink);color:#fff;padding:clamp(22px,4vw,48px);position:relative;overflow:hidden}
.cover-hero.type-cover:before{content:"BETYDLIGT";position:absolute;right:-.04em;top:-.12em;font:900 clamp(90px,16vw,210px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.045);pointer-events:none}
.cover-hero.type-cover .cover-copy{position:relative;max-width:850px}.cover-hero.type-cover h1 a,.cover-hero.type-cover p{color:#fff}.cover-hero.type-cover h1{font-size:clamp(44px,6vw,78px)}
.side-story.no-image,.strip-card.no-image,.front-card.no-image{position:relative;overflow:hidden;background:#fff8e8}
.side-story.no-image:after,.strip-card.no-image:after,.front-card.no-image:after{content:"";position:absolute;inset:auto -25px -35px auto;width:85px;height:85px;border:18px solid rgba(196,24,31,.07);border-radius:50%;pointer-events:none}
.strip-card.no-image{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}.strip-card.no-image>span{align-self:flex-start}.strip-card.no-image h3{font-size:21px}
.front-card.no-image{min-height:245px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}.front-card.no-image>span{align-self:flex-start}.front-card.no-image h2{font-size:31px}.front-card.no-image p{max-width:38em}
.front-card.feature.no-image{min-height:340px;background:var(--ink);color:#fff;border-top-color:var(--accent);padding:clamp(22px,4vw,42px)}.front-card.feature.no-image h2{font-size:clamp(38px,5vw,58px)}.front-card.feature.no-image h2 a,.front-card.feature.no-image p{color:#fff}
/* Real or satirical ads can be image-free without looking like missing media. */
.bet-ad-slot{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff7dd;border:2px solid #b9a065;box-shadow:inset 0 0 0 5px var(--paper);font-size:12px}.bet-ad-slot small{max-width:520px;line-height:1.35}
.bet-ad-slot.has-copy{text-align:left;align-items:flex-start;padding:18px 22px}.bet-ad-slot.has-copy strong{font:900 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:var(--ink)}
@media(max-width:700px){.cover-hero.type-cover{min-height:330px;padding:22px}.cover-hero.type-cover h1{font-size:38px}.strip-card.no-image{min-height:125px}.front-card.no-image,.front-card.feature.no-image{min-height:0;padding:18px}.front-card.no-image h2,.front-card.feature.no-image h2{font-size:27px}.bet-ad-slot{margin:16px 0;min-height:82px}}

/* 1.1.0-theme.7 — denser mobile front and deliberate text-only cards */
.mobile-toplines{display:none}
.mobile-toplines a span{font:900 9px/1 Arial,sans-serif;letter-spacing:.06em;color:var(--accent);margin-right:8px;text-transform:uppercase}
.side-story.no-image{background:var(--ink);color:#fff;border-top-color:var(--accent);padding:14px}
.side-story.no-image h2 a{color:#fff}
.strip-card.no-image,.front-card.no-image{border-top-color:var(--accent)}
@media(max-width:700px){
 .mobile-toplines{display:block;margin:0 0 14px;border:0;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:0;background:var(--paper2)}
 .mobile-toplines-title{background:var(--accent);color:#fff;padding:7px 9px;font:900 11px/1 Arial,sans-serif;letter-spacing:.08em}
 .mobile-toplines a{display:block;padding:9px 10px;border-top:1px solid var(--line);font:900 17px/1.04 Arial,Helvetica,sans-serif}
 .mobile-toplines a:first-of-type{border-top:0}
 .cover-image{aspect-ratio:16/9;max-height:240px}
 .cover-copy{padding-top:9px}
 .cover-copy h1,.cover-hero.type-cover .cover-copy h1{font-size:clamp(30px,8.7vw,38px);line-height:.96;margin:7px 0 8px}
 .cover-copy p{display:none}
 .cover-side{display:block;border-top:4px solid var(--ink);padding-top:0}
 .cover-side .red-title{margin:0}
 .side-story{display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:12px;align-items:center;padding:11px 0}
 .side-story .side-image{grid-column:2;grid-row:1 / span 2;margin:0;aspect-ratio:4/3}
 .side-story>span,.side-story h2{grid-column:1}
 .side-story>span{justify-self:start}
 .side-story h2{margin:5px 0;font-size:19px}
 .side-story.no-image{display:block;margin-top:8px;padding:14px 15px}
 .front-strip{display:block;padding:0;border-top:4px solid var(--ink);background:transparent}
 .strip-card,.strip-card.no-image{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:12px;min-height:0;padding:11px 0;border-bottom:1px solid var(--line);background:transparent}
 .strip-card .strip-image{grid-column:1;grid-row:1 / span 2;margin:0;aspect-ratio:4/3}
 .strip-card>span,.strip-card h3{grid-column:2;align-self:start;justify-self:start}
 .strip-card h3,.strip-card.no-image h3{font-size:19px;margin:5px 0}
 .strip-card.no-image{display:block;border-top:0;border-left:7px solid var(--accent);padding:12px 14px;background:var(--paper2)}
 .front-card.has-image{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:13px;align-items:start}
 .front-card.has-image .front-image{grid-column:1;grid-row:1 / span 3;margin:0;aspect-ratio:4/3}
 .front-card.has-image>span,.front-card.has-image h2,.front-card.has-image p{grid-column:2}
 .front-card.has-image h2{font-size:22px;margin:5px 0}
 .front-card.has-image p{display:none}
 .front-card.no-image,.front-card.feature.no-image{border-left:7px solid var(--accent);border-top:0;padding:15px 16px;background:var(--paper2);color:var(--ink)}
 .front-card.no-image h2,.front-card.feature.no-image h2,.front-card.feature.no-image h2 a{font-size:24px;color:var(--ink)}
 .front-card.no-image p,.front-card.feature.no-image p{display:none}
}

/* 1.1.0-theme.8 — tablet bridge for phones requesting a desktop-sized viewport */
@media(max-width:1050px) and (min-width:701px){
 .wrap{width:calc(100% - 32px)}
 .cover-grid{grid-template-columns:1fr;gap:16px}
 .cover-image{aspect-ratio:16/9;max-height:620px}
 .cover-copy h1{font-size:clamp(42px,7vw,68px)}
 .cover-side{border-left:0;border-top:5px solid var(--ink);padding:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
 .cover-side .red-title{grid-column:1/-1}
 .side-story{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center}
 .side-story .side-image{grid-column:2;grid-row:1 / span 2;margin:0}
 .side-story>span,.side-story h2{grid-column:1;justify-self:start}
 .side-story.no-image{display:block;padding:18px;min-height:150px}
 .front-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .front-card.feature{grid-column:span 2}
}

/* 1.1.0-theme.9 — category news list and compact phone desktop view */
.category-page{padding-top:22px}
.category-head{padding:12px 0 18px;border-bottom:5px solid var(--ink)}
.category-head h1{font:900 clamp(34px,4vw,52px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:10px 0 0}
.category-description{max-width:680px;font-size:16px;line-height:1.4;color:var(--muted);margin-top:8px}
.category-description p{margin:0}
.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.category-card{min-width:0;display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}
.category-card .listing-image{width:100%;margin:0;aspect-ratio:16/10}
.category-card .listing-image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
.category-card-copy{min-width:0}
.category-card time{display:block;font:700 11px/1.2 Arial,sans-serif;color:var(--muted);margin:1px 0 7px}
.category-card h2{font:900 22px/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.category-card p{font:14px/1.35 Georgia,serif;color:#453f30;margin:8px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.category-card.no-image{grid-template-columns:1fr;border-left:5px solid var(--accent);padding-left:16px;background:var(--paper2)}
@media(max-width:1050px){
 .category-list{grid-template-columns:1fr;max-width:760px}
 .front-grid{grid-template-columns:1fr}
 .front-card.feature{grid-column:auto}
 .front-card.no-image,.front-card.feature.no-image{min-height:0;display:block;padding:18px}
 .front-card.no-image h2,.front-card.feature.no-image h2{font-size:26px}
 .front-card.feature.no-image,.front-card.feature.no-image h2 a,.front-card.feature.no-image p{color:var(--ink);background:var(--paper2)}
 .front-card.no-image p{display:none}
}
@media(max-width:600px){
 .category-page{padding-top:10px}
 .category-head h1{font-size:34px}
 .category-card{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:16px 0}
 .category-card h2{font-size:19px;line-height:1.1}
 .category-card p{display:none}
 .category-card time{font-size:10px;margin-bottom:5px}
 .category-card.no-image{padding:14px}
}

/* 1.1.0-theme.10 — compact front page on phones, including desktop view. */
@media(max-width:700px){
 .masthead{padding:10px 0}
 .brand{font-size:34px}
 .nav ul{padding:8px 0;gap:20px}
 .bet-cover{padding-top:12px}
 .mobile-toplines{margin:0 0 12px;border-top:3px solid var(--ink);border-bottom:2px solid var(--ink)}
 .mobile-toplines-title{padding:6px 9px;font-size:10px}
 .mobile-toplines a{font-size:16px;line-height:1.12;padding:7px 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .cover-grid{padding-bottom:8px}
 .cover-image{aspect-ratio:16/8;max-height:190px}
 .cover-hero.type-cover{min-height:190px;padding:18px}
 .cover-copy h1,.cover-hero.type-cover .cover-copy h1{font-size:clamp(28px,7.7vw,34px);line-height:1.02;margin:6px 0 4px}
 .cover-kicker{font-size:9px;padding:3px 6px}
 .cover-side{display:none}
 .front-strip{margin-top:10px}
 .strip-card,.strip-card.no-image{grid-template-columns:96px minmax(0,1fr);padding:10px 0}
 .strip-card h3,.strip-card.no-image h3{font-size:18px;line-height:1.1}
 .front-section{padding:18px 0}
 .front-grid{gap:0}
 .front-card{padding:12px 0}
 .front-card.has-image{grid-template-columns:104px minmax(0,1fr)}
 .front-card.has-image h2{font-size:19px;line-height:1.1}
 .front-card.no-image,.front-card.feature.no-image{padding:13px 14px}
 .front-card.no-image h2,.front-card.feature.no-image h2{font-size:21px}
}
@media(max-width:1050px) and (min-width:701px){
 .bet-cover{padding-top:12px}
 .cover-image{aspect-ratio:2/1;max-height:360px}
 .cover-hero.type-cover{min-height:250px}
 .cover-copy h1{font-size:clamp(38px,5vw,52px)}
 .front-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:10px 0}
 .strip-card,.strip-card.no-image{display:grid;grid-template-columns:125px minmax(0,1fr);column-gap:12px;align-items:center;min-height:0;padding:10px 0;border-bottom:1px solid var(--line)}
 .strip-card .strip-image{grid-column:1;grid-row:1 / span 2;margin:0;aspect-ratio:4/3}
 .strip-card>span,.strip-card h3{grid-column:2;justify-self:start}
 .strip-card h3,.strip-card.no-image h3{font-size:19px;margin:4px 0}
 .strip-card.no-image{display:block;border-top:0;border-left:5px solid var(--accent);padding:12px;background:var(--paper2)}
 .front-card.has-image{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:16px}
 .front-card.has-image .front-image{grid-column:1;grid-row:1 / span 3;margin:0;aspect-ratio:4/3}
 .front-card.has-image>span,.front-card.has-image h2,.front-card.has-image p{grid-column:2}
 .front-card.has-image h2{font-size:24px}
 .front-card.has-image p{display:none}
}

/* 1.1.0-theme.11 — source references on all editorial article types. */
.article-body .dp-source-note{margin:24px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:15px;line-height:1.4}
.article-body .dp-source-note a{text-decoration:underline;text-underline-offset:3px}
.article-body .dp-source-missing{margin:24px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--paper2);font:700 13px/1.4 Arial,sans-serif}
.article-body .dp-source-missing a{text-decoration:underline}

/* 1.2: Frågat på stan – bilden ovanför är ett kollage av porträtten, så texten får full bredd */
.article.kind-street .article-body{max-width:860px}
.article.kind-street .article-body .bet-street-person blockquote{border:0;padding:0;margin:0;background:none}

/* 1.2.3: the cover uses its wide hero crop, never a square portrait cropped a second time. */
.cover-hero .cover-image{aspect-ratio:16/9;max-height:none}
.cover-hero .cover-image img{object-fit:contain;object-position:50% 50%}