/*
 * Utility → institutional market architecture.
 * The figure separates visible public-XRPL utility from the institutional
 * control plane and marks neutral XRP inventory as an unconfirmed thesis.
 */

.utility-architecture{
  --ua-blue:#175cff;
  --ua-cyan:#0b91b5;
  --ua-green:#078760;
  --ua-amber:#c07a10;
  --ua-ink:#102630;
  --ua-muted:#5d7480;
  --ua-line:#d6e3e9;
  box-sizing:border-box;
  margin:38px 0 34px;
  padding:22px;
  border:1px solid var(--ua-line);
  border-radius:29px;
  background:#fff;
  box-shadow:0 32px 86px rgba(22,61,82,.12);
}
.utility-architecture *{box-sizing:border-box}
.utility-architecture :is(div,section,article,header,figure,figcaption){min-width:0}
.utility-architecture :is(strong,small,span,p,a){overflow-wrap:anywhere}
.utility-architecture-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.6fr);gap:28px;align-items:end;padding:4px 5px 20px}
.utility-architecture-head span{display:block;color:#6b818c;font-size:9px;font-weight:900;letter-spacing:.15em}
.utility-architecture-head strong{display:block;max-width:790px;margin-top:7px;color:var(--ua-ink);font-size:clamp(18px,2vw,24px);line-height:1.42}
.utility-architecture-head>small{justify-self:end;max-width:350px;color:#667b85;font-size:10px;line-height:1.65;text-align:right}
.utility-one-look{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;margin:0 8px;border:1px solid #d7e3e9;border-bottom:0;border-radius:16px 16px 0 0;background:#d7e3e9}
.utility-one-look article{padding:11px 14px;background:#fff}.utility-one-look span,.utility-one-look strong{display:block}.utility-one-look span{color:#6a7f89;font-size:7px;font-weight:900;letter-spacing:.09em}.utility-one-look strong{margin-top:4px;color:#213b47;font-size:10px}.utility-one-look article:nth-child(2){background:#f8f6fc}.utility-one-look article:nth-child(2) span{color:#7657b1}.utility-one-look article:nth-child(3){background:#f3faf7}.utility-one-look article:nth-child(3) span{color:var(--ua-green)}

.utility-architecture-scene{position:relative;overflow:hidden;display:grid;gap:14px;padding:20px;border:1px solid #dce8ed;border-radius:22px;background:linear-gradient(145deg,#f8fbfd 0,#f1f6fa 52%,#eff9f5 100%)}
.utility-architecture-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(53,102,125,.04) 1px,transparent 1px),linear-gradient(rgba(53,102,125,.04) 1px,transparent 1px);background-size:35px 35px;pointer-events:none}
.utility-architecture-scene>*{position:relative;z-index:1}

.utility-layer{overflow:hidden;border:1px solid #cfdfe7;border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 17px 40px rgba(24,65,86,.08)}
.utility-layer>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid #dce7ec;background:linear-gradient(90deg,#f9fcfd,#fff)}
.utility-layer>header>span{color:var(--ua-blue);font-size:8px;font-weight:900;letter-spacing:.1em}
.utility-layer>header>strong{color:#19343f;font-size:14px}
.utility-layer>header>em{padding:5px 8px;border-radius:99px;background:#e9f1ff;color:#285fae;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
.utility-layer>p{margin:0;padding:11px 15px;border-top:1px solid #e0e9ed;color:#617782;font-size:9px;line-height:1.65}
.utility-layer>p b{color:#203a45}

/* Public utility: a payment reaches XRPL only after route comparison. */
.public-utility-flow{display:grid;grid-template-columns:minmax(145px,.72fr) 46px minmax(190px,1fr) 46px minmax(240px,1.22fr);gap:8px;align-items:center;padding:16px}
.utility-actor,.utility-router,.utility-pdex{position:relative;min-width:0;padding:13px;border:1px solid #cadde6;border-radius:15px;background:#fff;box-shadow:0 11px 24px rgba(24,67,88,.07)}
.utility-actor{display:grid;grid-template-columns:39px minmax(0,1fr);gap:1px 11px;align-items:center}
.utility-actor>i{grid-row:1/4;display:grid;place-items:center;width:39px;height:39px;border:1px solid #8ab8ca;border-radius:12px;background:linear-gradient(145deg,#f6fcff,#dff3f9);color:#257a98;font-size:15px;font-style:normal;font-weight:900;box-shadow:5px 6px 0 #dcebf1}
.utility-actor span,.utility-actor strong,.utility-actor small,.utility-router span,.utility-router strong,.utility-router small,.utility-pdex span,.utility-pdex strong,.utility-pdex small{display:block}
.utility-actor span{color:#71858f;font-size:8px;font-weight:900}.utility-actor strong{margin-top:2px;color:#173440;font-size:12px}.utility-actor small{margin-top:2px;color:#758892;font-size:8px}
.utility-flow-arrow{position:relative;height:3px;border-radius:4px;background:#91aeba}
.utility-flow-arrow::after{content:"";position:absolute;top:-4px;right:-1px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #7598a8}
.utility-flow-arrow i{position:absolute;top:-3px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ua-blue);box-shadow:0 0 11px rgba(23,92,255,.65);animation:uaMoveX 3.2s linear infinite}
.public-utility-flow>.utility-flow-arrow:nth-of-type(2) i{animation-delay:-1.6s}
.utility-router{border-color:#a9cde0;background:linear-gradient(145deg,#fff,#f0f8fb);text-align:center}
.utility-router span{color:var(--ua-cyan);font-size:8px;font-weight:900;letter-spacing:.11em}.utility-router strong{margin-top:5px;color:#183a48;font-size:12px}.utility-router>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:9px 0 6px}.utility-router b{padding:5px 2px;border:1px solid #cfdee5;border-radius:7px;background:#fff;color:#5b737f;font-size:7px}.utility-router b:last-child{border-color:#84b0eb;background:#edf4ff;color:var(--ua-blue)}.utility-router small{color:#6e838d;font-size:8px}
.utility-pdex{overflow:hidden;border-color:#83afe9;background:linear-gradient(145deg,#fff,#edf5ff)}
.utility-pdex::before{content:"";position:absolute;right:-30px;bottom:-52px;width:150px;height:150px;border:1px solid rgba(23,92,255,.11);border-radius:50%;box-shadow:0 0 0 20px rgba(23,92,255,.035),0 0 0 40px rgba(23,92,255,.018)}
.utility-pdex>*{position:relative;z-index:1}.utility-pdex span{color:var(--ua-blue);font-size:8px;font-weight:900;letter-spacing:.09em}.utility-pdex strong{margin-top:5px;color:#173c59;font-size:12px}.utility-pdex>div{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin:10px 0 6px}.utility-pdex b{padding:7px 6px;border:1px solid #c8d9e7;border-radius:9px;background:#fff;color:#4c6877;font-size:8px;text-align:center}.utility-pdex b.is-xrp{border-color:#70a2eb;background:#eaf2ff;color:var(--ua-blue);box-shadow:0 0 0 0 rgba(23,92,255,.18);animation:uaXrp 3.2s ease-in-out infinite}.utility-pdex div>i{color:#78909c;font-size:7px;font-style:normal;font-weight:900}.utility-pdex small{color:#657e8a;font-size:8px}

/* The bridge from useful to institutionally operable. */
.utility-eligibility{display:grid;grid-template-columns:minmax(100px,.7fr) 45px minmax(360px,2fr) 45px minmax(125px,.8fr);gap:9px;align-items:center;max-width:920px;width:84%;margin:0 auto;padding:11px 13px;border:1px solid #c6dbe4;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 12px 27px rgba(28,67,88,.07)}
.utility-eligibility>div{padding:8px 9px;border-radius:10px;background:#edf6fa;text-align:center}.utility-eligibility>div.is-eligible{background:#eaf7f2}
.utility-eligibility span,.utility-eligibility strong{display:block}.utility-eligibility span{color:#64818e;font-size:7px;font-weight:900;letter-spacing:.1em}.utility-eligibility strong{margin-top:3px;color:#183a47;font-size:11px}.utility-eligibility .is-eligible span{color:var(--ua-green)}.utility-eligibility .is-eligible strong{color:#086448}
.utility-eligibility>i{position:relative;height:2px;background:#9db5c0}.utility-eligibility>i::after{content:"";position:absolute;top:-4px;right:-1px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #7898a7}.utility-eligibility>i b{display:none}
.utility-eligibility ul{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:0;list-style:none}.utility-eligibility li{padding:7px 3px;border:1px solid #d4e1e6;border-radius:8px;background:#fff;color:#526c78;font-size:8px;font-weight:850;text-align:center}

/* Institutional control remains capable of operating outside the ledger. */
.utility-control>header>span{color:#7f5ec0}.utility-control>header>em{background:#f1ecfb;color:#7354ad}
.control-plane-scene{display:grid;grid-template-columns:1.1fr .7fr 1.1fr;gap:12px;align-items:stretch;padding:16px;background:linear-gradient(145deg,#fff,#f8f6fc)}
.venue-ring{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.venue-ring article,.control-functions article{position:relative;padding:10px;border:1px solid #d7dce6;border-radius:12px;background:#fff;box-shadow:0 9px 20px rgba(39,43,72,.055)}
.venue-ring b,.venue-ring small,.control-functions b,.control-functions small{display:block}.venue-ring b{color:#283b49;font-size:10px}.venue-ring small{margin-top:4px;color:#788590;font-size:7px}.venue-ring article::after{content:"";position:absolute;right:8px;bottom:8px;width:6px;height:6px;border-radius:50%;background:#7e62bc;box-shadow:0 0 9px rgba(126,98,188,.45);animation:uaPulse 2.8s ease-in-out infinite}.venue-ring .is-unconfirmed{border-style:dashed;background:#fbfafc}.venue-ring .is-unconfirmed::after{background:#c58b2e}.venue-ring .is-unconfirmed small{color:#96691f}
.prime-core{position:relative;overflow:hidden;display:grid;align-content:center;justify-items:center;min-height:140px;padding:14px;border:1px solid #a89acb;border-radius:18px;background:linear-gradient(145deg,#342c49,#171b2d);color:#fff;text-align:center;box-shadow:0 18px 34px rgba(33,27,54,.22)}
.prime-core::before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(190,173,238,.25);border-radius:50%;box-shadow:0 0 0 22px rgba(190,173,238,.06),0 0 0 44px rgba(190,173,238,.03);animation:uaOrbit 18s linear infinite}.prime-core span,.prime-core strong,.prime-core small,.prime-core>div{position:relative;z-index:1;display:block}.prime-core span{color:#bfb0e8;font-size:7px;font-weight:900;letter-spacing:.1em}.prime-core strong{margin-top:6px;font-size:13px}.prime-core>div{display:flex;gap:6px;margin:11px 0}.prime-core>div i{display:block;width:7px;height:7px;border-radius:50%;background:#7ca6ff;box-shadow:0 0 10px #7ca6ff;animation:uaPulse 2.5s infinite}.prime-core>div i:nth-child(2){animation-delay:-.8s}.prime-core>div i:nth-child(3){animation-delay:-1.6s}.prime-core small{color:rgba(255,255,255,.57);font-size:7px}
.control-functions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-functions article{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:1px 8px;align-items:center}.control-functions i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eee9f8;color:#7454ae;font-size:10px;font-style:normal;font-weight:900}.control-functions b{color:#2b3d49;font-size:9px}.control-functions small{color:#74838b;font-size:7px}

.utility-selection-gate{display:grid;grid-template-columns:auto minmax(0,1fr) 76px;gap:13px;align-items:center;width:88%;margin:0 auto;padding:10px 14px;border:1px solid #e0bc76;border-radius:14px;background:linear-gradient(90deg,#fffaf1,#fff);box-shadow:0 10px 24px rgba(135,91,23,.07)}
.utility-selection-gate span{color:#a66c11;font-size:7px;font-weight:900;letter-spacing:.11em}.utility-selection-gate strong{color:#634817;font-size:10px;line-height:1.45}.utility-selection-gate>i{position:relative;height:2px;background:#d5a650}.utility-selection-gate>i::after{content:"";position:absolute;top:-4px;right:-1px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #bd7a13}.utility-selection-gate>i b{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#d99524;box-shadow:0 0 10px rgba(217,149,36,.55);animation:uaMoveX 2.8s linear infinite}

.utility-shared-state>header>span{color:var(--ua-cyan)}.utility-shared-state>header>em{background:#e9f7fa;color:#197b96}
.shared-state-ports{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}
.shared-state-ports article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #c9dfe7;border-radius:14px;background:linear-gradient(145deg,#fff,#f3fafc)}
.shared-state-ports article>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8fbccc;border-radius:13px;background:#e9f7fa;color:#237f9c;font-size:15px;font-style:normal;font-weight:900;box-shadow:5px 6px 0 #dceef3}.shared-state-ports span,.shared-state-ports strong,.shared-state-ports small{display:block}.shared-state-ports span{color:var(--ua-cyan);font-size:7px;font-weight:900;letter-spacing:.1em}.shared-state-ports strong{margin-top:3px;color:#1e3c48;font-size:10px}.shared-state-ports small{margin-top:3px;color:#70858e;font-size:7px}

/* The inventory network is deliberately marked as hypothesis. */
.distributed-inventory{overflow:hidden;border:1px solid #9dcebc;border-radius:19px;background:linear-gradient(145deg,#f7fdfb,#fff);box-shadow:0 17px 40px rgba(14,95,69,.07)}
.distributed-inventory>header{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(180px,.65fr);gap:14px;align-items:center;padding:12px 15px;border-bottom:1px solid #cae2d9}.distributed-inventory>header span{color:var(--ua-green);font-size:8px;font-weight:900;letter-spacing:.1em}.distributed-inventory>header strong{color:#103e31;font-size:13px}.distributed-inventory>header small{color:#668177;font-size:8px;line-height:1.5;text-align:right}
.inventory-network{position:relative;display:grid;grid-template-columns:1fr 1.18fr 1fr;grid-template-rows:1fr 1fr;gap:12px 80px;align-items:center;min-height:280px;padding:22px 80px;background:radial-gradient(circle at center,rgba(22,151,108,.11),transparent 30%)}
.inventory-mm{position:relative;z-index:3;padding:12px;border:1px solid #b9d9cd;border-radius:13px;background:#fff;box-shadow:0 11px 24px rgba(12,96,69,.08)}.inventory-mm span,.inventory-mm strong,.inventory-mm small{display:block}.inventory-mm span{color:#4c7f6d;font-size:7px;font-weight:900;letter-spacing:.08em}.inventory-mm strong{margin-top:4px;color:#163e32;font-size:10px}.inventory-mm small{margin-top:3px;color:#718b82;font-size:7px}.mm-a{grid-column:1;grid-row:1}.mm-b{grid-column:3;grid-row:1}.mm-c{grid-column:1;grid-row:2}.mm-d{grid-column:3;grid-row:2}
.inventory-xrp-core{position:relative;z-index:4;grid-column:2;grid-row:1/3;display:grid;align-content:center;justify-items:center;width:180px;height:180px;justify-self:center;border:1px solid #4fa789;border-radius:50%;background:linear-gradient(145deg,#0d8d65,#07523f);color:#fff;text-align:center;box-shadow:0 22px 42px rgba(7,96,68,.25),inset 0 0 0 10px rgba(255,255,255,.05)}
.inventory-xrp-core::before,.inventory-xrp-core::after{content:"";position:absolute;border:1px solid rgba(21,139,99,.25);border-radius:50%;animation:uaOrbit 18s linear infinite}.inventory-xrp-core::before{inset:-17px}.inventory-xrp-core::after{inset:-34px;animation-direction:reverse;animation-duration:23s}.inventory-xrp-core>i{position:absolute;inset:-18px;border:2px dashed rgba(21,139,99,.35);border-radius:50%;animation:uaOrbit 14s linear infinite}.inventory-xrp-core span,.inventory-xrp-core strong,.inventory-xrp-core small{position:relative;z-index:2;display:block}.inventory-xrp-core span{color:#98e2c9;font-size:7px;font-weight:900;letter-spacing:.09em}.inventory-xrp-core strong{margin-top:6px;font-size:31px;letter-spacing:.02em}.inventory-xrp-core small{margin-top:4px;color:rgba(255,255,255,.64);font-size:8px}
.inventory-network-lines{position:absolute;z-index:1;inset:0;pointer-events:none}.inventory-network-lines i{position:absolute;left:50%;top:50%;width:30%;height:2px;transform-origin:left center;background:linear-gradient(90deg,#30a07a,#aacfc1)}.inventory-network-lines i::before{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#0b9b6f;box-shadow:0 0 10px rgba(11,155,111,.65);animation:uaLinePacket 3.7s linear infinite}.inventory-network-lines i:nth-child(1){transform:rotate(210deg)}.inventory-network-lines i:nth-child(2){transform:rotate(330deg)}.inventory-network-lines i:nth-child(3){transform:rotate(150deg)}.inventory-network-lines i:nth-child(4){transform:rotate(30deg)}.inventory-network-lines i:nth-child(2)::before{animation-delay:-.9s}.inventory-network-lines i:nth-child(3)::before{animation-delay:-1.8s}.inventory-network-lines i:nth-child(4)::before{animation-delay:-2.7s}
.distributed-inventory>p{margin:0;padding:11px 15px;border-top:1px solid #cce3da;color:#59776c;font-size:9px;line-height:1.65}.distributed-inventory>p b{color:#0c654a}

.utility-architecture-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;margin:0 8px;border:1px solid #d8e3e8;border-top:0;border-radius:0 0 17px 17px;background:#d8e3e8}
.utility-architecture-summary>div{padding:13px 15px;background:#fff}.utility-architecture-summary span,.utility-architecture-summary strong{display:block}.utility-architecture-summary span{color:var(--ua-blue);font-size:7px;font-weight:900;letter-spacing:.09em}.utility-architecture-summary>div:nth-child(2) span{color:var(--ua-amber)}.utility-architecture-summary strong{margin-top:4px;color:#2d4651;font-size:9px;line-height:1.55}
.utility-architecture-route-lead{grid-column:1/-1;margin:0;padding:13px 15px;background:#f8fbff;color:#455d69;font-size:10px;font-weight:700;line-height:1.7}
.utility-architecture-summary>a{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:10px 15px;background:#f5f8fa;color:#245fae;font-size:9px;font-weight:850;text-align:right;text-decoration:none}.utility-architecture-summary>a:hover{text-decoration:underline}
.utility-architecture-summary>a+a{border-top:1px solid #d8e3e8;background:#fff;color:#647483;font-size:8px}

@keyframes uaMoveX{0%{left:0;opacity:0}15%,82%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes uaPulse{0%,100%{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.14)}}
@keyframes uaXrp{0%,100%{box-shadow:0 0 0 0 rgba(23,92,255,.20)}50%{box-shadow:0 0 0 6px rgba(23,92,255,0)}}
@keyframes uaOrbit{to{transform:rotate(360deg)}}
@keyframes uaLinePacket{0%{left:0;opacity:0}14%,85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}

@media(max-width:900px){
  .public-utility-flow{grid-template-columns:1fr 34px 1.05fr 34px 1.2fr}
  .utility-eligibility{width:96%;grid-template-columns:minmax(80px,.65fr) 30px minmax(260px,2fr) 30px minmax(100px,.8fr)}
  .control-plane-scene{grid-template-columns:1fr .85fr 1fr}
  .inventory-network{gap:12px 55px;padding-inline:55px}
}

@media(max-width:760px){
  .utility-architecture{margin:27px -5px 29px;padding:11px;border-radius:22px;box-shadow:0 20px 52px rgba(22,61,82,.11)}
  .utility-architecture-head{display:block;padding:4px 3px 13px}.utility-architecture-head span{font-size:8px;letter-spacing:.12em}.utility-architecture-head strong{margin-top:6px;font-size:16px;line-height:1.45}.utility-architecture-head>small{display:block;max-width:none;margin-top:7px;font-size:9px;line-height:1.55;text-align:left}
  .utility-one-look{grid-template-columns:1fr;margin-inline:4px}.utility-one-look article{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:center;padding:8px 10px}.utility-one-look span{font-size:8px}.utility-one-look strong{margin:0;font-size:9px}
  .utility-architecture-scene{gap:10px;padding:8px;border-radius:16px;background-size:auto}
  .utility-layer{border-radius:15px}.utility-layer>header{grid-template-columns:1fr auto;gap:4px 8px;padding:10px 11px}.utility-layer>header>span{grid-column:1/-1;font-size:8px}.utility-layer>header>strong{font-size:12px}.utility-layer>header>em{padding:4px 7px;font-size:8px}.utility-layer>p{padding:9px 11px;font-size:9px;line-height:1.55}

  .public-utility-flow{grid-template-columns:1fr;gap:0;padding:10px}.utility-actor,.utility-router,.utility-pdex{padding:11px;border-radius:13px}.utility-actor{grid-template-columns:36px 1fr}.utility-actor>i{width:36px;height:36px}.utility-actor span,.utility-router span,.utility-pdex span{font-size:8px}.utility-actor strong,.utility-router strong,.utility-pdex strong{font-size:11px}.utility-actor small,.utility-router small,.utility-pdex small{font-size:8px}.utility-flow-arrow{justify-self:center;width:2px;height:24px;background:#91aeba}.utility-flow-arrow::after{top:auto;right:auto;bottom:-1px;left:-4px;border-top:7px solid #7598a8;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.utility-flow-arrow i{top:0;left:-3px;animation:uaMoveY 2.7s linear infinite}.utility-router>div{margin-block:8px 5px}.utility-router b{font-size:8px}.utility-pdex>div{margin-block:8px 5px}.utility-pdex b{font-size:8px}

  .utility-eligibility{grid-template-columns:1fr 24px 1fr;width:100%;padding:9px;gap:6px}.utility-eligibility>div{padding:7px}.utility-eligibility>div:first-child{grid-column:1}.utility-eligibility>i:first-of-type{grid-column:2}.utility-eligibility ul{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr}.utility-eligibility>i:nth-of-type(2){display:none}.utility-eligibility>div.is-eligible{grid-column:3;grid-row:1}.utility-eligibility span{font-size:7px}.utility-eligibility strong{font-size:10px}.utility-eligibility li{padding:6px 2px;font-size:8px}

  .control-plane-scene{grid-template-columns:1fr;gap:8px;padding:10px}.venue-ring{order:2}.prime-core{order:1;min-height:122px}.control-functions{order:3}.venue-ring b{font-size:9px}.venue-ring small,.control-functions small{font-size:8px}.control-functions b{font-size:9px}
  .utility-selection-gate{grid-template-columns:1fr;gap:3px;width:100%;padding:9px 11px}.utility-selection-gate span{font-size:8px}.utility-selection-gate strong{font-size:9px}.utility-selection-gate>i{justify-self:center;width:2px;height:22px;margin-top:4px}.utility-selection-gate>i::after{top:auto;right:auto;bottom:-1px;left:-4px;border-top:7px solid #bd7a13;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.utility-selection-gate>i b{top:0;left:-3px;animation:uaMoveY 2.8s linear infinite}
  .shared-state-ports{grid-template-columns:1fr;gap:6px;padding:10px}.shared-state-ports article{grid-template-columns:36px 1fr;padding:9px}.shared-state-ports article>i{width:36px;height:36px;border-radius:10px}.shared-state-ports span{font-size:8px}.shared-state-ports strong{font-size:10px}.shared-state-ports small{font-size:8px}

  .distributed-inventory{border-radius:15px}.distributed-inventory>header{grid-template-columns:1fr;gap:4px;padding:10px 11px}.distributed-inventory>header span{font-size:8px}.distributed-inventory>header strong{font-size:11px;line-height:1.45}.distributed-inventory>header small{font-size:8px;text-align:left}.inventory-network{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:8px;min-height:0;padding:17px 10px;background:radial-gradient(circle at 50% 31%,rgba(22,151,108,.13),transparent 22%)}.inventory-xrp-core{grid-column:1/-1;grid-row:1;width:138px;height:138px;margin:8px 0 12px}.inventory-xrp-core strong{font-size:26px}.inventory-xrp-core::after{inset:-26px}.inventory-mm{padding:9px}.inventory-mm span{font-size:8px}.inventory-mm strong{font-size:9px}.inventory-mm small{font-size:8px}.mm-a{grid-column:1;grid-row:2}.mm-b{grid-column:2;grid-row:2}.mm-c{grid-column:1;grid-row:3}.mm-d{grid-column:2;grid-row:3}.inventory-network-lines{display:none}.distributed-inventory>p{padding:9px 11px;font-size:9px}

  .utility-architecture-summary{grid-template-columns:1fr;margin-inline:4px}.utility-architecture-summary>div{padding:10px 11px}.utility-architecture-summary span{font-size:8px}.utility-architecture-summary strong{font-size:9px}.utility-architecture-route-lead{grid-column:1;padding:11px;font-size:9.5px;line-height:1.65}.utility-architecture-summary>a{grid-column:1;justify-content:flex-start;padding:9px 11px;font-size:9px;text-align:left}

  .roadmap-current-track{grid-template-columns:1fr;grid-template-rows:auto 24px auto 24px auto;padding:12px 14px}
  .roadmap-current-track article{min-height:0;padding:13px 14px}
  .roadmap-current-track article:nth-of-type(1){grid-column:1;grid-row:1}
  .roadmap-current-track>i:nth-of-type(1){grid-column:1;grid-row:2;justify-self:center;width:1px;height:24px;background:linear-gradient(var(--line-strong),var(--blue))}
  .roadmap-current-track article:nth-of-type(2){grid-column:1;grid-row:3}
  .roadmap-current-track>i:nth-of-type(2){grid-column:1;grid-row:4;justify-self:center;width:1px;height:24px;background:linear-gradient(var(--line-strong),var(--blue))}
  .roadmap-current-track article:nth-of-type(3){grid-column:1;grid-row:5;min-height:0}
  .roadmap-current-track>i:nth-of-type(1)::after,.roadmap-current-track>i:nth-of-type(2)::after{content:"⌄";top:auto;right:auto;bottom:-4px;left:50%;transform:translateX(-50%)}
  .roadmap-current-track>i:nth-of-type(1) b,.roadmap-current-track>i:nth-of-type(2) b{top:0;left:-3px;animation-name:agentDotVertical}
}

@media(max-width:380px){
  .utility-architecture{margin-inline:-7px;padding:8px}.utility-architecture-scene{padding:6px}.utility-router>div{grid-template-columns:1fr 1fr}.utility-pdex>div{grid-template-columns:1fr}.utility-pdex div>i{display:none}.utility-eligibility li{font-size:6.5px}.venue-ring article,.control-functions article{padding:8px}.inventory-xrp-core{width:126px;height:126px}.inventory-xrp-core::after{inset:-22px}
}

@keyframes uaMoveY{0%{top:0;opacity:0}15%,82%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}

@media(prefers-reduced-motion:reduce){
  .utility-architecture *,.utility-architecture *::before,.utility-architecture *::after{animation:none!important}
}