/* Self-hosted SIL OFL: Syne (display) + DM Sans (body) — see fonts/OFL-*.txt */
@font-face{
  font-family:"Syne";
  src:url("/fonts/syne-var.woff") format("woff");
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"DM Sans";
  src:url("/fonts/dm-sans-var.woff") format("woff");
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}

/* T4a — Orange on warm white (light) */
body.theme-t4a{
  --navy:#1E1B18;
  --teal:#0F766E;
  --orange:#F26B1D;
  --orange-deep:#C2410C;
  --amber:#E8A54B;
  --muted:#6B5E54;
  --line:#E8D9CC;
  --soft:#FFF1E6;
  --bg:#FFF8F2;
  --shadow:0 10px 28px rgba(30,27,24,.08);
  background:var(--bg);
  color:var(--navy);
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
body.theme-t4a a{color:var(--orange-deep)}
body.theme-t4a a:hover{color:var(--orange)}
body.theme-t4a .mh{
  background:rgba(255,248,242,.94);
  border-bottom:1px solid var(--line);
  max-width:none;width:100%;
  backdrop-filter:blur(8px);
}
body.theme-t4a .mh .logo{
  color:var(--navy);
  font-family:"Syne",system-ui,sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}
body.theme-t4a .mh nav a{color:var(--navy);font-weight:500}
body.theme-t4a .mh nav a:hover{color:var(--orange-deep)}
body.theme-t4a .mh .logomark-img{
  background:transparent;padding:0;
  box-shadow:none;
}
body.theme-t4a .hero-bleed{
  background-color:var(--soft);
  background-image:url("/assets/home/hl7-orange.svg");
  background-size:480px 200px;
  background-repeat:repeat;
  border-bottom:1px solid var(--line);
}
body.theme-t4a .hero h1{
  color:var(--navy);
  font-family:"Syne",system-ui,sans-serif;
  font-weight:750;
  letter-spacing:-.03em;
}
body.theme-t4a .hero .subline{color:var(--muted)}
body.theme-t4a .hero .why{color:var(--navy)}
body.theme-t4a .b1{
  background:var(--orange);
  color:#1E1B18;
  border-color:var(--orange);
  font-family:"Syne",system-ui,sans-serif;
  font-weight:700;
}
body.theme-t4a .b1:hover{background:var(--orange-deep);color:#FFF8F2;text-decoration:none;opacity:1}
body.theme-t4a .b2{
  color:var(--navy);
  border-color:var(--line);
  background:#fff;
}
body.theme-t4a .b2:hover{border-color:var(--orange)}
body.theme-t4a .hero-visual img{
  border-color:var(--line);
  box-shadow:var(--shadow);
}
body.theme-t4a .steps b{
  font-family:"Syne",system-ui,sans-serif;
  color:var(--navy);
  font-weight:700;
}
body.theme-t4a .steps span{color:var(--muted)}
body.theme-t4a .device{
  background:#fff;
  border-color:var(--line);
  box-shadow:var(--shadow);
}
body.theme-t4a .device .cap{color:var(--muted)}
body.theme-t4a .edge-bleed{background:#fff;border-color:var(--line)}
body.theme-t4a .edge h2{
  font-family:"Syne",system-ui,sans-serif;
  font-weight:700;
  color:var(--navy);
}
body.theme-t4a .edge-grid li{
  background:var(--soft);
  border-color:var(--line);
}
body.theme-t4a .edge-grid b{
  font-family:"Syne",system-ui,sans-serif;
  color:var(--navy);
  font-weight:700;
}
body.theme-t4a .edge-grid span,.theme-t4a .edge-grid .ai{color:var(--muted)}
body.theme-t4a .tease{color:var(--muted)}
body.theme-t4a .tease b{color:var(--orange-deep)}
body.theme-t4a .mf{
  background:var(--soft);
  border-top-color:var(--line);
  color:var(--muted);
}
body.theme-t4a .mf a{color:var(--muted)}
body.theme-t4a .mf a:hover{color:var(--orange-deep)}
body.theme-t4a .split-snips img,body.theme-t4a img[src*="snippet"]{
  border-color:var(--line)!important;
  box-shadow:var(--shadow)!important;
}
/* sparse teal accent */
body.theme-t4a .b:focus-visible{outline-color:var(--teal)}
body.theme-t4a .edge-grid li:nth-child(3){border-top:3px solid var(--teal)}


/* T4 peppy motion + explainer layout (mockups) */
.t4-reveal{opacity:1;transform:none}
body.t4-motion .t4-reveal:not(.in){opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
body.t4-motion .t4-reveal.in{opacity:1;transform:none}
.t4-card{
  border:1px solid var(--line);border-radius:10px;background:var(--soft,#FFF1E6);
  padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.t4-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(30,27,24,.12);border-color:var(--orange,#F26B1D)}
.t4-card img{width:100%;height:auto;display:block;border-radius:8px}
.t4-card h3{font-family:"Syne",system-ui,sans-serif;font-size:1.05rem;font-weight:700;margin:12px 0 6px}
.t4-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.t4-band{width:100%;padding:36px 0;border-top:1px solid var(--line)}
.t4-band h2{font-family:"Syne",system-ui,sans-serif;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:750;text-align:left;margin:0 0 8px;letter-spacing:-.02em}
.t4-band .lead{text-align:left;color:var(--muted);max-width:42em;margin:0 0 18px;font-size:15px}
.t4-how{max-width:none;margin:0}
.t4-how img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--line)}
.t4-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:none;margin:0}
.t4-grid3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;max-width:none;margin:0}
@media(max-width:800px){.t4-grid2,.t4-grid3{grid-template-columns:1fr}}
.t4-pill{
  display:inline-block;font-family:"Syne",system-ui,sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:var(--orange-deep,#C2410C);
  background:rgba(242,107,29,.12);padding:4px 10px;border-radius:999px;margin-bottom:10px;
}
body.theme-t4b .t4-pill{color:#FFB86B;background:rgba(242,107,29,.18)}
body.theme-t4b .t4-card{background:var(--soft);box-shadow:none}
body.theme-t4b .t4-card:hover{box-shadow:0 0 0 1px rgba(242,107,29,.35),0 16px 36px rgba(0,0,0,.4)}
.t4-bounce{animation:t4pulse 2.8s ease-in-out infinite}
@keyframes t4pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.b1{transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.b1:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){
  .t4-reveal{opacity:1;transform:none;transition:none}
  .t4-card,.b1{transition:none}
  .t4-card:hover,.b1:hover{transform:none}
  .t4-bounce{animation:none}
}

/* Home wide layout helpers */
body.theme-t4a .hero-grid{align-items:center}
body.theme-t4a .hero-visual img{box-shadow:var(--shadow);border-radius:12px}
body.theme-t4a .steps li{background:#fff;border-color:var(--line)}
body.theme-t4a .device-copy h2{color:var(--navy)}
body.theme-t4a .samp-head h2,.theme-t4a .edge h2{font-family:"Syne",system-ui,sans-serif;font-weight:700}
@media(max-width:980px){
  body.theme-t4a .t4-band h2,body.theme-t4a .t4-band .lead,body.theme-t4a .edge h2{text-align:left}
}