/* =========================================================================
   OstiaTV — tema "Il Quotidiano"
   Bianco, titoli Source Serif 4 (self-hosted), filetti da giornale,
   blu della testata come unico accento. Mobile-first.
   ========================================================================= */

@font-face{
	font-family:"Source Serif 4";
	src:url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
	font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
	font-family:"Source Serif 4";
	src:url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2");
	font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
	font-family:"Source Serif 4";
	src:url("../fonts/source-serif-4-latin-400-italic.woff2") format("woff2");
	font-weight:400;font-style:italic;font-display:swap;
}

:root{
	--blu:#1878c8;
	--ink:#14181c;
	--soft:#57606a;
	--bg:#ffffff;
	--alt:#f6f7f8;
	--line:#d9dde2;
	--rule:#14181c;
	--serif:"Source Serif 4",Georgia,"Times New Roman",serif;
	--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--wrap:1140px;
}

/* --- Base -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blu)}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1rem}

.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:100}
.skip-link:focus{left:0;color:#fff}
:focus-visible{outline:3px solid var(--blu);outline-offset:2px}

/* --- Barra edizione ----------------------------------------------------- */
.edition{border-bottom:1px solid var(--line);font-size:.78rem;color:var(--soft)}
.edition-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.45rem}
.edition-date::first-letter{text-transform:uppercase}
.edition-search{display:flex}
.edition-search input{border:1px solid var(--line);border-radius:3px 0 0 3px;padding:.25rem .55rem;font:inherit;width:130px}
.edition-search button{border:1px solid var(--line);border-left:0;border-radius:0 3px 3px 0;background:var(--alt);padding:.25rem .55rem;cursor:pointer;font:inherit}
.edition-claim{display:none}
@media(min-width:700px){.edition-claim{display:block}}

/* --- Testata ------------------------------------------------------------ */
.masthead{text-align:center;padding-block:1.4rem .9rem}
.masthead img{max-height:78px;width:auto;margin-inline:auto}
.brand-text{font-family:var(--serif);font-weight:700;font-size:2.2rem;letter-spacing:-.02em}
.masthead .motto{font-family:var(--serif);font-style:italic;color:var(--soft);font-size:.92rem;margin:.5rem 0 0}

/* --- Navigazione: doppio filetto da quotidiano --------------------------- */
.nav-primary{border-top:2px solid var(--rule);border-bottom:1px solid var(--rule)}
.nav-toggle{display:flex;width:100%;justify-content:center;align-items:center;gap:.5rem;background:none;border:0;padding:.6rem;font:inherit;font-weight:700;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.nav-toggle-bar{width:16px;height:2px;background:currentColor;position:relative}
.nav-toggle-bar::before,.nav-toggle-bar::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor}
.nav-toggle-bar::before{top:-5px}
.nav-toggle-bar::after{top:5px}
.nav-list{display:none;flex-direction:column}
.nav-primary.is-open .nav-list{display:flex}
.nav-list a{display:block;padding:.6rem 1rem;font-weight:700;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;border-top:1px solid var(--line)}
.nav-list .sub-menu a{padding-left:2rem;font-weight:400;text-transform:none;letter-spacing:0;font-size:.85rem}
@media(min-width:900px){
	.nav-toggle{display:none}
	.nav-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
	.nav-list a{border-top:0;padding:.6rem .9rem}
	.nav-list>li{position:relative}
	.nav-list .sub-menu{position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--rule);display:none;z-index:50}
	.nav-list>li:hover>.sub-menu,.nav-list>li:focus-within>.sub-menu{display:block}
	.nav-list .sub-menu a{padding:.55rem 1rem}
}

/* --- Elementi editoriali ------------------------------------------------- */
.kicker{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blu);margin:0 0 .3rem}
.kicker a{color:var(--blu)}
.kicker time{color:var(--soft);font-weight:400;letter-spacing:.02em;margin-left:.5rem}

.rule-title{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem}
.rule-title h2,.rule-title h1{font-family:var(--serif);font-size:1.3rem;margin:0;white-space:nowrap;font-weight:700}
.rule-title::after{content:"";flex:1;height:1px;background:var(--rule)}
.rule-title .more-link{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blu);white-space:nowrap}

.byline{font-size:.78rem;color:var(--soft)}

/* --- Card --------------------------------------------------------------- */
.card-media{display:block;background:var(--alt);aspect-ratio:16/10;margin-bottom:.6rem}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-media-empty{display:block;width:100%;height:100%}
.card-title{font-family:var(--serif);font-weight:600;line-height:1.3;margin:0;font-size:1.08rem}
.card-excerpt{font-size:.88rem;color:var(--soft);margin:.4rem 0 0}

/* --- Prima pagina -------------------------------------------------------- */
.front{padding-block:1.8rem}
.front-grid{display:grid;gap:1.6rem}
.lead .card-media{aspect-ratio:16/9}
.lead .card-title{font-size:clamp(1.55rem,4.5vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.01em}
.lead .card-excerpt{font-family:var(--serif);font-size:1.05rem;margin-top:.45rem}
.side-col article{padding:.9rem 0;border-bottom:1px solid var(--line)}
.side-col article:first-child{padding-top:0}
.side-col .card-title{font-size:1.05rem}
@media(min-width:900px){
	.front-grid{grid-template-columns:1.7fr 1fr;gap:2.2rem}
	.side-col{border-left:1px solid var(--line);padding-left:2.2rem}
}

/* --- Fascia sezioni (sfondo alternato, colonne con filetti) --------------- */
.band{border-top:1px solid var(--rule);background:var(--alt);padding-block:1.8rem}
.band--white{background:var(--bg)}
.band-grid{display:grid;gap:1.6rem}
.band-grid article .card-title{font-size:1.02rem}
@media(min-width:800px){
	.band-grid{grid-template-columns:repeat(3,1fr);gap:0}
	.band-grid>article{padding-inline:1.8rem;border-left:1px solid var(--line)}
	.band-grid>article:first-child{padding-left:0;border-left:0}
	.band-grid>article:last-child{padding-right:0}
}
.band-grid--4{gap:1.6rem}
@media(min-width:800px){
	.band-grid--4{grid-template-columns:repeat(4,1fr);gap:0}
	.band-grid--4>article{padding-inline:1.4rem;border-left:1px solid var(--line)}
	.band-grid--4>article:first-child{padding-left:0;border-left:0}
	.band-grid--4>article:last-child{padding-right:0}
}

/* --- Edicola: più letti + newsletter -------------------------------------- */
.edicola{padding-block:2rem}
.edicola-grid{display:grid;gap:2rem}
@media(min-width:900px){.edicola-grid{grid-template-columns:1fr 1fr}}
.toplist{counter-reset:n}
.toplist li{counter-increment:n;display:flex;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.toplist li::before{content:counter(n);font-family:var(--serif);font-weight:700;font-size:1.7rem;color:var(--blu)}
.toplist a{font-family:var(--serif);font-weight:600;font-size:1rem;line-height:1.35}

.abbonati{border:2px solid var(--rule);padding:1.6rem;text-align:center}
.abbonati .kicker{color:var(--ink)}
.abbonati h2{font-family:var(--serif);font-size:1.5rem;margin:.2rem 0 .4rem;font-weight:700}
.abbonati p{font-size:.92rem;color:var(--soft);margin:0 0 1rem}
.abbonati form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.abbonati input[type=email]{flex:1;min-width:190px;border:1px solid var(--line);padding:.65rem .9rem;font:inherit}
.abbonati button{border:0;background:var(--ink);color:#fff;font-weight:700;padding:.65rem 1.4rem;cursor:pointer;font-family:inherit;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}
.abbonati button:hover{background:var(--blu)}
.abbonati .privacy-note{font-size:.72rem;margin-top:.6rem}

/* --- Articolo -------------------------------------------------------------- */
.article{padding-block:2rem;max-width:760px}
.article-title{font-family:var(--serif);font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.12;margin:.3rem 0 .5rem;font-weight:700;letter-spacing:-.01em}
.article-standfirst{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--soft);margin:0 0 .8rem;line-height:1.5}
.article-header .byline{padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.article-media{margin:1.25rem 0}
.article-media figcaption{font-size:.8rem;color:var(--soft);margin-top:.4rem}
.article-content{font-size:1.06rem;line-height:1.75}
.article-content p{margin:0 0 1.15rem}
.article-content a{color:var(--blu);text-decoration:underline}
.article-content h2,.article-content h3{font-family:var(--serif)}
.article-content img{margin-block:1rem}
.article-content blockquote{margin:1.2rem 0;padding-left:1rem;border-left:3px solid var(--blu);font-family:var(--serif);font-style:italic;color:var(--soft)}

.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--rule);font-size:.85rem}
.article-share span{font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}
.article-share a{border:1px solid var(--line);padding:.3rem .9rem;font-weight:600}
.article-share a:hover{border-color:var(--blu)}

.related{padding-block:1.5rem 2.5rem}

/* --- Archivi ----------------------------------------------------------------- */
.archive{padding-block:2rem}
.archive-header{margin-bottom:1.4rem}
.archive-desc{color:var(--soft);font-family:var(--serif);font-style:italic}
.archive-grid{display:grid;gap:1.6rem}
@media(min-width:640px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.archive-grid{grid-template-columns:repeat(4,1fr)}}

.pagination{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.35rem}
.pagination .page-numbers{border:1px solid var(--line);padding:.35rem .8rem;font-weight:600;font-size:.9rem}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}

.search-form{display:flex;max-width:440px}
.search-form .search-field{flex:1;border:1px solid var(--line);padding:.6rem .9rem;font:inherit}
.search-form .search-submit{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:.6rem 1rem;font-weight:700;cursor:pointer}

/* --- Footer -------------------------------------------------------------------- */
.site-footer{border-top:2px solid var(--rule);margin-top:2rem;padding-block:1.9rem;text-align:center;font-size:.85rem;color:var(--soft)}
.site-footer .footer-logo img{max-height:46px;margin:0 auto .8rem}
.site-footer p{margin:.25rem 0}
.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:.7rem 0;font-size:.82rem}
.footer-menu a{font-weight:600}
.footer-credit{font-size:.78rem;margin-top:.8rem}
.footer-credit a{color:var(--blu);font-weight:600}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* =========================================================================
   v3 "Portale del Quotidiano" — apertura 3 colonne, territorio, tricolonna
   ========================================================================= */

/* --- Testata a barra: logo sx, ricerca dx ------------------------------- */
.masthead--bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;text-align:left;padding-block:1rem}
.masthead--bar .brand{display:flex;align-items:center;gap:1rem}
.masthead--bar img{max-height:60px;margin:0}
.masthead--bar .claim{font-family:var(--serif);font-style:italic;color:var(--soft);font-size:.88rem;margin:0;max-width:230px;line-height:1.35;display:none}
@media(min-width:700px){.masthead--bar .claim{display:block}}
.masthead-search{display:flex;flex:0 1 300px}
.masthead-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:3px 0 0 3px;padding:.5rem .8rem;font:inherit}
.masthead-search button{border:1px solid var(--line);border-left:0;border-radius:0 3px 3px 0;background:var(--alt);padding:.5rem .8rem;cursor:pointer;font:inherit}

/* --- Barra TEMI ---------------------------------------------------------- */
.temi-bar{border-bottom:1px solid var(--line);background:var(--bg)}
.temi-in{display:flex;align-items:center;gap:.45rem;padding-block:.5rem;overflow-x:auto;scrollbar-width:none}
.temi-in::-webkit-scrollbar{display:none}
.temi-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);flex:none}
.temi-in a{flex:none;border:1px solid var(--line);border-radius:999px;padding:.22rem .8rem;font-size:.8rem;font-weight:600}
.temi-in a:hover{border-color:var(--blu);color:var(--blu)}

/* --- Apertura 3 colonne --------------------------------------------------- */
.portal{padding-block:1.6rem}
.portal-grid{display:grid;gap:1.6rem}
@media(min-width:1000px){
	.portal-grid{grid-template-columns:1.55fr 1.15fr .95fr;gap:0}
	.portal-grid>div{padding-inline:1.6rem;border-left:1px solid var(--line)}
	.portal-grid>div:first-child{padding-left:0;border-left:0}
	.portal-grid>div:last-child{padding-right:0}
}
.rule-title--sm h2{font-size:1.05rem}

/* timeline Ultime notizie */
.timeline li,.minilist li{display:grid;grid-template-columns:auto 64px 1fr;gap:.7rem;padding:.65rem 0;border-bottom:1px solid var(--line);align-items:start}
.minilist li{grid-template-columns:64px 1fr}
.timeline li:last-child,.minilist li:last-child{border-bottom:0}
.tl-ora{font-size:.74rem;font-weight:700;color:var(--blu);font-variant-numeric:tabular-nums;padding-top:.15rem}
.tl-thumb{display:block;width:64px;height:64px;background:var(--alt);flex:none}
.tl-thumb img{width:100%;height:100%;object-fit:cover}
.tl-cat{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--blu)}
.timeline h3,.minilist h3{font-family:var(--serif);font-weight:600;font-size:.95rem;line-height:1.3;margin:.1rem 0 0}

/* box video + pubblicità */
.videobox-media{position:relative;display:block;background:var(--alt);aspect-ratio:16/10;margin-bottom:.55rem}
.videobox-media img{width:100%;height:100%;object-fit:cover}
.videobox-media .play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:rgba(20,24,28,.82);display:grid;place-items:center}
.videobox-media .play::before{content:"";border-left:16px solid #fff;border-block:10px solid transparent;margin-left:4px}
.videobox .card-title{font-size:1rem}
.adv{margin-top:1.4rem;border:1px solid var(--line);padding:.6rem}
.adv-label{display:block;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);margin-bottom:.45rem}
.adv img{width:100%}

/* --- Il Territorio: card zone --------------------------------------------- */
.terr-row{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}
.terr-row::-webkit-scrollbar{display:none}
.terr-row>*{scroll-snap-align:start}
@media(min-width:800px){.terr-row{grid-auto-columns:1fr;grid-auto-flow:row;grid-template-columns:repeat(7,1fr);overflow:visible}}
.terr-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;background:var(--ink) center/cover no-repeat;padding:.7rem .75rem;color:#fff;overflow:hidden}
.terr-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,14,18,.88))}
.terr-card:hover{color:#fff}
.terr-name{position:relative;font-family:var(--serif);font-weight:700;font-size:1.05rem;line-height:1.15}
.terr-count{position:relative;font-size:.72rem;opacity:.85}

/* --- Tricolonna ------------------------------------------------------------ */
.tricol{padding-block:1.8rem}
.tricol-grid{display:grid;gap:1.8rem}
@media(min-width:900px){
	.tricol-grid{grid-template-columns:repeat(3,1fr);gap:0}
	.tricol-grid>div{padding-inline:1.8rem;border-left:1px solid var(--line)}
	.tricol-grid>div:first-child{padding-left:0;border-left:0}
	.tricol-grid>div:last-child{padding-right:0}
}
.numlist{counter-reset:n}
.numlist li{counter-increment:n;display:flex;gap:.9rem;padding:.6rem 0;border-bottom:1px solid var(--line);align-items:baseline;flex-wrap:wrap}
.numlist li:last-child{border-bottom:0}
.numlist li::before{content:counter(n);font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--blu)}
.numlist a{font-family:var(--serif);font-weight:600;font-size:.95rem;line-height:1.35;flex:1;min-width:70%}
.numlist .views{font-size:.72rem;color:var(--soft);margin-left:calc(1.5rem + .9rem)}

/* --- Newsletter a tutta larghezza ------------------------------------------ */
.nl-band{background:var(--blu);color:#fff;margin-top:1.5rem}
.nl-band-in{display:grid;gap:1rem;padding-block:1.8rem;align-items:center}
.nl-band h2{font-size:1.35rem;margin:.1rem 0 0;color:#fff}
.nl-band form{display:flex;gap:.5rem;flex-wrap:wrap}
.nl-band input{flex:1;min-width:200px;border:0;padding:.7rem .9rem;font:inherit;border-radius:3px}
.nl-band button{border:0;background:var(--ink);color:#fff;font-weight:700;padding:.7rem 1.4rem;cursor:pointer;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border-radius:3px}
.nl-band button:hover{background:#0d1114}
@media(min-width:900px){.nl-band-in{grid-template-columns:1.2fr 1fr}}

/* --- v3.1: meteo, agenda, sponsorizzato ---------------------------------- */
.edition-meteo{white-space:nowrap;font-weight:600;color:var(--ink)}

.agenda li{display:flex;gap:.9rem;padding:.65rem 0;border-bottom:1px solid var(--line);align-items:flex-start}
.agenda li:last-child{border-bottom:0}
.ag-date{flex:none;width:52px;text-align:center;border:1px solid var(--rule);padding:.3rem 0 .35rem;line-height:1.05;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg)}
.ag-date b{display:block;font-family:var(--serif);font-size:1.35rem;font-weight:700}
.agenda h3{font-family:var(--serif);font-weight:600;font-size:.95rem;line-height:1.3;margin:0}
.ag-luogo{display:block;font-size:.74rem;color:var(--soft);margin-top:.2rem}

.badge-sponsor{display:inline-block;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#8a6d1a;background:#faf3dd;border:1px solid #e8d9a8;padding:.14rem .5rem;margin-bottom:.35rem}
.badge-sponsor--full{margin:0 0 .5rem}
.badge-sponsor--mini{font-size:.58rem;padding:.08rem .4rem;margin:0 0 .15rem;vertical-align:middle}

/* =========================================================================
   v3.2 — Rifiniture MOBILE
   ========================================================================= */

/* Testata: su mobile logo sopra, ricerca a tutta larghezza sotto */
@media(max-width:699px){
	.masthead--bar{flex-direction:column;align-items:stretch;gap:.7rem;padding-block:.9rem .7rem}
	.masthead--bar .brand{justify-content:center}
	.masthead--bar img{max-height:48px}
	.brand-text{font-size:1.8rem}
	.masthead-search{flex-basis:auto}
	.masthead-search input{padding:.6rem .9rem}
}

/* Timeline: via la colonna orario, l'ora va inline accanto alla categoria */
.tl-ora-inline{display:none;font-weight:700;color:var(--blu);margin-right:.45rem;font-variant-numeric:tabular-nums}
@media(max-width:599px){
	.timeline li{grid-template-columns:60px 1fr}
	.timeline .tl-ora{display:none}
	.tl-ora-inline{display:inline}
	.tl-thumb{width:60px;height:60px}
	.timeline h3,.minilist h3{font-size:1rem}
}

/* Sezioni e archivi: 2 colonne già dai telefoni larghi/tablet stretti,
   così niente foto giganti impilate */
@media(min-width:480px) and (max-width:799px){
	.band-grid,.band-grid--4{grid-template-columns:repeat(2,1fr);gap:1.2rem}
	.archive-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:479px){
	.band-grid>article,.band-grid--4>article{display:grid;grid-template-columns:118px 1fr;gap:.8rem;align-items:start}
	.band-grid .card-media,.band-grid--4 .card-media{aspect-ratio:1/1;margin:0}
	.band-grid .card-title,.band-grid--4 .card-title{font-size:.98rem}
	.band-grid .kicker,.band-grid--4 .kicker{margin-bottom:.15rem}
	.band-grid .kicker time,.band-grid--4 .kicker time{display:none}
}

/* Apertura: meno aria sopra, sommario leggermente più compatto */
@media(max-width:599px){
	.portal{padding-block:1rem}
	.lead .card-excerpt{font-size:.98rem}
	.rule-title h2,.rule-title h1{font-size:1.15rem}
	.tricol{padding-block:1.2rem}
	.band{padding-block:1.3rem}
}

/* Territorio: card un filo più larghe e alte il giusto su schermi piccoli */
@media(max-width:599px){
	.terr-row{grid-auto-columns:38%}
	.terr-card{aspect-ratio:3/4}
}

/* fix v3.2.1 — card-lista mobile: la foto occupa la colonna sinistra per
   tutta l'altezza, kicker+titolo+riassunto restano incolonnati a destra */
@media(max-width:479px){
	.band-grid>article,.band-grid--4>article{grid-template-columns:112px 1fr;grid-auto-rows:min-content}
	.band-grid>article .card-media,.band-grid--4>article .card-media{grid-column:1;grid-row:1 / span 4;width:112px}
	.band-grid>article .kicker,.band-grid--4>article .kicker,
	.band-grid>article .card-title,.band-grid--4>article .card-title,
	.band-grid>article .card-excerpt,.band-grid--4>article .card-excerpt,
	.band-grid>article .badge-sponsor,.band-grid--4>article .badge-sponsor{grid-column:2}
	.band-grid>article .card-title,.band-grid--4>article .card-title{margin-top:.1rem}
}