
/* ===================================================================
   MAQUETTE — Visit Eltville.com  ·  aperçu de modernisation
   (le bloc d'acquisition « Crown Jewels » est conservé intact, en bas)
   =================================================================== */
:root{
  --paper:#faf8f4; --card:#ffffff; --ink:#2a2420; --muted:#6b6258;
  --line:#e7e0d4; --wine:#7b2d3b; --wine-dark:#5e1f2c; --gold:#b8901a; --gold-soft:#c9a227;
  --serif:Georgia,'Times New Roman',serif; --sans:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--serif);line-height:1.15;margin:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 1.2rem}
.eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin-bottom:.6rem}
.section{padding:4rem 0}
.section h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:.4rem}
.section .lead{color:var(--muted);max-width:680px;margin:.4rem 0 2rem;font-size:1.05rem}
.btn{display:inline-block;font-weight:700;padding:.85rem 1.6rem;border-radius:10px;border:1.6px solid transparent;transition:.18s;cursor:pointer;font-size:.95rem}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn-wine{background:var(--wine);color:#fff}
.btn-outline{border-color:var(--wine);color:var(--wine);background:transparent}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#241a00}

/* ---------- Bandeau maquette ---------- */
.mockbar{background:#241a00;color:#f6e9c4;font-size:.8rem;text-align:center;padding:.55rem 1rem}
.mockbar b{color:#fff}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:40;background:rgba(250,248,244,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1.2rem;height:72px}
.hdr .logo{height:46px;width:auto;border-radius:6px}
.hdr nav{margin-left:auto;display:flex;gap:1.4rem;align-items:center}
.hdr nav a{color:var(--ink);font-weight:600;font-size:.92rem}
.hdr nav a:hover{color:var(--wine);text-decoration:none}
.hdr .lang{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem}
.hdr .navcta{background:var(--wine);color:#fff;padding:.55rem 1rem;border-radius:8px}
.hdr .navcta:hover{color:#fff}
@media(max-width:860px){.hdr nav a.hide,.hdr .lang{display:none}}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:82vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:url('/images/eltville-by-fritz-geller-grimm.jpg') center/cover;transform:scale(1.03)}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,10,.35),rgba(20,12,10,.62))}
.hero .inner{position:relative;z-index:2;max-width:760px;padding:2rem 1.2rem}
.hero .eyebrow{color:var(--gold-soft)}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero p.sub{font-size:1.15rem;margin:1rem auto 1.8rem;max-width:560px;color:#f2ece2}
.hero .search{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);border-radius:14px;padding:1.1rem 1.2rem;max-width:560px;margin:0 auto}
.hero .search label{display:block;font-weight:700;margin-bottom:.5rem;font-size:.95rem}
.hero .searchbox{display:flex;gap:.5rem}
.hero .searchbox input{flex:1;border:none;border-radius:8px;padding:.75rem .9rem;font-size:1rem}
.hero .attr{margin-top:1.4rem;font-size:.72rem;color:#d9d0c4}
.hero .attr a{color:#fff;text-decoration:underline}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2.4rem;align-items:start}
.about-grid p{color:#433c34;margin:0 0 1rem}
.about-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.6rem;box-shadow:0 14px 34px rgba(80,50,30,.07)}
.about-card h3{color:var(--wine);font-size:1.2rem;margin-bottom:.5rem}
.about-card .facts{list-style:none;padding:0;margin:0 0 1.2rem}
.about-card .facts li{padding:.45rem 0;border-bottom:1px dashed var(--line);font-size:.92rem;color:#4a423a;display:flex;justify-content:space-between;gap:1rem}
.about-card .facts li:last-child{border-bottom:none}
.about-card .facts b{color:var(--ink)}

/* ---------- Partenaires (bandeau) ---------- */
.partners{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.partners .row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:center;padding:1.6rem 0}
.partners .p{border:1px solid var(--line);border-radius:12px;padding:.9rem;text-align:center;transition:.18s;background:#fff}
.partners .p:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(80,50,30,.1)}
.partners .p img{margin:0 auto .4rem;max-height:44px;width:auto}
.partners .p span{display:block;font-size:.78rem;font-weight:700;color:var(--wine)}
@media(max-width:760px){.partners .row{grid-template-columns:repeat(2,1fr)}}

/* ---------- Hôtels / carte ---------- */
.map-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(80,50,30,.07)}
.map-wrap iframe{display:block;width:100%;height:430px;border:0}
.map-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.4rem}

/* ---------- Attractions (grille) ---------- */
.att-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.att{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.3rem;transition:.18s}
.att:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(80,50,30,.1)}
.att .n{font-size:.72rem;font-weight:800;color:var(--gold);letter-spacing:.05em}
.att h3{font-size:1.06rem;margin:.3rem 0 .4rem}
.att p{margin:0;font-size:.9rem;color:var(--muted)}
.att.video,.att.partner{padding:0;overflow:hidden;display:flex;flex-direction:column}
.att.video iframe{width:100%;aspect-ratio:16/10;border:0;display:block}
.att.video .cap,.att.partner .cap{padding:.9rem 1.1rem}
.att.partner{align-items:stretch;text-align:center;justify-content:center;background:linear-gradient(160deg,#fff,#fbf4ee);border-color:#eaded0}
.att.partner img{margin:1.1rem auto .2rem;max-height:46px;width:auto}
.att.partner .cap span{font-weight:700;color:var(--wine);font-size:.92rem}
@media(max-width:900px){.att-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.att-grid{grid-template-columns:1fr}}

/* ---------- Ressources officielles ---------- */
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.res{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.6rem}
.res h3{color:var(--wine);font-size:1.15rem;margin-bottom:.8rem}
.res ul{list-style:none;padding:0;margin:0}
.res li{padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.res li:last-child{border-bottom:none}
.res li small{color:var(--muted)}
@media(max-width:760px){.res-grid{grid-template-columns:1fr}}

/* ---------- Réseau Visit ---------- */
.visit-net{background:linear-gradient(180deg,#2a1116,#3a1720);color:#f3e7d6}
.visit-net h2{color:#fff}
.visit-net .lead{color:#e2c9b8}
.net-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}
.net-feat a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.7rem;text-align:center;color:#fff}
.net-feat a:hover{text-decoration:none;background:rgba(255,255,255,.12)}
.net-feat img{width:100%;aspect-ratio:2.23/1;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:.5rem;display:block}
.net-feat span{font-size:.82rem;font-weight:700}
.net-feat small{display:block;color:#fff;font-size:.72rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.42rem .85rem;font-size:.82rem;color:#f3e7d6}
.chips a:hover{background:var(--gold);color:#241a00;border-color:var(--gold);text-decoration:none}
.chips a small{opacity:1;color:#fff}
.net-note{margin-top:1.6rem;font-size:.9rem;color:#e2c9b8;border-top:1px solid rgba(255,255,255,.14);padding-top:1.2rem}
.net-note a{color:var(--gold-soft)}
@media(max-width:820px){.net-feat{grid-template-columns:repeat(2,1fr)}}

/* ---------- Bloc acquisition (Crown Jewels — CONSERVÉ INTACT) ---------- */
.acq{--acq-gold:#c9a227;--acq-gold-soft:#e7cf7a;--acq-bg:#0b0b0d;--acq-panel:#141318;--acq-line:#26232c;--acq-text:#ece7db;--acq-muted:#b8b1a3;--acq-serif:Georgia,'Times New Roman',serif;font-family:var(--sans);color:var(--acq-text);background:var(--acq-bg);border-radius:20px;overflow:hidden;max-width:1000px;margin:0 auto;text-align:left;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.acq *{box-sizing:border-box}
.acq a{color:var(--acq-gold-soft)}
.acq-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:0}
.acq-text{padding:3rem 3rem 3.4rem}
.acq-kicker{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0d;background:var(--acq-gold);padding:.35rem .85rem;border-radius:999px;margin-bottom:1rem}
.acq-title{font-family:var(--acq-serif);font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.06;margin:.3rem 0 1.1rem;color:var(--acq-text)}
.acq-lead{font-family:var(--acq-serif);font-size:1.15rem;line-height:1.8;color:#d8d0c0;margin:0}
.acq-lead em{color:var(--acq-gold-soft);font-style:italic}
.acq-rule{height:1px;background:linear-gradient(90deg,var(--acq-gold),transparent);margin:1.8rem 0}
.acq-body-cols{columns:2;column-gap:2.2rem;font-size:.94rem;line-height:1.7;color:var(--acq-muted)}
.acq-body-cols p{margin:0 0 1rem;break-inside:avoid}
.acq-body-cols em{color:var(--acq-gold-soft);font-style:italic}.acq-body-cols strong{color:var(--acq-text)}
.acq-aside{background:var(--acq-panel);border-left:1px solid var(--acq-line);padding:3rem 2rem;display:flex;flex-direction:column;gap:1.1rem}
.acq-logo{align-self:flex-start;background:#fff;border-radius:14px;padding:.55rem}
.acq-logo img{max-width:200px;border-radius:4px}
.acq-price{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#7d766a;margin:0}
.acq-aside h3{font-family:var(--acq-serif);color:var(--acq-gold-soft);margin:0;font-size:1.35rem}
.acq-aside p{margin:0;color:#a49c8d;font-size:.88rem;line-height:1.6}
.acq-btn{display:block;text-align:center;font-weight:700;padding:.9rem 1.4rem;border-radius:12px;transition:.18s;border:1.5px solid transparent;font-size:.95rem}
.acq-btn:hover{transform:translateY(-2px);text-decoration:none}
.acq-btn-ghost{background:transparent;border-color:rgba(231,207,122,.55);color:var(--acq-gold-soft)}
.acq-btn-ghost:hover{background:rgba(231,207,122,.08)}
.acq-eco-img{border-radius:8px;opacity:.95}
@media(max-width:820px){.acq-grid{grid-template-columns:1fr}.acq-text{padding:2rem 1.4rem}.acq-body-cols{columns:1}.acq-aside{border-left:none;border-top:1px solid var(--acq-line);padding:2rem 1.4rem}}

/* ---------- Footer ---------- */
.ftr{background:#1a1512;color:#d9cfc2;padding:3rem 0 2rem}
.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.ftr h4{font-family:var(--serif);color:#fff;margin-bottom:.8rem;font-size:1.1rem}
.ftr a{color:#d9cfc2}.ftr a:hover{color:var(--gold-soft);text-decoration:none}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{padding:.3rem 0;font-size:.9rem}
.ftr .logo{height:52px;border-radius:6px;margin-bottom:1rem;background:#fff;padding:.3rem}
.ftr .copy{border-top:1px solid #34291f;margin-top:2rem;padding-top:1.4rem;font-size:.8rem;color:#a89a89;text-align:center}
@media(max-width:760px){.ftr .cols{grid-template-columns:1fr}}

/* Sélecteur de langues — drapeaux seuls, colonne descendante */
.lang-picker{position:relative}
.lang-btn{display:flex;align-items:center;gap:.3rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .5rem;cursor:pointer}
.lang-btn svg{display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.lang-btn .chev{font-size:.66rem;color:var(--muted)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 34px rgba(80,50,30,.16);padding:.45rem;display:none;flex-direction:column;gap:.15rem;max-height:64vh;overflow:auto;z-index:60}
.lang-picker.open .lang-menu{display:flex}
.lang-menu .flag{display:flex;align-items:center;justify-content:center;padding:.3rem .45rem;border-radius:8px}
.lang-menu .flag:hover{background:#f3ece2;text-decoration:none}
.lang-menu .flag svg{border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
/* Cartes vidéo YouTube (façade légère) */
.att.video{color:inherit;text-decoration:none}
.att.video:hover{text-decoration:none}
.att.video .ytposter{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#1a1512 center/cover no-repeat;cursor:pointer}
.att.video .ytposter::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14);transition:.18s}
.att.video:hover .ytposter::before{background:rgba(0,0,0,.26)}
.att.video .ytplay{width:58px;height:58px;border-radius:50%;background:#ff0000;box-shadow:0 8px 20px rgba(0,0,0,.4);position:relative;z-index:2;transition:.18s}
.att.video:hover .ytplay{transform:scale(1.08)}
.att.video .ytplay::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}
.att.video .ytlabel{display:block;font-size:.76rem;color:var(--wine);font-weight:700;margin-top:.15rem}
/* Traducteur Google natif : widget + bannière entièrement masqués (drapeaux = pilotage) */
#google_translate_element,.skiptranslate,.goog-te-banner-frame,iframe.goog-te-banner-frame,
.goog-te-gadget,.goog-te-gadget-icon,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-tooltip,.goog-text-highlight{background:none!important;box-shadow:none!important}
body{top:0!important;position:static!important}
html.translated-ltr body,html.translated-rtl body{top:0!important}
/* ===== Google Programmable Search (CSE) ===== */
.hero .search .gsc-control-cse{background:transparent!important;border:none!important;padding:0!important}
.hero .search .gsc-input-box{border-radius:8px}
.hero .search table.gsc-search-box,.hero .search .gsc-input{margin-bottom:0!important}
.hero .search .gsc-search-button-v2{padding:10px 14px}
#search-results{padding:1.4rem 0;scroll-margin-top:84px}
#search-results .gsc-control-cse{background:transparent;border:none;padding:0}
#search-results .gsc-control-cse *{box-sizing:border-box}
/* Forcer la pleine largeur de tous les conteneurs de résultats Google CSE */
#search-results .gsc-control-cse,
#search-results .gsc-control-wrapper-cse,
#search-results .gsc-results,
#search-results .gsc-results-wrapper-visible,
#search-results .gsc-results-wrapper-nooverlay,
#search-results .gsc-resultsbox-visible,
#search-results .gsc-resultsRoot,
#search-results .gsc-expansionArea,
#search-results .gsc-webResult,
#search-results .gsc-result,
#search-results .gs-webResult,
#search-results .gs-result,
#search-results .gsc-adBlock,
#search-results .gsc-refinementsArea,
#search-results .gsc-table-result{width:100%!important;max-width:100%!important}
#search-results .gsc-table-result{table-layout:auto!important}
#search-results .gs-title,#search-results .gs-snippet{width:auto!important}
/* Interim : centrer le bloc de résultats dans le cadre tant que la pleine largeur
   n'est pas réglée côté Google (Layout du moteur). Si la pleine largeur s'applique,
   les marges auto n'ont aucun effet ; sinon, elles centrent le bloc. */
#search-results .wrap{display:flex;justify-content:center}
#search-results .gcse-searchresults{width:100%}
#search-results .gsc-control-cse,
#search-results .gsc-control-wrapper-cse{margin-left:auto!important;margin-right:auto!important}
/* ===== RGPD — bannière de consentement cookies ===== */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#1a1512;color:#e8e0d4;border-top:2px solid var(--gold);box-shadow:0 -8px 30px rgba(0,0,0,.3)}
.cookiebar[hidden]{display:none}
.cookiebar-in{max-width:1140px;margin:0 auto;padding:1rem 1.2rem;display:flex;gap:1.2rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookiebar p{margin:0;font-size:.88rem;line-height:1.5;flex:1 1 340px}
.cookiebar a{color:var(--gold-soft)}
.cookiebar-btns{display:flex;gap:.6rem;flex-wrap:wrap}
.ck-btn{border:1.5px solid transparent;border-radius:8px;padding:.6rem 1.3rem;font-weight:700;cursor:pointer;font-size:.85rem;transition:.15s}
.ck-btn:hover{transform:translateY(-1px)}
.ck-accept{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#241a00}
.ck-ghost{background:transparent;border-color:rgba(231,207,122,.5);color:#e8e0d4}
@media(max-width:600px){.cookiebar-in{flex-direction:column;align-items:stretch}.cookiebar-btns{justify-content:flex-end}.cookiebar p{flex:0 0 auto}}

/* ===== Sous-pages : hero de page + article ===== */
.pagehero{background:linear-gradient(180deg,#2a1116,#3a1720);color:#f3e7d6;padding:2.4rem 0}
.pagehero .wrap{max-width:820px}
.pagehero .eyebrow{color:var(--gold-soft)}
.pagehero .ph-t{font-family:var(--serif);font-size:1.4rem;margin-top:.2rem}
.art{max-width:820px;margin:0 auto;padding:2.4rem 1.2rem 3rem}
.art .eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin-bottom:.4rem}
.art h1{font-family:var(--serif);font-size:clamp(2rem,4.6vw,3rem);margin:.2rem 0 1.2rem;color:#211b16;line-height:1.15}
.art h2{font-family:var(--serif);font-size:1.5rem;margin:2rem 0 .6rem;color:#3a2a1e;border-top:1px solid var(--line);padding-top:1.4rem}
.art h3{font-family:var(--serif);font-size:1.15rem;margin:1.4rem 0 .4rem;color:var(--wine)}
.art p{margin:0 0 1rem;line-height:1.75}
.art ul,.art ol{margin:0 0 1.2rem;padding-left:1.3rem}.art li{margin:.3rem 0;line-height:1.7}
.art .media{margin:1.6rem 0;text-align:center}.art .media img{margin:0 auto;border-radius:12px;max-width:520px;box-shadow:0 14px 34px rgba(80,50,30,.12)}
.tbl{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.94rem}
.tbl th,.tbl td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
.tbl thead th{background:#f3ece2}

/* ===== Footer (partagé) ===== */
.ftr{background:#1a1512;color:#d9cfc2;padding:3rem 0 2rem}
.ftr .cols{display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1fr;gap:2rem}
.ftr h4{font-family:var(--serif);color:#fff;margin-bottom:.8rem;font-size:1.05rem}
.ftr a{color:#d9cfc2}.ftr a:hover{color:var(--gold-soft);text-decoration:none}
.ftr ul{list-style:none;padding:0;margin:0}.ftr li{padding:.28rem 0;font-size:.9rem}
.ftr .logo{height:50px;border-radius:6px;margin-bottom:1rem;background:#fff;padding:.3rem}
.ftr .copy{border-top:1px solid #34291f;margin-top:2rem;padding-top:1.4rem;font-size:.8rem;color:#a89a89;text-align:center}
@media(max-width:820px){.ftr .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ftr .cols{grid-template-columns:1fr}}

/* --- Attraction photo cards (Wikimedia hotlink + source badge) --- */
.att.photo{padding:0;overflow:hidden;display:flex;flex-direction:column}
.att.photo .imgwrap{position:relative;aspect-ratio:16/10;background:#e7ded2;overflow:hidden}
.att.photo .imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.att.photo:hover .imgwrap img{transform:scale(1.045)}
.att.photo .n{position:absolute;top:.55rem;left:.55rem;background:rgba(30,18,12,.72);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.04em;padding:.16rem .5rem;border-radius:7px}
.att.photo .src{position:absolute;bottom:.55rem;right:.55rem;width:26px;height:26px;border-radius:50%;background:rgba(30,18,12,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:.98rem;line-height:1;text-decoration:none;border:1.5px solid rgba(255,255,255,.7);transition:.2s}
.att.photo .src:hover{background:var(--wine);transform:scale(1.08)}
.att.photo .body{padding:.9rem 1.1rem 1.1rem}
.att.photo h3{margin:.1rem 0 .35rem}

/* Hero tagline: garde une seule ligne sur mobile (rétrécit pour tenir, pas de retour) */
.hero .sub .htag{display:inline-block;white-space:nowrap;font-size:clamp(.85rem,4.6vw,1.15rem)}
