/* ═══ SHARED ATOMS ═══ */

.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3)}
.eyebrow-hi{color:#1a7f37}
.eyebrow-red{color:#cf222e}

.block-tag{
  display:inline-block;
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fg3);border:1px solid var(--fg4);border-radius:2px;
  padding:2px 6px;font-family:var(--mono);
}

/* Typography */
.h1{font-size:72px;font-weight:600;line-height:1.0;color:var(--fg);letter-spacing:-.03em;font-family:var(--sans)}
.h1 strong{font-weight:700;color:#1a7f37;display:block}

.h2{font-size:40px;font-weight:600;color:var(--fg);letter-spacing:-.02em;line-height:1.1;font-family:var(--sans)}
.h2 em{font-style:normal;color:#1a7f37}
.h2 .red{color:var(--red)}

.h3{font-size:27px;font-weight:600;color:var(--fg);letter-spacing:-.02em;line-height:1.2;font-family:var(--sans)}

.body{font-size:15px;color:var(--fg2);line-height:1.65}
.body strong{color:var(--fg);font-weight:500}

/* Code */
pre.code,div.code{
  font-family:var(--mono);font-size:13.5px;line-height:1.7;
  color:#1f2328;white-space:pre;overflow:hidden;
}

.code-wrap{
  background:var(--bg2);border:1px solid var(--line2);
  border-radius:4px;padding:18px 22px;
  overflow:hidden;
}

.code-wrap.accent-left{border-left:3px solid #1a7f37;border-radius:0 4px 4px 0}
.code-wrap.accent-red{border-left:3px solid #cf222e;border-radius:0 4px 4px 0}

.clabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px}

/* Syntax highlighting */
.kw{color:#cf222e;font-weight:500}
.str{color:#0a3069}
.cm{color:#9198a1;font-style:italic}
.nm{color:#0550ae}
.op{color:#656d76}
.hi2{color:#1a7f37}

/* Tables */
table{width:100%;border-collapse:collapse;font-size:13px}

th{text-align:left;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
   color:var(--fg3);border-bottom:1px solid var(--line2);padding:8px 12px 8px 0}

td{color:var(--fg2);padding:9px 12px 9px 0;border-bottom:1px solid var(--line);line-height:1.4}
td strong,th strong{color:var(--fg);font-weight:500}
td.hi{color:#1a7f37}

/* Lists */
ul.bullets{list-style:none;display:flex;flex-direction:column;gap:10px}
ul.bullets li{font-size:18px;color:var(--fg2);line-height:1.45;padding-left:16px;position:relative}
ul.bullets li::before{content:'→';position:absolute;left:0;color:var(--fg3);font-size:12px;top:2px}
ul.bullets li strong{color:var(--fg);font-weight:500}

/* Dividers */
.vline{border:none;border-left:1px solid var(--line2);height:100%}
.hline{border:none;border-top:1px solid var(--line2);margin:0}

/* Highlight boxes */
.hibox{
  background:#dafbe1;border:1px solid #aceebb;
  border-radius:4px;padding:14px 18px;
}

.hibox-red{
  background:#ffebe9;border:1px solid #ffcecb;
  border-radius:4px;padding:14px 18px;
}