/*
Theme Name: Farce Antilles 2026
Theme URI: https://guadeloupe.farceantilles.fr/
Description: Journal satirique guadeloupéen — mise en page éditoriale moderne (une, rubriques, article).
Version: 2.0
Author: FarceAntilles
*/

/* =========================================================
   1. Variables & base
   ========================================================= */
:root{
	--red:#c8102e;
	--red-d:#9d0c23;
	--red-l:#fbeef0;
	--ink:#16161a;
	--ink2:#3a3a42;
	--grey:#71717a;
	--grey-l:#9b9ba3;
	--line:#e6e6e8;
	--alt:#f7f7f5;
	--yellow:#ffd100;
	--wrap:1180px;
	--r:10px;
	--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
	margin:0;
	background:#fff;
	color:var(--ink);
	font-family:var(--sans);
	font-size:15px;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--red)}
h1,h2,h3,h4{margin:0;letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit}

.wrap{
	width:100%;
	max-width:var(--wrap);
	margin:0 auto;
	padding:0 22px;
}

.skip-link{
	position:absolute;left:-9999px;top:0;z-index:200;
	background:var(--ink);color:#fff;padding:10px 16px;
}
.skip-link:focus{left:10px;top:10px}

.screen-reader-text{position:absolute;left:-9999em}

/* =========================================================
   2. Bandeau ticker
   ========================================================= */
.ticker{
	background:var(--ink);
	color:#fff;
	font-size:11.5px;
	letter-spacing:.02em;
}
.ticker-in{
	display:flex;
	align-items:center;
	gap:22px;
	height:32px;
	overflow:hidden;
}
.tick-date{
	color:#fff;
	white-space:nowrap;
}
.tick-quotes{
	color:#a5a5ad;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex:1;
}
.tick-quotes b{color:#fff;font-weight:700;letter-spacing:.08em;font-size:10px;margin-right:2px}
.tick-quotes .tq{
	padding:0 8px;
	margin-left:6px;
	border-left:1px solid rgba(255,255,255,.18);
	white-space:nowrap;
}
.tick-quotes i{font-style:normal;font-weight:700}
.tick-quotes em{font-style:normal;color:#e6e6e8}
.tick-quotes .up{color:#5be08a}
.tick-quotes .down{color:#ff7b7b}
.tick-meteo{color:#a5a5ad;white-space:nowrap}

/* =========================================================
   3. Masthead rouge
   ========================================================= */
.masthead{
	background:var(--red);
	color:#fff;
	border-bottom:1px solid var(--red-d);
}
.masthead-in{
	display:flex;
	align-items:center;
	gap:28px;
	min-height:74px;
	padding-top:10px;
	padding-bottom:10px;
}
.brand{display:block;color:#fff;flex:none}
.brand:hover{color:#fff}
.brand-name{
	display:block;
	font-size:27px;
	line-height:1;
	font-weight:800;
	letter-spacing:-.01em;
	text-transform:uppercase;
	color:#fff;
}
.brand-name span{color:#fff}
.brand-tag{
	display:block;
	margin-top:5px;
	font-size:9.5px;
	line-height:1.2;
	font-weight:600;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:rgba(255,255,255,.72);
}

.editions{
	display:flex;
	align-items:center;
	margin-left:10px;
	border-left:1px solid rgba(255,255,255,.28);
}
.editions a{
	display:block;
	padding:4px 14px;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:rgba(255,255,255,.78);
	border-right:1px solid rgba(255,255,255,.28);
	line-height:1.4;
}
.editions a:hover{color:#fff;background:rgba(0,0,0,.08)}
.editions a.on{color:#fff}

.masthead-actions{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:16px;
}
.btn-sub{
	display:inline-block;
	background:var(--yellow);
	color:#1a1a1a;
	font-size:12px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	padding:9px 16px;
	border-radius:999px;
	white-space:nowrap;
	transition:transform .15s ease, filter .15s ease;
}
.btn-sub:hover{color:#1a1a1a;filter:brightness(.94);transform:translateY(-1px)}
.mh-link{
	font-size:12px;
	font-weight:600;
	color:rgba(255,255,255,.9);
	white-space:nowrap;
}
.mh-link:hover{color:#fff}
.mh-login{display:flex;align-items:center;gap:6px}
.mh-login svg{width:15px;height:15px;fill:currentColor}

/* =========================================================
   4. Navigation collante
   ========================================================= */
.navbar{
	position:sticky;
	top:0;
	z-index:60;
	background:#fff;
	border-bottom:1px solid var(--line);
	box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.admin-bar .navbar{top:32px}
.navbar-in{
	display:flex;
	align-items:center;
	gap:18px;
	height:54px;
	min-width:0;
}
.mainnav{min-width:0;flex:1;overflow:hidden}
.mainnav ul{
	display:flex;
	align-items:center;
	gap:2px;
	overflow-x:auto;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.mainnav ul::-webkit-scrollbar{display:none}
.mainnav a{
	display:block;
	padding:7px 12px;
	border-radius:999px;
	font-size:13px;
	font-weight:600;
	color:var(--ink2);
	white-space:nowrap;
	transition:background .15s ease,color .15s ease;
}
.mainnav a:hover{background:var(--alt);color:var(--red)}
.mainnav a.is-active{background:var(--red);color:#fff}
.mainnav a.is-active:hover{background:var(--red-d);color:#fff}

.nav-search{
	display:flex;
	align-items:center;
	gap:7px;
	flex:none;
	background:var(--alt);
	border:1px solid var(--line);
	border-radius:999px;
	padding:0 12px;
	height:34px;
	width:210px;
	transition:border-color .15s ease,background .15s ease;
}
.nav-search:focus-within{border-color:var(--red);background:#fff}
.nav-search svg{width:16px;height:16px;fill:var(--grey);flex:none}
.nav-search input{
	border:0;background:transparent;outline:none;
	font-family:inherit;font-size:12.5px;color:var(--ink);
	width:100%;min-width:0;
}
.nav-search input::placeholder{color:var(--grey-l)}

/* =========================================================
   5. Structure
   ========================================================= */
.layout{
	display:flex;
	align-items:flex-start;
	gap:42px;
	padding-top:26px;
	padding-bottom:44px;
}
.main-col{flex:1;min-width:0}
.aside{width:308px;flex:none}

.sec-head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:14px;
	border-top:3px solid var(--ink);
	padding-top:11px;
	margin:32px 0 18px;
}
.sec-head h2{
	font-size:13px;
	font-weight:800;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:var(--ink);
}
.sec-note{
	font-size:11.5px;
	color:var(--grey-l);
	letter-spacing:.02em;
}

/* =========================================================
   6. Une : article vedette
   ========================================================= */
.hero{
	position:relative;
	margin-top:4px;
}
.hero-link{
	display:block;
	position:relative;
	border-radius:var(--r);
	overflow:hidden;
	background:var(--ink);
}
.hero-link img{
	width:100%;
	aspect-ratio:16/8;
	object-fit:cover;
	transition:transform .5s ease;
}
.hero-link:hover img{transform:scale(1.02)}
.hero-veil{
	position:absolute;inset:0;
	background:linear-gradient(to top,rgba(10,10,14,.92) 0%,rgba(10,10,14,.55) 42%,rgba(10,10,14,0) 78%);
}
.hero-body{
	position:absolute;
	left:0;right:0;bottom:0;
	padding:26px 28px 24px;
	color:#fff;
}
.chip{
	display:inline-block;
	background:var(--red);
	color:#fff;
	font-size:10px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	padding:4px 9px;
	border-radius:3px;
	margin-bottom:12px;
}
.hero-title{
	display:block;
	font-size:33px;
	line-height:1.1;
	font-weight:800;
	letter-spacing:-.02em;
	color:#fff;
	text-wrap:balance;
}
.hero-chapo{
	display:block;
	margin-top:10px;
	font-size:14.5px;
	line-height:1.45;
	color:rgba(255,255,255,.86);
	max-width:70ch;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.hero-date{
	display:block;
	margin-top:12px;
	font-size:11.5px;
	color:rgba(255,255,255,.6);
	letter-spacing:.02em;
}
.hero-link:hover .hero-title{color:#fff}

/* =========================================================
   7. Cartes
   ========================================================= */
.grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:26px 24px;
}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

.card{display:flex;flex-direction:column;min-width:0}
.card-media{
	display:block;
	background:var(--alt);
	border-radius:8px;
	overflow:hidden;
	aspect-ratio:16/9;
}
.card-media img{
	width:100%;height:100%;
	object-fit:cover;
	transition:transform .45s ease;
}
.card:hover .card-media img{transform:scale(1.035)}
.card-media:empty{display:none}
.card-body{padding-top:11px}
.kicker{
	display:inline-block;
	font-size:10.5px;
	font-weight:800;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:var(--red);
	margin-bottom:6px;
}
a.kicker:hover{color:var(--red-d);text-decoration:underline}
.card h3{
	font-size:18.5px;
	line-height:1.24;
	font-weight:700;
	letter-spacing:-.015em;
}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--red)}
.card p{
	margin-top:7px;
	font-size:13.5px;
	line-height:1.5;
	color:var(--grey);
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.card .date{
	display:block;
	margin-top:8px;
	font-size:11px;
	color:var(--grey-l);
	letter-spacing:.02em;
}

/* =========================================================
   8. Liste compacte
   ========================================================= */
.rows{border-top:1px solid var(--line)}
.row{
	display:flex;
	align-items:center;
	gap:16px;
	padding:14px 0;
	border-bottom:1px solid var(--line);
}
.row-thumb{
	flex:none;
	width:124px;
	aspect-ratio:4/3;
	border-radius:6px;
	overflow:hidden;
	background:var(--alt);
}
.row-thumb img{width:100%;height:100%;object-fit:cover}
.row-body{min-width:0}
.row-meta{
	display:block;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--grey-l);
	margin-bottom:4px;
}
.row h3{
	font-size:16.5px;
	line-height:1.3;
	font-weight:700;
}
.row h3 a{color:var(--ink)}
.row h3 a:hover{color:var(--red)}
.row:hover .row-thumb img{transform:scale(1.03)}
.row-thumb img{transition:transform .4s ease}

.row-thumb:empty{display:none}

.page-head{
	border-bottom:3px solid var(--ink);
	padding-bottom:12px;
	margin:2px 0 16px;
}
.page-title{
	font-size:31px;
	line-height:1.1;
	font-weight:800;
	letter-spacing:-.025em;
	color:var(--ink);
}
.page-sub{
	margin-top:6px;
	font-size:12px;
	color:var(--grey-l);
	letter-spacing:.02em;
}
.grid-archive .kicker{display:none}

.pager{margin-top:26px;display:flex;gap:6px;flex-wrap:wrap}
.pager a,.pager span{
	display:inline-block;
	padding:7px 12px;
	border:1px solid var(--line);
	border-radius:6px;
	font-size:12.5px;
	color:var(--ink2);
}
.pager span.current{background:var(--ink);border-color:var(--ink);color:#fff}
.pager a:hover{border-color:var(--red);color:var(--red)}

.empty{
	padding:26px 0;
	color:var(--grey);
	font-size:15px;
	border-bottom:1px solid var(--line);
}
.arc-intro{
	font-size:14.5px;
	color:var(--grey);
	max-width:70ch;
	margin:-4px 0 4px;
}

/* =========================================================
   9. Article
   ========================================================= */
.art{max-width:780px}
.art-head{margin-bottom:18px}
.art-title{
	font-size:clamp(26px,3.6vw,39px);
	line-height:1.1;
	font-weight:800;
	letter-spacing:-.025em;
	margin:8px 0 14px;
	text-wrap:balance;
}
.art-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	font-size:12px;
	color:var(--grey);
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	padding:9px 0;
}
.art-meta .sep{color:var(--line)}
.art-meta .share-inline{margin-left:auto}

.storycontent{
	font-size:17px;
	line-height:1.72;
	color:#26262b;
	max-width:740px;
}
.storycontent > * + *{margin-top:18px}
.storycontent h3{
	font-size:19px;
	line-height:1.5;
	font-weight:600;
	color:var(--ink2);
	border-left:3px solid var(--red);
	padding-left:15px;
	margin:0 0 24px;
}
.storycontent p{margin:0 0 18px}
.storycontent h2{
	font-size:23px;
	line-height:1.3;
	font-weight:800;
	color:var(--ink);
	border:0;
	margin:30px 0 14px;
}
.storycontent strong{font-weight:700;color:var(--ink)}
.storycontent a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.storycontent ul,.storycontent ol{margin:0 0 18px;padding-left:22px;list-style:disc}
.storycontent ol{list-style:decimal}
.storycontent li{margin-bottom:6px}
.storycontent blockquote{
	margin:24px 0;padding:4px 0 4px 18px;
	border-left:3px solid var(--line);
	font-style:italic;color:var(--ink2);
}
.storycontent img,
.storycontent .aligncenter,
.storycontent .wp-caption{
	clear:none !important;
	max-width:100%;
	height:auto;
}
.storycontent img{border-radius:8px;margin:0 auto}
.storycontent figure{margin:24px 0}
.storycontent figcaption,.storycontent .wp-caption-text{
	font-size:12px;color:var(--grey);margin-top:7px;text-align:left;
}
.storycontent .wp-caption{
	background:transparent;border:0;padding:0;
}
.storycontent p:empty,.storycontent p:has(> br:only-child){display:none}
.storycontent table{width:100%;border-collapse:collapse;font-size:14.5px;margin:22px 0}
.storycontent th{background:var(--ink);color:#fff;text-align:left;padding:8px 10px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.storycontent td{padding:8px 10px;border-bottom:1px solid var(--line)}
.storycontent tr:nth-child(even) td{background:var(--alt)}
.storycontent iframe,.storycontent video{max-width:100%;border-radius:8px}

.share{
	display:flex;align-items:center;gap:9px;
	margin:30px 0 6px;padding-top:18px;
	border-top:1px solid var(--line);
}
.share-label{
	font-size:11px;font-weight:800;letter-spacing:.13em;
	text-transform:uppercase;color:var(--grey);margin-right:4px;
}
.share-btn{
	display:flex;align-items:center;justify-content:center;
	width:34px;height:34px;border-radius:50%;
	background:var(--alt);border:1px solid var(--line);
	color:var(--ink2);
	transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.share-btn svg{width:16px;height:16px;fill:currentColor}
.share-btn:hover{background:var(--red);border-color:var(--red);color:#fff}

/* Formulaires (Contact Form 7, contenu) */
.storycontent input[type=text],
.storycontent input[type=email],
.storycontent input[type=tel],
.storycontent input[type=url],
.storycontent textarea,
.storycontent select,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=url],
.wpcf7 textarea,
.wpcf7 select{
	width:100%;
	max-width:520px;
	padding:10px 12px;
	border:1px solid var(--line);
	border-radius:6px;
	background:var(--alt);
	font-family:inherit;
	font-size:14.5px;
	color:var(--ink);
	display:block;
}
.storycontent input:focus,.storycontent textarea:focus,
.wpcf7 input:focus,.wpcf7 textarea:focus{
	outline:none;
	border-color:var(--red);
	background:#fff;
}
.storycontent textarea,.wpcf7 textarea{min-height:140px;resize:vertical}
.storycontent label,.wpcf7 label{
	display:block;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--grey);
	margin:16px 0 6px;
}
.wpcf7 p{margin:0 0 4px}
.storycontent input[type=submit],
.wpcf7 input[type=submit],
.wpcf7 button[type=submit]{
	display:inline-block;
	width:auto;
	background:var(--red);
	color:#fff;
	border:0;
	border-radius:999px;
	padding:11px 26px;
	margin-top:16px;
	font-family:inherit;
	font-size:12px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	cursor:pointer;
	transition:background .15s ease;
}
.storycontent input[type=submit]:hover,
.wpcf7 input[type=submit]:hover{background:var(--red-d)}
.wpcf7-not-valid-tip{color:var(--red);font-size:12px;margin-top:4px}
.wpcf7-response-output{
	border:1px solid var(--line) !important;
	border-radius:6px;
	padding:10px 12px !important;
	font-size:13.5px;
	color:var(--ink2);
}

/* Commentaires */
#commentsbox{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);max-width:620px}
#commentsbox .wtitle{margin-bottom:6px}
#commentsbox #postcomment{margin-top:22px}
#commentlist li{
	position:relative;
	border-bottom:1px solid var(--line);
	padding:14px 0 14px 46px;font-size:14.5px;line-height:1.6;color:var(--ink2);
}
#commentlist li .avatar{
	position:absolute;left:0;top:16px;
	width:32px;height:32px;margin:0;float:none;
	border-radius:50%;
}
#commentlist li p{margin:0}
#commentlist li p + p{margin-top:6px;font-size:11.5px;color:var(--grey)}
#commentsbox details{margin-top:6px}
#commentsbox summary{
	cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.08em;
	text-transform:uppercase;color:var(--red);padding:6px 0;
}
#commentform p{margin-bottom:9px}
#commentlist cite{font-style:normal;color:var(--grey);font-size:12.5px}
#commentlist .avatar{float:right;border-radius:50%;margin-left:10px}
#commentform input[type=text],#commentform input[type=email],#commentform input[type=url],#commentform textarea{
	width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:6px;
	font-family:inherit;font-size:14px;background:#fff;
}
#commentform textarea{min-height:110px}
#commentform #submit{
	background:var(--ink);color:#fff;border:0;border-radius:999px;
	padding:10px 22px;font-size:12px;font-weight:800;letter-spacing:.06em;
	text-transform:uppercase;cursor:pointer;
}
#commentform #submit:hover{background:var(--red)}

/* =========================================================
   10. Colonne latérale
   ========================================================= */
.wbox{
	border:1px solid var(--line);
	border-radius:var(--r);
	padding:16px 16px 18px;
	margin-bottom:18px;
	background:#fff;
}
.wtitle{
	font-size:11.5px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--ink);
	border-left:3px solid var(--red);
	padding-left:9px;
	margin-bottom:13px;
	line-height:1.2;
}
.wsearch{display:flex;gap:6px}
.wsearch input{
	flex:1;min-width:0;
	border:1px solid var(--line);border-radius:6px;
	padding:9px 11px;font-family:inherit;font-size:13px;
	background:var(--alt);
}
.wsearch input:focus{outline:none;border-color:var(--red);background:#fff}
.wsearch button{
	border:0;background:var(--ink);color:#fff;
	border-radius:6px;padding:0 14px;
	font-size:11.5px;font-weight:800;letter-spacing:.08em;
	cursor:pointer;
}
.wsearch button:hover{background:var(--red)}

.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{
	display:inline-flex;align-items:center;gap:6px;
	background:var(--alt);
	border:1px solid transparent;
	border-radius:999px;
	padding:5px 11px;
	font-size:12px;font-weight:600;color:var(--ink2);
}
.chips a:hover{background:var(--red-l);color:var(--red);border-color:rgba(200,16,46,.18)}
.chips .count{font-size:10.5px;color:var(--grey-l);font-weight:700}

.fil li{border-top:1px solid var(--line)}
.fil li:first-child{border-top:0}
.fil a{display:block;padding:9px 0}
.fil-time{
	display:block;
	font-size:10.5px;font-weight:800;letter-spacing:.08em;
	color:var(--red);margin-bottom:2px;
}
.fil-title{
	display:block;
	font-size:13.5px;line-height:1.35;font-weight:600;color:var(--ink);
}
.fil a:hover .fil-title{color:var(--red)}

.wbox-dark{
	background:var(--ink);
	border-color:var(--ink);
	color:#fff;
}
.wbox-kicker{
	display:block;
	font-size:10.5px;font-weight:800;letter-spacing:.14em;
	text-transform:uppercase;color:var(--yellow);
	margin-bottom:8px;
}
.wbox-lead{font-size:14px;line-height:1.45;color:rgba(255,255,255,.82);margin-bottom:14px}
.wbox-dark .btn-sub{font-size:11px;padding:8px 14px}

.wbox-about p{font-size:13px;line-height:1.5;color:var(--grey)}
.wbox-link{
	display:inline-block;margin-top:10px;
	font-size:12px;font-weight:700;color:var(--red);
}

/* =========================================================
   11. Pied de page
   ========================================================= */
.site-footer{background:var(--ink);color:#fff;margin-top:10px}
.foot-in{
	display:grid;
	grid-template-columns:1.5fr 1fr 1fr 1fr;
	gap:34px;
	padding-top:40px;
	padding-bottom:34px;
}
.brand-foot .brand-name{font-size:22px}
.brand-foot .brand-tag{color:rgba(255,255,255,.55)}
.foot-brand p{
	margin-top:14px;
	font-size:12.5px;line-height:1.55;
	color:rgba(255,255,255,.55);
	max-width:34ch;
}
.foot-col h3{
	font-size:10.5px;font-weight:800;letter-spacing:.14em;
	text-transform:uppercase;color:var(--yellow);
	margin-bottom:12px;
}
.foot-col li{margin-bottom:8px}
.foot-col a{font-size:13px;color:rgba(255,255,255,.78)}
.foot-col a:hover{color:#fff;text-decoration:underline}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12)}
.foot-bottom-in{
	display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
	padding-top:14px;padding-bottom:18px;
	font-size:11.5px;color:rgba(255,255,255,.45);
}

/* =========================================================
   12. Responsive
   ========================================================= */
@media (max-width:1080px){
	.layout{gap:30px}
	.aside{width:280px}
}

@media (max-width:1139px){
	.nav-search{display:none}
	.mainnav ul{
		-webkit-mask-image:linear-gradient(to right,#000 92%,transparent 100%);
		mask-image:linear-gradient(to right,#000 92%,transparent 100%);
	}
}

@media (max-width:960px){
	.layout{flex-direction:column;gap:34px}
	.aside{width:100%}
	.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.editions{display:none}
	.foot-in{grid-template-columns:1fr 1fr;gap:26px}
	.hero-title{font-size:27px}
}

@media (max-width:720px){
	.wrap{padding:0 16px}
	.ticker-in{height:30px;gap:12px}
	.tick-quotes{display:none}
	.masthead-in{min-height:0;padding:11px 0 12px;flex-wrap:wrap;gap:12px}
	.brand-name{font-size:22px}
	.brand-tag{font-size:8.5px;letter-spacing:.12em}
	.mh-link{display:none}
	.navbar-in{height:50px;gap:10px}
	.nav-search{display:none}
	.mainnav a{font-size:12.5px;padding:6px 10px}
	.mainnav ul{
		-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);
		mask-image:linear-gradient(to right,#000 90%,transparent 100%);
	}
	.grid,.grid-3{grid-template-columns:1fr}
	.hero-link img{aspect-ratio:4/3}
	.hero-body{padding:16px}
	.hero-title{font-size:21px}
	.hero-chapo{display:none}
	.hero-date{font-size:10.5px;margin-top:8px}
	.sec-head{margin:26px 0 14px}
	.card h3{font-size:17px}
	.row-thumb{width:96px}
	.row h3{font-size:15px}
	.art-title{font-size:24px}
	.storycontent{font-size:16px;line-height:1.68}
	.storycontent h3{font-size:17px;padding-left:12px}
	.foot-in{grid-template-columns:1fr;gap:22px;padding-top:30px}
	.foot-bottom-in{flex-direction:column;gap:6px}
}