:root{
  --navy:#0d2b3a; --navy-2:#123a4d; --teal:#0e7c7b; --teal-dark:#0a5c5b;
  --accent:#f2a541; --accent-dark:#d98c22;
  --ink:#1e2c33; --muted:#5a6b73; --line:#dde6e9;
  --bg:#ffffff; --bg-alt:#f4f8f9; --bg-navy:#0d2b3a;
  --radius:10px; --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16.5px}
img{max-width:100%}
a{color:var(--teal-dark)}
a:hover{color:var(--teal)}
h1,h2,h3,h4{line-height:1.25;color:var(--navy);font-weight:700}
h1{font-size:2.1rem;margin:.4em 0}
h2{font-size:1.55rem;margin-top:1.6em}
.container>h2:first-child,.container>div>h2:first-child{margin-top:0}
.section .lede{margin-top:.4em}
h3{font-size:1.15rem}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.container.narrow{max-width:820px}
.section{padding:56px 0}
.center{text-align:center}
.section.alt{background:var(--bg-alt)}
.lede{font-size:1.15rem;color:var(--muted);max-width:56em}

/* header */
.site-header{background:var(--bg-navy);position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-name{color:#fff;font-weight:800;font-size:1.3rem;letter-spacing:.04em}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center;flex-wrap:wrap}
.main-nav a{color:#e6eef0;text-decoration:none;padding:10px 12px;display:block;font-size:.94rem;border-radius:6px}
.main-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.main-nav .caret{font-size:.7em;opacity:.7}
.main-nav li{position:relative}
.main-nav .sub{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:270px;flex-direction:column;box-shadow:0 8px 24px rgba(13,43,58,.18);border-radius:8px;padding:6px;gap:0}
.main-nav .has-sub:hover .sub,.main-nav .has-sub:focus-within .sub{display:flex}
.main-nav .sub a{color:var(--navy);padding:9px 12px}
.main-nav .sub a:hover{background:var(--bg-alt);color:var(--teal-dark)}
.nav-cta a{background:var(--accent);color:var(--navy)!important;font-weight:700;border-radius:8px;padding:9px 16px;margin-left:8px}
.nav-cta a:hover{background:var(--accent-dark)}
.nav-toggle{display:none}
.nav-toggle-label{display:none;cursor:pointer;flex-direction:column;gap:5px;padding:10px}
.nav-toggle-label span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px}

/* hero */
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 55%,var(--teal-dark) 130%);color:#dcebee;padding:72px 0 60px}
.hero h1{color:#fff;font-size:2.5rem;max-width:21em;margin:0 0 .4em}
.hero .lede{color:#c3d7dc;font-size:1.2rem}
.hero .kicker{color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;margin:0 0 14px}
.page-hero{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#dcebee;padding:52px 0 44px}
.page-hero h1{color:#fff;margin:0 0 .3em}
.page-hero .lede{color:#c3d7dc}
.page-hero .crumbs,.page-hero .crumbs a{color:#9fbcc4}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:9px;font-weight:700;text-decoration:none;margin:6px 10px 6px 0;border:none;cursor:pointer;font-size:1rem;font-family:inherit;line-height:1.25;vertical-align:middle}
.btn-accent{background:var(--accent);color:var(--navy)}
.btn-accent:hover{background:var(--accent-dark);color:var(--navy)}
.btn-ghost{border:2px solid rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{background:var(--teal-dark);color:#fff}

/* facts strip */
.facts-strip{background:var(--bg-navy);border-top:1px solid rgba(255,255,255,.12);padding:20px 0}
.facts-strip .container{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}
.fact{color:#cfe2e6;font-size:.9rem;border-left:1px solid rgba(255,255,255,.14);padding:2px 8px}
.fact:first-child{border-left:none}
.fact b{display:block;color:#fff;font-size:1.25rem}

/* cards */
.cards{display:grid;gap:22px;margin-top:26px}
.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cols-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 2px 10px rgba(13,43,58,.05);display:flex;flex-direction:column}
.card p{margin:.5em 0}
.card .card-more{margin-top:auto;padding-top:10px;margin-bottom:0}
.card > :last-child{margin-bottom:0}
.card h3{margin-top:0}
.card h3 a{text-decoration:none;color:var(--navy)}
.card h3 a:hover{color:var(--teal-dark)}
.card .tag{display:inline-block;background:var(--bg-alt);color:var(--teal-dark);font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.03em}
.card-more a{font-weight:700;text-decoration:none}
.section.alt .card{background:#fff}

/* steps */
.steps{list-style:none;counter-reset:step;margin:28px 0 0;padding:0;display:grid;gap:16px}
.steps li{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 18px 66px;position:relative}
.steps li::before{content:counter(step);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.steps b{color:var(--navy)}

/* tables */
table{border-collapse:collapse;width:100%;margin:22px 0;font-size:.95rem;background:#fff}
th,td{border:1px solid var(--line);padding:10px 13px;text-align:left;vertical-align:top}
th{background:var(--bg-alt);color:var(--navy)}
tr:nth-child(even) td{background:#fafcfc}

/* tldr / callouts */
.tldr{background:#eef7f5;border-left:5px solid var(--teal);border-radius:8px;padding:16px 20px;margin:22px 0}
.tldr-label{font-weight:800;color:var(--teal-dark);margin:0 0 6px;letter-spacing:.08em;font-size:.8rem}
.tldr p{margin:0}
.note{background:#fdf6ea;border-left:5px solid var(--accent);border-radius:8px;padding:14px 18px;margin:20px 0;font-size:.95rem}
blockquote{border-left:4px solid var(--teal);margin:1.4em 0;padding:.4em 1.2em;background:var(--bg-alt);border-radius:0 8px 8px 0;color:var(--navy)}

/* faq */
.faq-list details{border:1px solid var(--line);border-radius:8px;margin:10px 0;background:#fff}
.faq-list summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 46px 14px 18px;list-style:none;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-52%);font-size:1.4rem;font-weight:600;color:var(--teal);transition:transform .15s}
.faq-list details[open] summary::after{content:"−"}
.faq-list summary:hover{color:var(--teal-dark)}
.faq-a{padding:0 18px 16px;color:var(--ink)}
.faq-a p:first-child{margin-top:0}
.faq-a p:last-child{margin-bottom:0}

/* cta band */
.cta-band{background:linear-gradient(140deg,var(--teal-dark),var(--teal));color:#eafaf8;padding:52px 0;text-align:center}
.cta-band h2{color:#fff;margin-top:0}
.cta-band p{max-width:46em;margin:12px auto}
.cta-band .btn-ghost{border-color:rgba(255,255,255,.7)}

/* article */
.article .crumbs{font-size:.88rem;color:var(--muted)}
.article .crumbs a{color:var(--muted)}
.byline{color:var(--muted);font-size:.92rem}
.article-body h2{margin-top:1.8em}
.author-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);padding:18px 22px;margin:38px 0 8px}
.author-h{font-weight:800;color:var(--navy);margin:0 0 8px}
.related{margin-top:26px}

/* forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.form-grid .full{grid-column:1/-1}
label{font-weight:700;color:var(--navy);font-size:.92rem;display:block;margin-bottom:5px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #b9c8cd;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);border-color:var(--teal)}
.form-note{font-size:.85rem;color:var(--muted)}

/* misc */
.check-list{list-style:none;padding:0}
.check-list li{padding-left:30px;position:relative;margin:9px 0}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:900}
.x-list li::before{content:"✕";color:#c0392b}
.crumbs{font-size:.88rem;margin:0 0 8px}
.footer-h{font-weight:800;color:var(--navy);margin-bottom:8px}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 22px}
.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#e8f2f4;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}
.section .badge{background:var(--bg-alt);border-color:var(--line);color:var(--navy)}
.founder-quote{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.founder-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem}

/* footer */
.site-footer{background:var(--bg-navy);color:#b9cdd3;margin-top:0;padding:48px 0 24px;font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}
.site-footer .footer-h{color:#fff}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.site-footer a{color:#b9cdd3;text-decoration:none}
.site-footer a:hover{color:#fff}
.footer-brand{color:#fff;font-weight:800;font-size:1.2rem;margin-top:0}
.footer-legal{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:20px;font-size:.8rem;color:#8aa4ac}

/* whatsapp + modal */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;align-items:center;gap:8px;background:#0f7a6d;color:#fff;padding:12px 18px;border-radius:32px;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa-float:hover{background:#0a6e5c;color:#fff}
.btn-wa{background:#0f7a6d;color:#fff}
.btn-wa:hover{background:#0a6e5c;color:#fff}
dialog#rfq-modal{border:none;border-radius:14px;max-width:680px;width:92%;padding:22px 26px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog#rfq-modal::backdrop{background:rgba(13,43,58,.6)}
.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;color:var(--navy);margin-bottom:6px}
.modal-close{background:none;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--muted)}
.modal-close:hover{color:var(--navy)}
.cert-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.cert-badges span{background:#fff;border:2px solid var(--teal);color:var(--teal-dark);font-weight:700;padding:7px 15px;border-radius:9px;font-size:.88rem}

/* image layouts */
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.hero-img img{width:100%;height:auto;display:block;border-radius:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split>div>p:first-of-type{margin-top:.4em}
.split img{width:100%;height:auto;display:block;border-radius:14px}
.split h2{margin-top:0}
.card-img{display:block;margin:-24px -24px 16px}
.card-img img{width:100%;height:auto;display:block;border-radius:10px 10px 0 0}
.thumb{width:100%;height:auto;display:block;border-radius:12px;margin:18px 0}
.avatar-img{width:64px;height:64px;border-radius:50%;flex:0 0 64px}
.mini-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px;padding:0;list-style:none}
.mini-facts li{font-size:.92rem;color:var(--muted)}
.mini-facts b{color:var(--navy)}

@media (max-width:860px){
  .hero-grid,.split{grid-template-columns:1fr}
  .hero-img{order:-1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:1.9rem}
  h1{font-size:1.7rem}
  .form-grid{grid-template-columns:1fr}
  .nav-toggle-label{display:flex}
  .main-nav{display:none;width:100%}
  .nav-toggle:checked ~ .main-nav{display:block}
  .main-nav ul{flex-direction:column;align-items:stretch;padding-bottom:12px}
  .main-nav .sub{display:flex;position:static;background:transparent;box-shadow:none;padding-left:18px}
  .main-nav .sub a{color:#b9cdd3}
  .facts-strip .container{grid-template-columns:repeat(2,1fr);gap:14px}
  .fact{border-left:none}
}
/* ============================================================
   WordPress layer — templates, blog, widgets
   (base design system above is ported 1:1 from vitazora-site)
   ============================================================ */

/* GeneratePress overrides: our templates own the layout */
.site-header a, .site-footer a { text-decoration: none; }
#content { display: block; }

/* Breadcrumbs */
.crumbs { font-size: .85rem; margin-bottom: 10px; }
.crumbs a { color: #9fbcc4; }
.crumbs .sep { opacity: .5; margin: 0 2px; }
.crumbs span[aria-current] { color: #c3d7dc; }

/* Post hero meta */
.post-hero .kicker a { color: var(--accent); text-decoration: none; }
.post-meta { color: #9fbcc4; font-size: .9rem; }
.post-meta a { color: #c3d7dc; }

/* Featured image */
.post-featured { margin-top: -18px; }
.post-featured-img { width: 100%; height: auto; border-radius: var(--radius); aspect-ratio: 21/9; object-fit: cover; }

/* Article layout: sticky TOC + body */
.post-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; padding: 40px 22px 56px; }
.post-toc { position: relative; }
.toc-box { position: sticky; top: 86px; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; background: var(--bg-alt); }
.toc-title { font-weight: 700; color: var(--navy); margin: 0 0 8px; font-size: .95rem; }
.toc-box ul { list-style: none; margin: 0; padding: 0; }
.toc-box li { margin: 6px 0; }
.toc-box a { color: var(--muted); text-decoration: none; font-size: .88rem; line-height: 1.4; display: block; }
.toc-box a:hover, .toc-box a.on { color: var(--teal-dark); }
.post-body h2 { scroll-margin-top: 84px; }
.post-body img { border-radius: var(--radius); }
@media (max-width: 900px) { .post-layout { grid-template-columns: 1fr; } .post-toc { display: none; } }

/* Tags */
.post-tags { margin: 28px 0 8px; }
.post-tags a { display: inline-block; background: var(--bg-alt); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: .82rem; color: var(--muted); text-decoration: none; margin: 0 6px 6px 0; }
.post-tags a:hover { color: var(--teal-dark); border-color: var(--teal); }

/* Author card */
.author-card { display: flex; gap: 16px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; margin-top: 24px; background: var(--bg-alt); }
.author-card .avatar { border-radius: 50%; flex-shrink: 0; }
.author-name { font-weight: 700; margin: 0 0 4px; }
.author-name a { color: var(--navy); text-decoration: none; }
.author-bio { margin: 0; color: var(--muted); font-size: .92rem; }

/* Author hero */
.author-hero-row { display: flex; gap: 20px; align-items: center; }
.author-hero-row .avatar { border-radius: 50%; border: 3px solid rgba(255,255,255,.25); }

/* Category chips */
.cat-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.chip { display: inline-block; padding: 7px 16px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); text-decoration: none; font-size: .9rem; background: #fff; }
.chip:hover { color: var(--teal-dark); border-color: var(--teal); }
.chip.on { background: var(--navy); color: #fff; border-color: var(--navy); }

/* Post cards */
.post-card { text-decoration: none; color: inherit; transition: box-shadow .25s, transform .25s; }
.post-card:hover { box-shadow: 0 10px 28px rgba(13,43,58,.12); transform: translateY(-2px); }
.post-card-img { width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; border-radius: 8px; margin-bottom: 12px; }
.post-card-cat { color: var(--teal-dark); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 4px; }
.post-card-meta { color: var(--muted); font-size: .85rem; margin-top: auto; padding-top: 10px; }

/* Pagination */
.pager { margin-top: 34px; text-align: center; }
.pager .nav-links { display: inline-flex; gap: 6px; }
.pager .page-numbers { padding: 8px 14px; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; color: var(--muted); }
.pager .page-numbers.current { background: var(--navy); color: #fff; border-color: var(--navy); }
.pager .page-numbers:hover { border-color: var(--teal); color: var(--teal-dark); }

/* CTA band */
.cta-band { background: linear-gradient(160deg, var(--navy), var(--navy-2)); color: #dcebee; padding: 52px 0; }
.cta-band h2 { color: #fff; margin-top: 0; }
.cta-band .lede { color: #c3d7dc; margin-left: auto; margin-right: auto; }

/* 404 */
.err-hero .err-code { font-size: clamp(80px, 16vw, 150px); font-weight: 800; color: var(--accent); line-height: 1; margin: 0; }
.err-search { max-width: 460px; margin: 18px auto; }
.err-search form { display: flex; gap: 8px; }
.err-search input[type="search"] { flex: 1; padding: 12px 14px; border-radius: 9px; border: none; font-size: 1rem; }
.err-search button, .err-search input[type="submit"] { background: var(--teal); color: #fff; border: none; border-radius: 9px; padding: 12px 18px; font-weight: 700; cursor: pointer; }

/* WhatsApp widget */
.vz-wa { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: flex; align-items: center; gap: 10px; }
.vz-wa-fab { width: 54px; height: 54px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.25); transition: transform .2s; }
.vz-wa-fab:hover { transform: scale(1.04); }
.vz-wa-toast { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 9px 14px; font-size: .86rem; color: var(--ink); box-shadow: 0 6px 18px rgba(13,43,58,.15); opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; pointer-events: none; max-width: 230px; }
.vz-wa-toast.show { opacity: 1; transform: none; }

/* Scroll reveal */
@media (prefers-reduced-motion: no-preference) {
	.rv { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
	.rv.in { opacity: 1; transform: none; }
}

/* Blog article FAQ items */
.post-body .faq-item { border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 20px; margin: 12px 0; background: var(--bg-alt); }
.post-body .faq-item h3 { margin: 0 0 6px; font-size: 1.02rem; }
.post-body .faq-item p { margin: 0; color: var(--muted); }

/* ============================================================
   Image-text modules (v1.1) — Western-minimal, swap-in photos
   ============================================================ */

/* Image + text split, alternating */
.media-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin: 34px 0; }
.media-split.rev > .ms-img { order: 2; }
.ms-img img { width: 100%; height: auto; border-radius: var(--radius); box-shadow: 0 6px 24px rgba(13,43,58,.08); }
.ms-txt h3 { margin-top: 0; font-size: 1.3rem; }
.ms-txt > :last-child { margin-bottom: 0; }
@media (max-width: 820px) { .media-split { grid-template-columns: 1fr; gap: 18px; } .media-split.rev > .ms-img { order: 0; } }

/* Photo grid with captions (factory / QC / docs) */
.photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 26px; }
.photo-grid.pg-2 { grid-template-columns: repeat(2, 1fr); }
.photo-grid.pg-3 { grid-template-columns: repeat(3, 1fr); }
.photo-grid figure { margin: 0; }
.photo-grid img { width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--line); }
.photo-grid figcaption { font-size: .88rem; color: var(--muted); margin-top: 8px; line-height: 1.45; }
.photo-grid figcaption b { color: var(--navy); display: block; }
@media (max-width: 820px) { .photo-grid, .photo-grid.pg-3 { grid-template-columns: repeat(2, 1fr); } }

/* Numbered process flow with images */
.step-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 26px; counter-reset: step; }
.step-flow figure { margin: 0; position: relative; }
.step-flow img { width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--line); }
.step-flow figcaption { font-size: .9rem; color: var(--muted); margin-top: 8px; }
.step-flow figcaption b { color: var(--navy); display: block; }
@media (max-width: 820px) { .step-flow { grid-template-columns: repeat(2, 1fr); } }

/* Scenario cards: image on top, structured facts below */
.scene-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }
.scene-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; }
.scene-card img { width: 100%; height: auto; display: block; }
.scene-card .sc-body { padding: 18px 20px; }
.scene-card h3 { margin: 0 0 6px; font-size: 1.05rem; }
.scene-card p { margin: .35em 0; font-size: .92rem; }
.scene-card .sc-facts { font-size: .85rem; color: var(--muted); border-top: 1px solid var(--line); margin-top: 10px; padding-top: 10px; }
.scene-card .sc-facts b { color: var(--navy); }
@media (max-width: 820px) { .scene-cards { grid-template-columns: 1fr; } }

/* Image inside an existing card (version/customization grids) */
.card .card-img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 12px; border: 1px solid var(--line); }

/* Generic figure in content */
.post-body figure, .section figure.solo { margin: 22px 0; }
figure.solo img { width: 100%; height: auto; border-radius: var(--radius); }
figure.solo figcaption { font-size: .88rem; color: var(--muted); margin-top: 8px; text-align: center; }