/* ============================================================
   POSA — invest.css
   Page investisseurs / pitch deck HTML
   Ton : sérieux, documentaire, autoritaire
   Palette : bleu marine dominant · or · crème · blanc
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');

:root {
  --blue:      #0F2347;
  --blue-mid:  #1B3A6B;
  --blue-lt:   #2952A3;
  --gold:      #F2B705;
  --gold-lt:   #FAD25A;
  --cream:     #FDF8F0;
  --sand:      #EDD9B0;
  --terra:     #C4552A;
  --white:     #FFFFFF;
  --dark:      #080D18;
  --text:      #1A2340;
  --text-lt:   #4A5875;
  --green:     #1E7D45;
  --red:       #C4552A;
  --orange:    #D47B00;

  --f-disp: 'Syne', sans-serif;
  --f-ser:  'Cormorant Garamond', serif;
  --f-body: 'DM Sans', sans-serif;

  --r:  4px;
  --r-lg: 12px;
  --sh: 0 2px 16px rgba(15,35,71,.08);
  --sh-lg: 0 8px 40px rgba(15,35,71,.16);
  --mw: 1100px;
  --px: clamp(1.25rem, 5vw, 3.5rem);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);background:var(--cream);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:var(--f-body)}
sup{font-size:.6em;vertical-align:super}

/* ---- TOPBAR ---- */
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--blue);color:rgba(255,255,255,.7);
  padding:.625rem var(--px);font-size:.8125rem;
  position:sticky;top:0;z-index:200;
}
.topbar__back{color:var(--gold);font-weight:500;transition:opacity .2s}
.topbar__back:hover{opacity:.8}
.topbar__conf{font-style:italic;opacity:.6}

/* ---- COVER ---- */
.cover{
  background:var(--blue);color:var(--white);
  min-height:min(100vh,700px);
  display:flex;align-items:center;
  overflow:hidden;position:relative;
}
.cover::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(242,183,5,.12) 0%,transparent 60%),
    radial-gradient(ellipse 40% 60% at 0% 100%, rgba(41,82,163,.3) 0%,transparent 60%);
  pointer-events:none;
}
.cover__inner{
  max-width:var(--mw);margin:0 auto;padding:5rem var(--px);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:4rem;
  position:relative;z-index:1;width:100%;
}
.cover__label{
  display:inline-block;
  font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.25rem;
}
.cover__logo{
  font-family:var(--f-disp);font-size:clamp(4rem,12vw,8rem);font-weight:800;
  letter-spacing:-.04em;line-height:.9;
  color:var(--white);margin-bottom:1.5rem;
}
.cover__tagline{
  font-family:var(--f-ser);font-size:clamp(1.25rem,2.5vw,1.75rem);
  font-style:italic;color:rgba(255,255,255,.75);line-height:1.4;
  margin-bottom:2.5rem;
}
.cover__meta{display:flex;flex-wrap:wrap;gap:2rem}
.cover__meta-item{display:flex;flex-direction:column;gap:.25rem}
.cover__meta-val{
  font-family:var(--f-disp);font-size:1.5rem;font-weight:700;color:var(--gold);
}
.cover__meta-lab{font-size:.8125rem;color:rgba(255,255,255,.5);line-height:1.3}
/* Visual right */
.cover__right{
  position:relative;width:200px;height:200px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.cover__badge{
  position:relative;z-index:2;
  background:var(--gold);color:var(--dark);
  border-radius:50%;width:140px;height:140px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:1rem;
}
.cover__badge-num{
  font-family:var(--f-disp);font-size:2.5rem;font-weight:800;line-height:1;
}
.cover__badge-txt{font-size:.6875rem;font-weight:500;line-height:1.3;margin-top:.25rem}
.cover__ring{
  position:absolute;border-radius:50%;border:1px solid rgba(242,183,5,.25);
}
.cover__ring--1{width:180px;height:180px}
.cover__ring--2{width:220px;height:220px;border-color:rgba(242,183,5,.12)}

/* ---- SIDENAV ---- */
.sidenav{
  display:none;
  position:fixed;left:0;top:50%;transform:translateY(-50%);
  z-index:100;padding:1rem 0;
}
.sidenav ul{display:flex;flex-direction:column;gap:.25rem}
.sidenav a{
  display:block;padding:.375rem 1rem;
  font-size:.75rem;font-weight:500;letter-spacing:.05em;
  color:var(--text-lt);white-space:nowrap;
  border-left:2px solid transparent;
  transition:color .2s,border-color .2s;
}
.sidenav a:hover,.sidenav a.active{color:var(--blue);border-left-color:var(--gold)}
@media(min-width:1400px){.sidenav{display:block}}

/* ---- MAIN ---- */
.main{max-width:var(--mw);margin:0 auto;padding:0 var(--px)}

/* ---- SECTIONS ---- */
.inv-section{padding:5rem 0;border-bottom:1px solid rgba(15,35,71,.08)}
.inv-section--alt{background:var(--white);margin:0 calc(-1 * var(--px));padding:5rem var(--px)}
.inv-section--dark{
  background:var(--blue);color:var(--white);
  margin:0 calc(-1 * var(--px));padding:5rem var(--px);
  border-bottom:none;
}

/* ---- SECTION HEAD ---- */
.inv-container{max-width:var(--mw);margin:0 auto}
.inv-head{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:1.5rem}
.inv-num{
  font-family:var(--f-disp);font-size:3.5rem;font-weight:800;
  color:rgba(15,35,71,.08);line-height:1;flex-shrink:0;
}
.inv-num--light{color:rgba(253,248,240,.12)}
.inv-title{
  font-family:var(--f-ser);font-size:clamp(1.75rem,3.5vw,2.75rem);
  font-weight:600;color:var(--blue);line-height:1.1;
}
.inv-title--light{color:var(--cream)}
.inv-lead{
  font-size:1.0625rem;color:var(--text-lt);line-height:1.72;
  max-width:640px;margin-bottom:2.5rem;
}
.inv-lead--light{color:rgba(253,248,240,.72)}

/* ---- STAT CARDS ---- */
.stat-row{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;
  margin-bottom:2.5rem;
}
.stat-card{
  background:var(--blue);border-radius:var(--r-lg);padding:1.5rem;
  color:var(--white);
}
.stat-card--gold{}
.stat-card__val{
  font-family:var(--f-disp);font-size:2.25rem;font-weight:800;
  color:var(--gold);line-height:1;margin-bottom:.5rem;
}
.stat-card__lab{font-size:.875rem;color:rgba(255,255,255,.6);line-height:1.4}
@media(min-width:600px){.stat-row{grid-template-columns:repeat(4,1fr)}}

/* ---- INSIGHT BOX ---- */
.insight-box{
  display:flex;gap:1rem;align-items:flex-start;
  background:rgba(15,35,71,.05);border:1px solid rgba(15,35,71,.1);
  border-left:3px solid var(--gold);
  border-radius:var(--r-lg);padding:1.25rem 1.5rem;
  margin:2rem 0;font-size:.9375rem;color:var(--text-lt);line-height:1.6;
}
.insight-box--blue{
  background:rgba(253,248,240,.08);border-color:rgba(253,248,240,.12);
  border-left-color:var(--gold);color:rgba(253,248,240,.78);
}
.insight-box__icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}

/* ---- MARKET BARS ---- */
.mkt-compare{margin-top:2rem}
.mkt-compare h3{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1.25rem;
}
.mkt-bars{display:flex;flex-direction:column;gap:1rem}
.mkt-bar{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem}
.mkt-bar__city{font-size:.9375rem;font-weight:500;color:var(--text)}
.mkt-bar__track{background:rgba(15,35,71,.08);border-radius:100px;height:28px;overflow:hidden}
.mkt-bar__fill{
  height:100%;background:var(--blue-lt);border-radius:100px;
  display:flex;align-items:center;padding:0 .75rem;
  font-size:.75rem;font-weight:500;color:var(--white);white-space:nowrap;
  transition:width .8s ease;
}
.mkt-bar__fill--posa{background:var(--gold);color:var(--dark)}
.mkt-bar__tag{
  font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:100px;white-space:nowrap;
}
.mkt-bar__tag--red{background:rgba(196,85,42,.1);color:var(--red)}
.mkt-bar__tag--orange{background:rgba(212,123,0,.1);color:var(--orange)}
.mkt-bar__tag--green{background:rgba(30,125,69,.1);color:var(--green)}

/* ---- CONCEPT GRID ---- */
.concept-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;
  margin-bottom:2.5rem;
}
.concept-card{
  background:var(--cream);border:1.5px solid var(--sand);
  border-radius:var(--r-lg);padding:1.5rem;
}
.concept-card__icon{font-size:1.5rem;display:block;margin-bottom:.75rem}
.concept-card h3{
  font-family:var(--f-ser);font-size:1.25rem;font-weight:600;
  color:var(--blue);margin-bottom:.625rem;
}
.concept-card p{font-size:.9375rem;color:var(--text-lt);line-height:1.55}
@media(min-width:768px){.concept-grid{grid-template-columns:repeat(4,1fr)}}

/* ---- OFFER TABLE ---- */
.offer-table-wrap{margin-top:2rem}
.offer-table-wrap h3{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1rem;
}
.offer-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.offer-table th{
  text-align:left;padding:.625rem 1rem;
  background:var(--blue);color:var(--white);
  font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
}
.offer-table th:first-child{border-radius:var(--r) 0 0 0}
.offer-table th:last-child{border-radius:0 var(--r) 0 0}
.offer-table td{padding:.75rem 1rem;border-bottom:1px solid var(--sand)}
.offer-table .tr--featured{background:rgba(15,35,71,.04)}
.offer-table .tr--featured td{font-weight:500}
.price{font-family:var(--f-disp);font-weight:700;color:var(--blue);white-space:nowrap}
.marge{color:var(--green);font-weight:500}
.table-note{font-size:.8125rem;color:var(--text-lt);margin-top:.75rem;font-style:italic}

/* ---- BENCH TABLE ---- */
.bench-table-wrap{overflow-x:auto;margin-bottom:1.5rem}
.bench-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:600px}
.bench-table th{
  padding:.625rem 1rem;
  background:var(--blue);color:var(--white);
  text-align:center;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;
}
.bench-table .th--posa{background:var(--gold);color:var(--dark)}
.bench-table td{
  padding:.75rem 1rem;border-bottom:1px solid var(--sand);
  text-align:center;color:var(--text-lt);
}
.bench-table td:first-child{text-align:left;font-weight:500;color:var(--text)}
.bench-table .td--posa{background:rgba(242,183,5,.08);font-weight:600;color:var(--blue)}
.bench-insight{
  background:rgba(15,35,71,.05);border:1px solid rgba(15,35,71,.1);
  border-left:3px solid var(--blue-mid);
  border-radius:var(--r-lg);padding:1.25rem 1.5rem;
  font-size:.9375rem;color:var(--text-lt);line-height:1.6;
}

/* ---- ECO GRID ---- */
.eco-grid{
  display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem;
}
.eco-block h3{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1rem;
}
.eco-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.eco-table td{padding:.625rem 0;border-bottom:1px solid rgba(15,35,71,.06)}
.eco-table td:last-child{text-align:right;font-weight:500;white-space:nowrap}
.eco-total td{
  padding-top:1rem;border-bottom:2px solid var(--blue);border-top:2px solid var(--blue);
  font-size:1rem;
}
.seuil-card{
  background:var(--blue);color:var(--white);border-radius:var(--r-lg);
  padding:1.5rem;margin-bottom:1rem;
}
.seuil-card__val{
  font-family:var(--f-disp);font-size:2rem;font-weight:800;color:var(--gold);
  margin-bottom:.25rem;
}
.seuil-card__sub{font-size:.9375rem;color:rgba(255,255,255,.65);margin-bottom:.75rem}
.seuil-card__detail{font-size:.9375rem;color:rgba(255,255,255,.85);line-height:1.5}
.seuil-note{font-size:.875rem;color:var(--text-lt);line-height:1.65}
@media(min-width:768px){.eco-grid{grid-template-columns:1fr 1fr}}

/* ---- SCENARIOS ---- */
.scenarios-title{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1rem;
}
.scenarios-wrap{overflow-x:auto;margin-bottom:1.25rem}
.scenarios-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:560px}
.scenarios-table th{
  padding:.625rem 1rem;background:var(--blue);color:var(--white);
  text-align:left;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;
}
.scenarios-table td{padding:.875rem 1rem;border-bottom:1px solid var(--sand)}
.scenarios-table .sc--central td{background:rgba(15,35,71,.04)}
.sc-badge{
  display:inline-block;padding:.2rem .625rem;border-radius:100px;font-size:.75rem;font-weight:600;
  background:rgba(15,35,71,.08);color:var(--blue);
}
.sc-badge--central{background:var(--gold);color:var(--dark)}
.sc-badge--amb{background:rgba(30,125,69,.1);color:var(--green)}
.sc-ca{font-weight:600;color:var(--blue);font-family:var(--f-disp)}
.sc-ebe--pos{color:var(--green);font-weight:600}
.sc-ebe--neg{color:var(--red);font-weight:500}
.scenarios-note{font-size:.8125rem;color:var(--text-lt);line-height:1.6;font-style:italic}

/* ---- MATÉRIEL ---- */
.matériel-section{margin-top:2.5rem}
.matériel-section h3{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1.25rem;
}
.matériel-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;
}
.matériel-item{
  display:flex;gap:1rem;align-items:flex-start;
  background:var(--cream);border:1px solid var(--sand);
  border-radius:var(--r-lg);padding:1.25rem;
}
.matériel-icon{font-size:1.5rem;flex-shrink:0}
.matériel-item div{font-size:.875rem;color:var(--text-lt);line-height:1.55}
.matériel-item strong{color:var(--text);display:block;margin-bottom:.125rem}
.matériel-item em{font-style:normal;color:var(--gold);font-weight:600}
@media(min-width:768px){.matériel-grid{grid-template-columns:repeat(4,1fr)}}

/* ---- FINANCEMENT ---- */
.fin-hero{
  text-align:center;padding:2.5rem;
  background:var(--blue);border-radius:var(--r-lg);
  margin-bottom:2rem;color:var(--white);
}
.fin-hero__val{
  font-family:var(--f-disp);font-size:clamp(3rem,8vw,5rem);font-weight:800;
  color:var(--gold);line-height:1;margin-bottom:.5rem;
}
.fin-hero__sub{font-size:1.125rem;color:rgba(255,255,255,.65)}
.fin-breakdown{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}
.fin-item{display:grid;grid-template-columns:1fr 200px auto;align-items:center;gap:1rem}
.fin-item__label{font-size:.9375rem;color:var(--text)}
.fin-item__bar-wrap{background:rgba(15,35,71,.08);border-radius:100px;height:24px;overflow:hidden}
.fin-item__bar{height:100%;background:var(--blue-mid);border-radius:100px}
.fin-item__bar--light{background:var(--blue-lt)}
.fin-item__val{font-family:var(--f-disp);font-weight:700;color:var(--blue);text-align:right;white-space:nowrap}
.fin-item--note .fin-item__label{color:var(--text-lt);font-size:.875rem;padding-left:1rem}
.fin-sources h3{
  font-family:var(--f-ser);font-size:1.25rem;font-style:italic;
  color:var(--blue);margin-bottom:1.25rem;
}
.fin-sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.fin-source{
  text-align:center;padding:1.5rem;
  background:rgba(15,35,71,.05);border:1px solid rgba(15,35,71,.1);
  border-radius:var(--r-lg);
}
.fin-source--main{
  background:var(--blue);color:var(--white);
  border-color:var(--blue);
}
.fin-source--main .fin-source__label{color:rgba(255,255,255,.7)}
.fin-source__pct{
  font-family:var(--f-disp);font-size:2.25rem;font-weight:800;
  color:var(--gold);line-height:1;margin-bottom:.5rem;
}
.fin-source__label{font-size:.875rem;color:var(--text-lt);line-height:1.4}

/* ---- ROADMAP ---- */
.roadmap{display:flex;flex-direction:column;gap:1.25rem}
.roadmap-item{
  background:var(--white);border:1.5px solid var(--sand);
  border-radius:var(--r-lg);padding:1.5rem;
}
.roadmap-item--active{border-color:var(--gold);background:rgba(242,183,5,.04)}
.roadmap-item__head{
  display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem;
}
.roadmap-item__phase{
  font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue);background:rgba(15,35,71,.08);
  padding:.2rem .625rem;border-radius:100px;
}
.roadmap-item__days{font-size:.8125rem;color:var(--text-lt)}
.roadmap-item__tag{
  font-size:.75rem;font-weight:600;color:var(--green);
  background:rgba(30,125,69,.1);padding:.2rem .625rem;border-radius:100px;
  margin-left:auto;
}
.roadmap-item h3{
  font-family:var(--f-ser);font-size:1.25rem;font-weight:600;
  color:var(--blue);margin-bottom:.875rem;
}
.roadmap-item ul{display:flex;flex-direction:column;gap:.375rem}
.roadmap-item li{
  font-size:.9375rem;color:var(--text-lt);
  padding-left:1.25rem;position:relative;
}
.roadmap-item li::before{content:'→';position:absolute;left:0;color:var(--gold)}

/* ---- GO/NO-GO ---- */
.gonogo-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;
}
.gonogo-card{
  background:var(--white);border:1.5px solid var(--sand);
  border-radius:var(--r-lg);padding:1.5rem;text-align:center;
}
.gonogo-card__icon{font-size:1.5rem;margin-bottom:.5rem}
.gonogo-card__label{
  font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-lt);margin-bottom:.5rem;display:block;
}
.gonogo-card__val{
  font-family:var(--f-disp);font-size:2rem;font-weight:800;
  color:var(--blue);line-height:1;margin-bottom:.375rem;
}
.gonogo-card__sub{font-size:.8125rem;color:var(--text-lt);line-height:1.4}
@media(min-width:600px){.gonogo-grid{grid-template-columns:repeat(3,1fr)}}

/* ---- CONTACT ---- */
.contact-inv-grid{
  display:grid;grid-template-columns:1fr;gap:3rem;
}
.contact-inv-block{
  display:flex;flex-direction:column;margin-bottom:1.25rem;
}
.contact-inv-label{
  font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:.25rem;
}
.contact-inv-val{font-size:1rem;color:var(--cream)}
.contact-inv-val--link{color:var(--gold);transition:opacity .2s}
.contact-inv-val--link:hover{opacity:.8}
.inv-site-link{
  display:inline-flex;align-items:center;gap:.5rem;
  color:var(--gold);font-weight:500;font-size:.9375rem;margin-top:1rem;
  transition:opacity .2s;
}
.inv-site-link:hover{opacity:.8}
/* Investor form */
.inv-form{display:flex;flex-direction:column;gap:1.25rem}
.inv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.inv-form-group{display:flex;flex-direction:column;gap:.5rem}
.inv-form-group label{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.75)}
.opt{color:rgba(255,255,255,.4);font-weight:400}
.inv-form-group input,
.inv-form-group select,
.inv-form-group textarea{
  padding:.875rem 1rem;
  border:1.5px solid rgba(255,255,255,.2);border-radius:var(--r);
  font-family:var(--f-body);font-size:1rem;
  background:rgba(255,255,255,.08);color:var(--white);
  transition:border-color .2s,box-shadow .2s;outline:none;width:100%;
}
.inv-form-group input::placeholder,
.inv-form-group textarea::placeholder{color:rgba(255,255,255,.3)}
.inv-form-group input:focus,
.inv-form-group select:focus,
.inv-form-group textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,183,5,.15);
}
.inv-form-group select option{background:var(--blue-mid)}
.inv-form-group textarea{resize:vertical;min-height:100px}
.inv-submit{
  align-self:flex-start;
  padding:.9rem 2rem;background:var(--gold);color:var(--dark);
  border:none;border-radius:var(--r);font-size:1rem;font-weight:600;
  transition:background .2s,transform .2s;
}
.inv-submit:hover{background:var(--gold-lt);transform:translateY(-2px)}
.inv-form-msg{font-size:.875rem;min-height:1.3em}
.inv-form-msg.success{color:#6FDBA0}
.inv-form-msg.error{color:#FFB4A0}
@media(min-width:768px){
  .contact-inv-grid{grid-template-columns:1fr 1.4fr;align-items:start}
}

/* ---- FOOTER ---- */
.inv-footer{
  background:var(--dark);color:var(--white);
  padding:2rem var(--px);
}
.inv-footer-inner{
  max-width:var(--mw);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;
}
.inv-footer-logo{
  font-family:var(--f-disp);font-size:1.375rem;font-weight:800;
  color:var(--gold);
}
.inv-footer p{font-size:.8125rem;color:rgba(255,255,255,.35)}
.inv-footer a{font-size:.875rem;color:var(--gold);transition:opacity .2s}
.inv-footer a:hover{opacity:.8}

/* ---- RESPONSIVE ---- */
@media(max-width:600px){
  .cover__inner{grid-template-columns:1fr}
  .cover__right{display:none}
  .fin-item{grid-template-columns:1fr auto}
  .fin-item__bar-wrap{display:none}
  .fin-sources-grid{grid-template-columns:1fr}
  .mkt-bar{grid-template-columns:70px 1fr auto}
}