/* Article typography for the LAB posts: the same measures as the Cinema 4D
   write-up (column 1024, text 640, body 17px), kept in one sheet so a new
   post is a head, a body and nothing to restyle. */
/* width:100% is load-bearing: the charter body centres its children, and a
   shrink-to-fit block whose grid asks for "100%" of it resolves to nothing */
.lab-shell{display:block;width:100%;max-width:1024px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.lab-back{font-family:var(--mrp-font-display);font-weight:900;text-transform:uppercase;font-size:12px;
  letter-spacing:.06em;color:var(--mrp-muted);display:inline-block;margin:8px 0 26px}
.lab-back:hover{color:var(--mrp-accent)}
.lab-h1{font-family:var(--mrp-font-display);font-weight:900;text-transform:uppercase;
  font-size:clamp(30px,3.6vw,44px);line-height:1;letter-spacing:-.01em;margin:0 0 22px;text-wrap:balance;
  text-shadow:-2px 0 0 #ff0078,2px 0 0 #00eaff}
.lab-h1::after{content:"";display:block;width:52px;height:3px;margin:22px 0 0;background:var(--mrp-accent)}
.lab-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--mrp-fs-small);
  letter-spacing:.1em;text-transform:uppercase;color:var(--mrp-muted);margin:0 0 24px}
.lab-meta__chip{padding:5px 11px;background:var(--mrp-bg-soft);border:1px solid var(--mrp-line);
  color:var(--mrp-muted);line-height:1;white-space:nowrap}
.lab-meta__upd{margin-left:auto;color:#6f6f7d;letter-spacing:.08em}
.lab-hero{margin:0 0 26px}
.lab-hero img{width:100%;height:auto;display:block;border:1px solid var(--mrp-line);border-radius:var(--mrp-r-card);background:#000}
.lab-hero figcaption,.lab-loop figcaption{margin:18px auto 0;padding:2px 0 0 16px;border-left:3px solid var(--mrp-accent);
  font-size:13.5px;line-height:1.6;color:var(--mrp-muted);max-width:700px;box-sizing:border-box}
/* un seul bloc de texte, centre dans la largeur des medias ; le texte reste ferre a gauche */
.lab-shell > main{display:grid;grid-template-columns:[full-start] minmax(0,1fr) [text-start] min(700px,100%) [text-end] minmax(0,1fr) [full-end]}
.lab-shell > main > *{grid-column:text}
.lab-shell > main > .lab-wide,.lab-shell > main > .lab-body{grid-column:full}
.lab-back{justify-self:start}
.lab-deck{font-size:19px;line-height:1.55;color:#c7c7cf;margin:0 auto 6px;max-width:700px}

/* the column IS the text; figures and cards run the full 1024 */
.lab-body{display:grid;
  grid-template-columns:[full-start] minmax(0,1fr) [text-start] min(700px,100%) [text-end] minmax(0,1fr) [full-end]}
.lab-body > *{grid-column:text}
.lab-body > .lab-wide{grid-column:full}
.lab-body h2::after{content:"";display:block;width:40px;height:3px;margin:14px 0 0;background:var(--mrp-accent)}
.lab-body h2{text-shadow:-2px 0 0 #ff0078,2px 0 0 #00eaff;font-family:var(--mrp-font-display);font-weight:900;text-transform:uppercase;font-size:clamp(36px,5vw,64px);
  line-height:.95;letter-spacing:-.01em;margin:72px 0 22px;padding-top:26px;
  border-top:1px solid var(--mrp-line);text-wrap:balance}
.lab-body h3{font-family:var(--mrp-font-display);font-weight:900;text-transform:uppercase;font-size:17px;
  letter-spacing:.07em;color:var(--mrp-accent);margin:38px 0 13px}
.lab-body p{font-size:16px;line-height:1.65;color:#c7c7cf;margin-bottom:16px}
.lab-body p b,.lab-body li b{color:var(--mrp-text);font-weight:600}
.lab-body ul{list-style:none;margin:0 0 18px}
.lab-body ul li{position:relative;padding-left:20px;font-size:17px;line-height:1.6;color:#c7c7cf;margin-bottom:9px}
.lab-body ul li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--mrp-accent)}
.lab-body a:not(.mrp-btn){color:var(--mrp-text);border-bottom:1px solid #3a3a46}
.lab-body a:not(.mrp-btn):hover{color:var(--mrp-accent);border-bottom-color:var(--mrp-accent)}

/* a fact strip: a few measured figures in cards */
.lab-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0 28px}
.lab-figure{background:var(--mrp-card);border:1px solid var(--mrp-line);border-radius:var(--mrp-r-card);padding:16px 16px 14px}
.lab-figure b{display:block;font-family:var(--mrp-font-display);font-weight:900;font-size:27px;line-height:1;
  color:var(--mrp-text);font-variant-numeric:tabular-nums;margin-bottom:7px}
.lab-figure span{display:block;font-size:12px;line-height:1.45;color:var(--mrp-muted)}
.lab-figure.is-hi{border-color:var(--mrp-accent)}
.lab-figure.is-hi b{color:var(--mrp-accent)}

/* the call to the app */
/* the call to the app: centred, big enough to be the point of the page */
.lab-app{margin:36px auto 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.lab-app .mrp-btn{font-size:15px;letter-spacing:.06em;padding:20px 40px;min-width:300px;justify-content:center;
  box-shadow:0 0 0 1px rgba(67,219,36,.35),0 18px 46px rgba(67,219,36,.18)}
.lab-app .mrp-btn::after{content:"\00a0\00a0\2192"}
.mrp a.mrp-btn--accent,.mrp a.mrp-btn--accent:hover{color:#0a0a0c}
.lab-app__n{font-size:13px;color:var(--mrp-muted)}

.lab-end{border-top:1px solid var(--mrp-line);margin-top:52px;padding-top:22px}
.lab-end p{font-size:12.5px;color:var(--mrp-muted);margin:0}