:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #0a0c0d;
  color: #cfd5cf;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 28px 20px 80px; }
a { color: #3ee07f; }
h1, h2, h3 { color: #eef2ee; line-height: 1.25; }
h1 { font-size: 32px; margin: 8px 0 6px; }
h2 { font-size: 22px; margin-top: 40px; }
h3 { font-size: 17px; margin-top: 28px; }
p, li { font-size: 16px; }
ol, ul { padding-left: 22px; }
li { margin: 6px 0; }

/* Header */
.brand { display: flex; align-items: center; gap: 10px; padding: 6px 0 22px; }
.brand img { width: 26px; height: 26px; border-radius: 6px; }
.brand a { font-family: "IBM Plex Mono", monospace; font-weight: 600; letter-spacing: .14em; font-size: 13px; color: #eef2ee; text-decoration: none; }
.crumbs { font-size: 13px; color: #8b938c; margin-bottom: 4px; }
.crumbs a { color: #8b938c; }
.lede { font-size: 18px; color: #d8ded9; }

/* Image placeholders — drop the real file at the src path to fill them. */
figure.shot { margin: 24px 0; }
figure.shot img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;
  object-fit: cover; border-radius: 8px;
  background-color: #0e1814;
  border: 1px solid rgba(255,255,255,.08);
}
figure.shot figcaption { margin-top: 8px; font-size: 13px; color: #8b938c; }

/* Ad slots — collapse until a real data-ad-slot is set after AdSense approval */
.ad { margin: 34px 0; text-align: center; }
.ad-label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #565d57; margin-bottom: 4px; }

/* CTA + cards */
.cta { display: inline-block; margin: 8px 0 4px; background: #3ee07f; color: #062012; font-weight: 600; padding: 11px 20px; border-radius: 6px; text-decoration: none; }
.faq h3 { margin-top: 22px; }
.related { display: grid; gap: 12px; margin-top: 18px; }
.related a { display: block; padding: 14px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; text-decoration: none; color: #eef2ee; background: #0c0e0f; }
.related a span { display: block; color: #8b938c; font-size: 13px; margin-top: 2px; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: 14px; color: #8b938c; }
footer a { color: #8b938c; }