/* ============================================================
   ENTHUSIAST EXCHANGE — ARCHITECTURE & INTEGRATIONS (board briefing)
   ============================================================ */
.bband{ background:var(--ocean-900); color:#fff; text-align:center; font-family:var(--f-mono); font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; padding:7px 12px; }
.bband b{ color:var(--lime); }
.psec{ padding-block:32px 20px; background:var(--bone); }
.psec--last{ padding-bottom:48px; }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ptitle{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.5rem,3.6vw,2.2rem); line-height:.95; color:var(--ink); margin:6px 0 8px; }
.ptitle .hl{ color:var(--command); }
.plead{ font-size:13.5px; line-height:1.65; color:var(--carbon); max-width:70ch; margin-bottom:20px; }
.plead b{ color:var(--ink); }
.diagram{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:18px 14px 10px; margin-bottom:18px; overflow-x:auto; }
.diagram svg{ width:100%; min-width:760px; height:auto; display:block; }
/* three-lane architecture diagram */
.arch{ display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:960px){ .arch{ grid-template-columns:1fr auto 1.1fr auto 1fr; align-items:stretch; } }
.lane{ border-radius:var(--r); padding:18px 17px; }
.lane--eei{ background:var(--paper); border:1px solid var(--line); }
.lane--fe{ background:var(--ocean-900); color:#fff; border:1px solid var(--ocean-900); }
.lane--st{ background:var(--paper); border:1.5px dashed var(--line-input); }
.lane__tag{ font-family:var(--f-mono); font-size:9px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:8px; color:var(--carbon); }
.lane--fe .lane__tag{ color:var(--lime); }
.lane h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:17px; line-height:1.05; color:var(--ink); margin-bottom:4px; }
.lane--fe h2{ color:#fff; }
.lane__sub{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--carbon); margin-bottom:12px; }
.lane--fe .lane__sub{ color:rgba(255,255,255,.6); }
.lane ul{ display:flex; flex-direction:column; gap:7px; }
.lane li{ font-size:12.5px; line-height:1.5; color:var(--carbon); padding-left:14px; position:relative; }
.lane--fe li{ color:rgba(255,255,255,.75); }
.lane li::before{ content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:var(--command); }
.lane--fe li::before{ background:var(--lime); }
.lane li b{ color:var(--ink); }
.lane--fe li b{ color:#fff; }
.arrows{ display:none; }
@media (min-width:960px){ .arrows{ display:flex; flex-direction:column; justify-content:center; gap:14px; padding:0 2px; } }
.arr{ text-align:center; font-family:var(--f-mono); font-size:8.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); }
.arr b{ display:block; font-size:15px; color:var(--command); letter-spacing:0; }
/* integration tables */
.itbl{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-bottom:8px; }
.itbl__scroll{ overflow-x:auto; }
.itbl table{ width:100%; border-collapse:collapse; min-width:700px; }
.itbl th{ text-align:left; padding:10px 14px; background:var(--bone); font-family:var(--f-mono); font-size:9px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); font-weight:500; border-bottom:1px solid var(--line-2); }
.itbl td{ padding:11px 14px; border-bottom:1px solid var(--line-2); font-size:12.5px; color:var(--carbon); vertical-align:top; line-height:1.5; }
.itbl tr:last-child td{ border-bottom:none; }
.itbl td b{ color:var(--ink); }
.itbl .mono{ font-family:var(--f-mono); font-size:10.5px; }
.pill{ font-family:var(--f-mono); font-size:9px; font-weight:500; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 9px; border-radius:var(--pill); display:inline-block; white-space:nowrap; }
.pill--now{ background:rgba(34,166,81,.12); color:#15803d; }
.pill--core{ background:rgba(206,32,47,.1); color:#CE202F; }
.pill--later{ background:var(--bone-2); color:var(--ink); }
.note{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:10px; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u135cddb{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#CE202F !important; margin-bottom:7px !important; }
.u1febb42{ font-size:12.5px !important; line-height:1.6 !important; color:var(--carbon) !important; }
.u468e7f1{ font-family:var(--f-mono) !important; font-size:12px !important; }
.u5405889{ font-size:12.5px !important; line-height:1.6 !important; color:var(--carbon) !important; margin-top:8px !important; }
.u5868dda{ scroll-margin-top:110px !important; }
.u5f7abeb{ text-transform:uppercase !important; }
.u6b7cd8c{ font-size:13.5px !important; line-height:1.65 !important; color:var(--ink) !important; }
.u76b9517{ font-family:var(--f-mono) !important; font-size:11px !important; }
.u80d6b7d{ margin-top:18px !important; background:var(--paper) !important; border:1.5px solid #CE202F !important; border-radius:var(--r) !important; padding:18px 20px !important; }
.u8c93ab5{ color:var(--lime) !important; text-decoration:underline !important; text-underline-offset:2px !important; }
.ua372106{ color:var(--ink) !important; }
.ubbd42c1{ color:#CE202F !important; font-weight:700 !important; }
.ubcfd2a3{ font-size:12.5px !important; line-height:1.6 !important; color:var(--carbon) !important; margin-bottom:10px !important; }
.uc9ee9da{ font-size:13.5px !important; line-height:1.65 !important; color:var(--ink) !important; margin-bottom:10px !important; }
.udf625de{ margin-top:14px !important; background:var(--paper) !important; border:1.5px solid #CE202F !important; border-radius:var(--r) !important; padding:18px 20px !important; }