:root{
  --bg:#090a0a;
  --bg-2:#0f1010;
  --surface:#141515;
  --surface-2:#1b1c1c;
  --surface-3:#242625;
  --line:#334232;
  --line-bright:#5cff3f;
  --line-cyan:#31e8ff;
  --text:#f0f2ee;
  --muted:#a9b7a4;
  --dim:#71806d;
  --green:#39ff14;
  --green-soft:#79ff5b;
  --cyan:#63f4ff;
  --violet:#d891ff;
  --danger:#ff8a7b;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:0;
  --page:1180px;
}

*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:var(--sans);scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;overflow-x:hidden;
  background:
    linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(99,244,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 85% 5%,rgba(57,255,20,.10),transparent 28rem),
    linear-gradient(180deg,#090a0a,#111313 58%,#080909);
  background-size:96px 96px,96px 96px,auto,auto;
}
body:before,body:after,.scanlines,.noise,.glow-orb{display:none!important}
a{color:inherit;text-decoration:none}
code,pre{font-family:var(--mono)}

.site-header,.main,.site-footer,.bottom-nav{position:relative;z-index:1}
.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.65rem clamp(1rem,4vw,2rem);
  background:#090a0a;
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.brand-mark{
  width:34px;height:34px;border:1px solid var(--green);
  display:grid;place-items:center;color:var(--green);font-family:var(--mono);font-weight:900;
  background:#101211;
}
.brand strong{display:block;text-transform:uppercase;letter-spacing:.02em;font-size:.93rem}
.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:.68rem;white-space:nowrap}
.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:.1rem;flex-wrap:wrap}
.top-nav a{
  color:var(--muted);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;
  letter-spacing:.06em;padding:.5rem .62rem;border:1px solid transparent
}
.top-nav a:hover{border-color:var(--line);color:var(--green);background:var(--surface)}

.main{
  width:min(var(--page),100%);
  margin:0 auto;
  padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) 6.7rem;
}
.data-label,.kicker,.panel-kicker{
  margin:0;color:var(--muted);font:800 .72rem/1.2 var(--mono);
  letter-spacing:.14em;text-transform:uppercase
}
.green{color:var(--green)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}

.atlas-hero{
  min-height:65vh;
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);
  gap:12px;align-items:stretch;margin:1rem 0 12px;
}
.atlas-copy,.signal-ledger,.manifesto-card,.atlas-map-section,.category-card,.phone-lab,.build-strip,.tech-future article,.node-card,.panel,.term-card,.detail-hero,.content-body,.footer-mantra{
  background:rgba(20,21,21,.94);
  border:1px solid var(--line);
}
.atlas-copy{
  padding:clamp(1.1rem,5vw,3rem);
  display:flex;flex-direction:column;justify-content:center;
  min-height:420px;
  position:relative;overflow:hidden;
}
.atlas-copy:after{
  content:"";position:absolute;right:1rem;bottom:1rem;width:40%;height:42%;
  border-right:1px solid rgba(57,255,20,.28);border-bottom:1px solid rgba(99,244,255,.22);
  pointer-events:none;
}
.atlas-copy h1{
  margin:.4rem 0 .5rem;
  font-size:clamp(3.5rem,12vw,8rem);
  line-height:.82;letter-spacing:-.075em;text-transform:uppercase;
}
.hero-line{
  margin:.2rem 0 0;color:var(--green);font-weight:900;
  font-size:clamp(1.2rem,3.4vw,2.2rem);letter-spacing:-.035em;text-transform:uppercase;
}
.hero-text,.section-copy p,.manifesto-card p,.tech-future p,.build-strip p,.category-card p,.detail-hero p,.page-title p,.panel-note,.content-body p,.node-card p{
  color:var(--muted);line-height:1.62
}
.hero-text{max-width:680px;font-size:clamp(1rem,2vw,1.14rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:.75rem .9rem;border:1px solid var(--line);
  background:#101211;color:var(--text);font:800 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;
}
.button:hover,.category-card:hover,.node-card:hover,.term-card:hover{border-color:var(--green);color:var(--green)}
.button.primary{background:var(--green);color:#051007;border-color:var(--green)}
.button.ghost{color:var(--muted)}

.signal-ledger{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.ledger-top,.node-topline,.detail-page .crumb{
  display:flex;align-items:center;gap:.5rem;color:var(--muted);font:800 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase
}
.signal-dot{width:10px;height:10px;border:1px solid var(--green);background:var(--green);display:inline-block}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}
.stats-grid div{border:1px solid var(--line);padding:.8rem;background:#101211}
.stats-grid dt{font:800 .65rem/1.2 var(--mono);color:var(--muted);letter-spacing:.12em}
.stats-grid dd{margin:.3rem 0 0;font:900 2.1rem/1 var(--mono);color:var(--cyan)}
.ledger-note{border-top:1px solid var(--line);padding-top:1rem}
.ledger-note p{margin:0 0 .8rem;color:var(--text);font-weight:700}
.ledger-note span{font:800 .68rem/1.2 var(--mono);color:var(--green)}

.manifesto-grid,.tech-future{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.manifesto-card,.tech-future article{padding:1rem}
.manifesto-card h2,.section-copy h2,.tech-future h2,.build-strip h2,.level-ladder h2,.page-title h1,.detail-hero h1{
  margin:.4rem 0 .6rem;font-size:clamp(1.5rem,4vw,2.8rem);line-height:.95;letter-spacing:-.045em;text-transform:uppercase
}
.atlas-map-section{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem;
  padding:1rem;margin:12px 0;min-height:390px;align-items:center;overflow:hidden;
}
.section-copy{max-width:470px}
.node-map{position:relative;min-height:330px;border:1px solid var(--line);background:#0d0f0e;overflow:hidden}
.node-map:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(57,255,20,.04) 1px,transparent 1px),
    linear-gradient(0deg,rgba(99,244,255,.035) 1px,transparent 1px);
  background-size:38px 38px;opacity:.8
}
.map-node{
  position:absolute;z-index:2;display:grid;place-items:center;text-align:center;
  min-width:76px;min-height:42px;padding:.45rem .6rem;border:1px solid var(--line);
  background:#141515;color:var(--text);font:900 .72rem/1.1 var(--mono);letter-spacing:.06em
}
.map-node small{display:block;color:var(--muted);font-weight:600}
.map-node.core{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:106px;height:106px;border-radius:50%;border-color:var(--green);color:var(--green);font-size:.9rem
}
.n1{left:10%;top:18%}.n2{right:12%;top:16%}.n3{left:12%;bottom:17%}.n4{right:10%;bottom:18%}.n5{left:50%;top:5%;transform:translateX(-50%)}.n6{left:50%;bottom:5%;transform:translateX(-50%);border-color:var(--violet);color:var(--violet)}
.wire{position:absolute;left:50%;top:50%;height:1px;width:42%;background:rgba(57,255,20,.28);transform-origin:left center;z-index:1}
.w1{transform:rotate(28deg)}.w2{transform:rotate(152deg)}.w3{transform:rotate(-28deg)}.w4{transform:rotate(-152deg)}

.category-grid,.card-grid,.mini-grid,.term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.category-card,.node-card a{display:flex;flex-direction:column;min-height:160px;padding:1rem}
.category-card span{font:900 .72rem/1 var(--mono);color:var(--muted)}
.category-card h2,.node-card h2{margin:.55rem 0 .35rem;font-size:1.35rem;letter-spacing:-.035em;text-transform:uppercase}
.category-card b{margin-top:auto;color:var(--cyan);font:800 .72rem/1.2 var(--mono);text-transform:uppercase}
.pose{--accent:var(--green)}.machine{--accent:var(--cyan)}.flow{--accent:var(--violet)}.source{--accent:var(--muted)}.bible{--accent:var(--danger)}.vault{--accent:var(--violet)}
.category-card:hover h2,.node-card:hover h2{color:var(--accent,var(--green))}

.phone-lab{
  margin:12px 0;padding:1rem;display:grid;grid-template-columns:1fr 330px;gap:1rem;align-items:center
}
.yaml-peek{
  margin:1rem 0 0;padding:1rem;border:1px solid var(--line);background:#090a0a;color:var(--cyan);
  overflow:auto;font-size:.82rem
}
.phone-shell{
  width:min(310px,100%);margin:auto;border:1px solid var(--line);background:#090a0a;min-height:520px;padding:.7rem;
}
.phone-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.5rem;color:var(--green);font:800 .72rem/1 var(--mono)}
.phone-search{margin:.8rem 0;padding:.75rem;border:1px solid var(--line);color:var(--dim);font:700 .72rem/1 var(--mono)}
.phone-tags{display:flex;gap:.35rem;flex-wrap:wrap}.phone-tags span,.badge,.section-pill{
  border:1px solid var(--line);background:#101211;color:var(--muted);padding:.25rem .4rem;font:800 .65rem/1 var(--mono);text-transform:uppercase
}
.badge{display:inline-flex;margin:.15rem .15rem .15rem 0}.badge.dim{color:var(--cyan)}.ghost-badge{color:var(--dim)}
.phone-card{border:1px solid var(--line);padding:.75rem;margin:.8rem 0;background:var(--surface)}
.phone-card p{margin:0;color:var(--green);font:800 .65rem/1 var(--mono)}
.phone-card h3{margin:.4rem 0;color:var(--text);text-transform:uppercase}
.phone-card small{color:var(--muted)}.phone-card.dim{opacity:.72}
.mini-lines i{display:block;height:5px;margin:.38rem 0;background:linear-gradient(90deg,var(--green),transparent)}

.build-strip{padding:1rem;margin:12px 0}
.step-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:1rem}
.step-row article{border:1px solid var(--line);background:#101211;padding:.85rem;min-height:130px}
.step-row span{color:var(--green);font:900 .78rem/1 var(--mono)}
.step-row h3{margin:.4rem 0;text-transform:uppercase}
.tech-future{align-items:stretch}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0 .8rem}
.section-head h2{margin:.25rem 0 0;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.2rem)}
.section-head a{font:800 .75rem/1 var(--mono);color:var(--cyan);border:1px solid var(--line);padding:.6rem .75rem;text-transform:uppercase}

.node-card{min-height:190px;overflow:hidden}
.node-card a{height:100%}
.node-card p{font-size:.93rem;margin:.2rem 0 .8rem}
.node-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:.25rem}
.node-topline{justify-content:space-between}

.page-title,.detail-page{max-width:900px;margin:0 auto}
.page-title{padding:2rem 0}
.filter-bar{margin:0 0 1rem}
.filter-bar input{
  width:100%;min-height:48px;border:1px solid var(--line);background:#0d0f0e;color:var(--text);
  padding:.85rem 1rem;font:700 .9rem/1 var(--mono);outline:none
}
.filter-bar input:focus{border-color:var(--green)}
.detail-page .crumb{margin:1rem 0}.detail-hero,.content-body,.panel{padding:1rem;margin:12px 0}
.content-body{font-size:1rem}.content-body h2,.panel h2{text-transform:uppercase;letter-spacing:-.03em}
.link-list{display:grid;gap:.5rem}.link-list a,.mini-card{border:1px solid var(--line);padding:.75rem;background:#101211;color:var(--cyan)}
.mini-card small{display:block;color:var(--muted);margin-top:.25rem}
.term-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.term-card{padding:.8rem;display:flex;justify-content:space-between;gap:1rem;color:var(--text)}
.footer-mantra{margin:1.2rem 0 0;padding:1rem;text-align:center}
.footer-mantra p:first-child{margin:.2rem 0;color:var(--green);font:900 clamp(1.5rem,5vw,3rem)/.9 var(--sans);text-transform:uppercase;letter-spacing:-.05em}
.footer-mantra p:last-child{margin:.2rem 0;color:var(--muted);font:800 .8rem/1 var(--mono);text-transform:uppercase}

.site-footer{border-top:1px solid var(--line);padding:1.3rem clamp(1rem,4vw,2rem);color:var(--muted);text-align:center;font-family:var(--mono);font-size:.75rem}
.site-footer p{margin:.25rem 0}
.bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  display:none;grid-template-columns:repeat(5,1fr);
  background:#090a0a;border-top:1px solid var(--line)
}
.bottom-nav a{display:grid;place-items:center;gap:.12rem;padding:.5rem .2rem;color:var(--muted);font:800 .62rem/1 var(--mono);text-transform:uppercase}
.bottom-nav span{font-size:1rem;color:var(--green)}

@media (max-width: 860px){
  .top-nav{display:none}
  .bottom-nav{display:grid}
  .main{padding-bottom:5.4rem}
  .atlas-hero,.atlas-map-section,.phone-lab,.manifesto-grid,.tech-future{grid-template-columns:1fr}
  .atlas-copy{min-height:58vh}
  .signal-ledger{min-height:260px}
  .category-grid,.card-grid{grid-template-columns:1fr}
  .step-row{grid-template-columns:1fr 1fr}
  .term-grid{grid-template-columns:1fr 1fr}
  .node-map{min-height:300px}
}
@media (max-width: 520px){
  .site-header{padding:.58rem .85rem}
  .brand small{display:none}
  .atlas-copy h1{font-size:clamp(3rem,18vw,5.2rem)}
  .hero-line{font-size:1.05rem}
  .step-row{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .map-node{min-width:64px;font-size:.62rem}
  .map-node.core{width:92px;height:92px}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Small safety patch for long AcroBible titles */
.atlas-copy h1,
.brand h1,
.main h1 {
  overflow-wrap: anywhere;
  max-width: 100%;
}

.atlas-copy {
  min-width: 0;
}

.section-home .atlas-hero {
  overflow: hidden;
}

/* THAG rebuild: prevent hero overflow without ugly word cuts */
.atlas-copy,
.atlas-hero,
.hero-text,
.hero-line {
  min-width: 0;
}

.atlas-copy h1 {
  max-width: 100%;
  font-size: clamp(2.4rem, 11vw, 7rem);
  line-height: 0.88;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

@media (max-width: 560px) {
  .atlas-copy h1 {
    font-size: clamp(2.2rem, 14vw, 4.2rem);
    line-height: 0.92;
  }

  .hero-actions {
    align-items: stretch;
  }

  .hero-actions .button {
    text-align: center;
  }
}

.yaml-peek code,
pre,
code {
  overflow-wrap: anywhere;
}

/* THAG mobile footer breathing room */
.site-footer {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 760px) {
  .site-footer {
    padding-bottom: 2.5rem;
  }
}

.bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* THAG mobile footer breathing room */
.site-footer {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 760px) {
  .site-footer {
    padding-bottom: 2.5rem;
  }
}

.bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* THAG graph note helpers */
.missing-link {
  border-bottom: 1px dashed currentColor;
  opacity: 0.8;
}

/* THAG graph/link polish */

.hero-brand-title {
  display: flex;
  flex-direction: column;
  gap: 0.02em;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.hero-brand-main,
.hero-brand-sub {
  display: block;
  line-height: 0.9;
}

.hero-brand-main {
  font-size: clamp(2.15rem, 12vw, 6.7rem);
}

.hero-brand-sub {
  font-size: clamp(1.85rem, 10vw, 5.8rem);
  opacity: 0.88;
}

.node-content a,
.pose-link,
.flow-link,
.machine-link,
.source-link {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  box-shadow: inset 0 -0.22em 0 rgba(255,255,255,0.08);
  padding-bottom: 0.03em;
}

.node-content a:hover,
.pose-link:hover,
.flow-link:hover,
.machine-link:hover,
.source-link:hover {
  box-shadow: inset 0 -0.55em 0 rgba(255,255,255,0.16);
}

.node-relation-block {
  margin-top: 2.2rem;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 1.1rem;
  background: rgba(255,255,255,0.035);
}

.node-relation-block h2 {
  margin-top: 0;
}

.relationship-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 0.75rem;
}

.relation-card {
  display: block;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 0.9rem;
  text-decoration: none;
  background: rgba(0,0,0,0.16);
}

.relation-card span {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.68;
  margin-bottom: 0.25rem;
}

.relation-card strong {
  display: block;
  line-height: 1.15;
}

.pose-link-card {
  border-color: rgba(134, 255, 194, 0.28);
}

.flow-link-card {
  border-color: rgba(120, 190, 255, 0.30);
}

.machine-link-card {
  border-color: rgba(255, 210, 120, 0.30);
}

.source-list {
  padding-left: 1.25rem;
}

.source-list li {
  margin: 0.6rem 0;
}

.source-list small,
.source-list em {
  display: block;
  opacity: 0.7;
  margin-top: 0.15rem;
}

.source-pending,
.missing-link {
  opacity: 0.72;
  border-bottom: 1px dashed currentColor;
}

.route-list li {
  margin: 0.28rem 0;
}

@media (max-width: 560px) {
  .hero-brand-title {
    gap: 0.05em;
  }

  .hero-brand-main {
    font-size: clamp(2.1rem, 13.5vw, 4.1rem);
  }

  .hero-brand-sub {
    font-size: clamp(1.85rem, 12vw, 3.6rem);
  }

  .node-relation-block {
    padding: 1rem;
    border-radius: 0.9rem;
  }

  .relationship-grid {
    grid-template-columns: 1fr;
  }
}

/* THAG relation/context blocks: shortcode version, preserves theme single layout */
.thag-context-block {
  margin: 2rem 0;
  padding: 1.1rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
}

.thag-context-block h2 {
  margin-top: 0.15rem;
}

.thag-route-list {
  margin: 0;
  padding-left: 1.25rem;
}

.thag-route-list li {
  margin: 0.32rem 0;
}

.thag-link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 0.7rem;
}

.thag-link-card {
  display: block;
  padding: 0.8rem 0.85rem;
  border: 1px solid rgba(255,255,255,0.17);
  border-radius: 0.85rem;
  text-decoration: none;
  background: rgba(0,0,0,0.16);
}

.thag-link-card span {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.68;
  margin-bottom: 0.22rem;
}

.thag-link-card strong {
  display: block;
  line-height: 1.16;
}

.pose-link-card {
  border-color: rgba(134, 255, 194, 0.3);
}

.flow-link-card {
  border-color: rgba(120, 190, 255, 0.32);
}

.machine-link-card {
  border-color: rgba(255, 210, 120, 0.32);
}

.thag-source-list {
  padding-left: 1.25rem;
}

.thag-source-list li {
  margin: 0.65rem 0;
}

.thag-source-list small,
.thag-source-list em {
  display: block;
  opacity: 0.72;
  margin-top: 0.12rem;
}

.node-content a,
.source-link,
.pose-link,
.flow-link,
.machine-link {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  box-shadow: inset 0 -0.2em 0 rgba(255,255,255,0.08);
}

.node-content a:hover,
.source-link:hover,
.pose-link:hover,
.flow-link:hover,
.machine-link:hover {
  box-shadow: inset 0 -0.55em 0 rgba(255,255,255,0.16);
}

.source-pending,
.missing-link {
  opacity: 0.75;
  border-bottom: 1px dashed currentColor;
}

@media (max-width: 560px) {
  .thag-context-block {
    padding: 0.95rem;
    border-radius: 0.85rem;
  }

  .thag-link-grid {
    grid-template-columns: 1fr;
  }
}

/* THAG route cards */
.thag-context-block {
  margin: 2rem 0;
  padding: 1.1rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
}

.thag-context-block h2 {
  margin-top: 0.15rem;
}

.thag-route-cards,
.thag-link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 0.7rem;
}

.thag-route-card,
.thag-link-card {
  display: block;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(255,255,255,0.17);
  border-radius: 0.85rem;
  text-decoration: none;
  background: rgba(0,0,0,0.16);
}

.thag-route-card span,
.thag-link-card span {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.68;
  margin-bottom: 0.22rem;
}

.thag-route-card strong,
.thag-link-card strong {
  display: block;
  line-height: 1.16;
}

.thag-route-card small,
.thag-link-card small {
  display: block;
  margin-top: 0.28rem;
  opacity: 0.68;
  line-height: 1.25;
}

.pose-link-card {
  border-color: rgba(134, 255, 194, 0.3);
}

.flow-link-card {
  border-color: rgba(120, 190, 255, 0.32);
}

.machine-link-card {
  border-color: rgba(255, 210, 120, 0.32);
}

.review-card,
.missing-link {
  border-style: dashed;
  opacity: 0.82;
}

.thag-source-list {
  padding-left: 1.25rem;
}

.thag-source-list li {
  margin: 0.65rem 0;
}

.thag-source-list small,
.thag-source-list em {
  display: block;
  opacity: 0.72;
  margin-top: 0.12rem;
}

.source-link,
.node-content a,
.pose-link,
.flow-link,
.machine-link {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  box-shadow: inset 0 -0.2em 0 rgba(255,255,255,0.08);
}

.source-link:hover,
.node-content a:hover,
.pose-link:hover,
.flow-link:hover,
.machine-link:hover {
  box-shadow: inset 0 -0.55em 0 rgba(255,255,255,0.16);
}

@media (max-width: 560px) {
  .thag-context-block {
    padding: 0.95rem;
    border-radius: 0.85rem;
  }

  .thag-route-cards,
  .thag-link-grid {
    grid-template-columns: 1fr;
  }
}

/* THAG hard fix: mobile hero title must not overflow */
.hero-brand-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 0.06em;
  max-width: 100% !important;
  width: 100%;
  margin: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-main,
.hero-brand-sub {
  display: block !important;
  max-width: 100%;
  line-height: 0.92;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-main {
  font-size: clamp(2rem, 10.5vw, 6.4rem) !important;
}

.hero-brand-sub {
  font-size: clamp(1.75rem, 9.2vw, 5.4rem) !important;
  opacity: 0.88;
}

@media (max-width: 560px) {
  .atlas-copy {
    max-width: 100%;
    min-width: 0;
  }

  .hero-brand-main {
    font-size: clamp(2rem, 12vw, 3.75rem) !important;
  }

  .hero-brand-sub {
    font-size: clamp(1.7rem, 10.5vw, 3.15rem) !important;
  }
}

/* THAG hard fix: mobile hero title must not overflow */
.hero-brand-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 0.06em;
  max-width: 100% !important;
  width: 100%;
  margin: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-main,
.hero-brand-sub {
  display: block !important;
  max-width: 100%;
  line-height: 0.92;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-main {
  font-size: clamp(2rem, 10.5vw, 6.4rem) !important;
}

.hero-brand-sub {
  font-size: clamp(1.75rem, 9.2vw, 5.4rem) !important;
  opacity: 0.88;
}

@media (max-width: 560px) {
  .atlas-copy {
    max-width: 100%;
    min-width: 0;
  }

  .hero-brand-main {
    font-size: clamp(2rem, 12vw, 3.75rem) !important;
  }

  .hero-brand-sub {
    font-size: clamp(1.7rem, 10.5vw, 3.15rem) !important;
  }
}

/* THAG content lists: route/source readability without shortcode dependency */
.node-content h2,
.main h2 {
  scroll-margin-top: 5rem;
}

.node-content h2 + ol,
.node-content h2 + ul {
  margin-top: 0.85rem;
}

.node-content h2 + ol li,
.node-content h2 + ul li {
  margin: 0.45rem 0;
  line-height: 1.42;
}

.node-content a {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  box-shadow: inset 0 -0.22em 0 rgba(255,255,255,0.08);
}

.node-content a:hover {
  box-shadow: inset 0 -0.55em 0 rgba(255,255,255,0.16);
}

/* make specific relation sections breathe */
.node-content h2:nth-of-type(n) {
  max-width: 100%;
}

@media (max-width: 560px) {
  .node-content h2 + ol,
  .node-content h2 + ul {
    padding-left: 1.15rem;
  }

  .node-content h2 + ol li,
  .node-content h2 + ul li {
    padding: 0.18rem 0;
  }
}

/* THAG hard hero split: never crop brand */
.atlas-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
}

.hero-brand-title {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.06em;
  max-width: 100% !important;
  width: 100%;
  margin: 0 0 0.2em 0;
  line-height: 0.92;
  white-space: normal !important;
  overflow: visible !important;
}

.hero-brand-row {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 0.18em;
  row-gap: 0.02em;
  max-width: 100%;
}

.hero-brand-row span,
.hero-brand-sub {
  display: inline-block !important;
  max-width: 100%;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-row,
.hero-brand-sub {
  font-size: clamp(2.15rem, 6.4vw, 5.2rem) !important;
}

.hero-brand-sub {
  opacity: 0.88;
}

@media (max-width: 560px) {
  .hero-brand-row,
  .hero-brand-sub {
    font-size: clamp(2rem, 11vw, 3.2rem) !important;
  }
}

/* THAG route/link cards stable raw-HTML version */
.thag-route-cards,
.thag-link-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.7rem;
  margin: 1rem 0 1.4rem;
}

.thag-route-card,
.thag-link-card {
  display: block;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 0.85rem;
  text-decoration: none !important;
  background: rgba(0,0,0,0.18);
  line-height: 1.18;
}

.thag-route-card span,
.thag-link-card span {
  display: block;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.7;
  margin-bottom: 0.24rem;
}

.thag-route-card strong,
.thag-link-card strong {
  display: block;
}

.thag-route-card small,
.thag-link-card small {
  display: block;
  margin-top: 0.25rem;
  opacity: 0.72;
}

.pose-link-card {
  border-color: rgba(134,255,194,0.32);
}

.machine-link-card {
  border-color: rgba(255,210,120,0.35);
}

.review-card {
  border-style: dashed;
  opacity: 0.82;
}

.source-highlight {
  padding: 0.9rem 1rem;
  margin: 1rem 0;
  border: 1px solid rgba(255,210,120,0.35);
  border-radius: 0.85rem;
  background: rgba(255,210,120,0.07);
}

@media (max-width: 560px) {
  .thag-route-cards,
  .thag-link-grid {
    grid-template-columns: 1fr !important;
  }

  .thag-route-card,
  .thag-link-card {
    padding: 0.8rem;
  }
}

/* THAG hero brand final split */
.hero-brand-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 0.02em;
  max-width: 100% !important;
  margin: 0 0 0.25em 0;
  white-space: normal !important;
  overflow: visible !important;
}

.hero-brand-the,
.hero-brand-main,
.hero-brand-sub {
  display: block !important;
  max-width: 100%;
  line-height: 0.88;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.hero-brand-the {
  font-size: clamp(1.7rem, 4.8vw, 4.2rem) !important;
  opacity: 0.82;
}

.hero-brand-main {
  font-size: clamp(2.3rem, 7vw, 6.1rem) !important;
}

.hero-brand-sub {
  font-size: clamp(2rem, 6.2vw, 5.4rem) !important;
  opacity: 0.9;
}

@media (max-width: 560px) {
  .hero-brand-the {
    font-size: clamp(1.55rem, 8.5vw, 2.5rem) !important;
  }

  .hero-brand-main {
    font-size: clamp(2rem, 12vw, 3.45rem) !important;
  }

  .hero-brand-sub {
    font-size: clamp(1.75rem, 10.5vw, 3rem) !important;
  }
}

/* THAG raw HTML card rendering fix */
.thag-route-cards,
.thag-link-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0.7rem !important;
  margin: 1rem 0 1.5rem !important;
}

.thag-route-card,
.thag-link-card {
  display: block !important;
  padding: 0.85rem 0.9rem !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 0.85rem !important;
  text-decoration: none !important;
  background: rgba(0,0,0,0.20) !important;
  line-height: 1.18 !important;
  box-shadow: none !important;
}

.thag-route-card span,
.thag-link-card span {
  display: block !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  opacity: 0.72 !important;
  margin-bottom: 0.25rem !important;
}

.thag-route-card strong,
.thag-link-card strong {
  display: block !important;
  line-height: 1.15 !important;
}

.thag-route-card small,
.thag-link-card small {
  display: block !important;
  margin-top: 0.28rem !important;
  opacity: 0.72 !important;
  line-height: 1.22 !important;
}

.pose-link-card {
  border-color: rgba(134,255,194,0.34) !important;
}

.machine-link-card {
  border-color: rgba(255,210,120,0.36) !important;
}

.review-card {
  border-style: dashed !important;
  opacity: 0.86 !important;
}

@media (max-width: 560px) {
  .thag-route-cards,
  .thag-link-grid {
    grid-template-columns: 1fr !important;
  }
}

/* THAG content card fallback after enabling raw HTML */
.thag-route-cards,
.thag-link-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0.7rem !important;
  margin: 1rem 0 1.5rem !important;
}

.thag-route-card,
.thag-link-card {
  display: block !important;
  padding: 0.85rem 0.9rem !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 0.85rem !important;
  text-decoration: none !important;
  background: rgba(0,0,0,0.20) !important;
  line-height: 1.18 !important;
  box-shadow: none !important;
}

.thag-route-card span,
.thag-link-card span {
  display: block !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  opacity: 0.72 !important;
  margin-bottom: 0.25rem !important;
}

.thag-route-card strong,
.thag-link-card strong {
  display: block !important;
  line-height: 1.15 !important;
}

.thag-route-card small,
.thag-link-card small {
  display: block !important;
  margin-top: 0.28rem !important;
  opacity: 0.72 !important;
  line-height: 1.22 !important;
}

.pose-link-card {
  border-color: rgba(134,255,194,0.34) !important;
}

.machine-link-card {
  border-color: rgba(255,210,120,0.36) !important;
}

.review-card {
  border-style: dashed !important;
  opacity: 0.86 !important;
}

@media (max-width: 560px) {
  .thag-route-cards,
  .thag-link-grid {
    grid-template-columns: 1fr !important;
  }
}

/* THAG clickable dashboard counts */
.clickable-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: stretch;
}

.clickable-ledger .data-label {
  grid-column: 1 / -1;
  margin-bottom: 0.1rem;
}

.count-card {
  display: block;
  text-decoration: none !important;
  padding: 0.95rem;
  border-radius: 0.95rem;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.18);
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.count-card span {
  display: block;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.72;
  margin-bottom: 0.25rem;
}

.count-card strong {
  display: block;
  font-size: clamp(1.7rem, 5vw, 3rem);
  line-height: 1;
}

.count-card:hover,
.count-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.34);
  background: rgba(255,255,255,0.07);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.hero-actions a {
  white-space: nowrap;
}

@media (max-width: 700px) {
  .clickable-ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .clickable-ledger {
    grid-template-columns: 1fr;
  }

  .hero-actions a {
    width: 100%;
    text-align: center;
  }
}

/* THAG: right-side ledger counts are clickable, no duplicate hero ledger */
.stats-grid .stat-link-wrap {
  position: relative;
  cursor: pointer;
}

.stats-grid .stat-link-fill {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  text-decoration: none;
}

.stats-grid .stat-link-wrap:hover,
.stats-grid .stat-link-wrap:focus-within {
  border-color: rgba(255,255,255,0.34);
  background: rgba(255,255,255,0.07);
}

/* THAG hero action buttons restore */
.hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  margin-top: 1.25rem !important;
  align-items: center !important;
}

.signal-button,
.hero-actions .signal-button,
.hero-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.65rem !important;
  padding: 0.72rem 1rem !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.07) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.signal-button:hover,
.hero-actions .signal-button:hover,
.hero-actions a:hover {
  background: rgba(255,255,255,0.13) !important;
  border-color: rgba(255,255,255,0.38) !important;
  transform: translateY(-1px);
}

.signal-button.ghost,
.hero-actions .ghost {
  background: rgba(0,0,0,0.16) !important;
  border-style: dashed !important;
}

@media (max-width: 560px) {
  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.6rem !important;
  }

  .signal-button,
  .hero-actions .signal-button,
  .hero-actions a {
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* Release polish: product/support cover should never overflow mobile */
.thag-readable img,
.thag-card img,
.thag-support img,
.thag-product img,
.content-body img {
  max-width: 100%;
  height: auto;
  display: block;
}

.thag-readable figure,
.thag-support figure,
.thag-product figure,
.content-body figure {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.thag-cover-img {
  width: min(100%, 420px);
  height: auto;
  border-radius: 18px;
}