/* v11: bring your own stack. Layered on v10.css */
.byo-hd{text-align:center;margin-left:auto;margin-right:auto}
.byo-hd .lede,.byo-hd .h2{margin-left:auto;margin-right:auto}
.byo{display:grid;grid-template-columns:minmax(0,1.25fr) 72px minmax(0,1fr);align-items:center;margin-top:48px}
.byo-t{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut3);margin-bottom:14px}
.byo-l{border:.5px solid var(--line2);border-radius:18px;background:var(--bg2);padding:22px 22px 10px}
.byo-r{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:baseline;padding:13px 0;border-top:.5px solid var(--line)}
.byo-k{font-size:14px;font-weight:600;color:var(--tx)}
.byo-v{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.6;color:var(--mut)}
.byo-w{position:absolute;right:-26.5px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#0C0C0E;border:1px solid var(--line3)}
.byo-m{position:relative;height:100%;min-height:200px}
.byo-m::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,var(--line3),rgba(245,165,36,.7))}
.byo-m span{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px rgba(245,165,36,.8);animation:byoFlow 2.4s linear infinite;opacity:0}
.byo-m span:nth-child(2){animation-delay:.8s}.byo-m span:nth-child(3){animation-delay:1.6s}
@keyframes byoFlow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.byo-c{border:.5px solid rgba(245,165,36,.45);border-radius:18px;padding:24px 24px 20px;background:radial-gradient(90% 70% at 0% 50%,rgba(245,165,36,.09),transparent 70%),var(--bg2);box-shadow:0 24px 60px -30px rgba(245,165,36,.3)}
.byo-logo{height:16px;display:block}
.byo-c ul{list-style:none;margin:0;padding:0}
.byo-c li{padding:13px 0;border-top:.5px solid var(--line)}
.byo-c li b{display:block;font-size:15px;font-weight:600;color:var(--tx)}
.byo-c li span{display:block;font-size:13.5px;line-height:1.55;color:var(--mut);margin-top:3px}
.byo-f{margin:10px 0 0;padding-top:14px;border-top:.5px dashed var(--line2);font-size:12.5px;color:var(--mut2)}
.byo-tm{margin:22px 0 0;text-align:center;font-size:11.5px;color:var(--mut3)}
@media (max-width:980px){
  .byo{grid-template-columns:minmax(0,1fr)}
  .byo-m{min-height:56px;height:56px}
  .byo-m::before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,var(--line3),rgba(245,165,36,.7))}
  .byo-m span{left:50%;margin-left:-3px;top:0;margin-top:0;animation-name:byoFlowV}
  .byo-w{display:none}
}
@keyframes byoFlowV{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}
@media (max-width:600px){
  .byo-l{padding:18px 16px 6px}
  .byo-r{grid-template-columns:minmax(0,1fr);gap:4px}
  .byo-c{padding:20px 18px 16px}
  .byo-hd{text-align:left}
  .byo-tm{text-align:left}
}
@media (prefers-reduced-motion:reduce){.byo-m span{animation:none;opacity:0}}
@media (max-width:600px){.byo-hd .lede,.byo-hd .h2{margin-left:0}}