/* css/elo-on-solana.css — elo-on-solana.html's own rules: the same shapes as
   the fine print's (css/diligence.css), so the two pages read as one. Colours
   are store tokens; the CSP refuses inline style. */
#main > h2, #main > section > h2{font-family:var(--sg);font-weight:700;
  font-size:clamp(1.35rem,2.2vw,1.75rem);letter-spacing:-.03em;line-height:1.15;
  color:#fff;margin:var(--band,56px) 0 14px}
/* the launch and the buys are numbered lists in a card, at a reading measure */
.dg-fine{margin:8px 0 0;padding:18px 20px 10px 2.4em;max-width:78ch;
  border:1px solid #2c362d;border-radius:var(--r-card,4px);background:#111611}
.dg-fine li{margin:0 0 10px;font-size:.95rem;line-height:1.55}
.dg-fine li::marker{color:var(--lime,#b8ff38);font-weight:700}
#main > .note{max-width:78ch}
/* the doors are the site's outline buttons, at the tap floor */
.dg-doors{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}
.dg-doors a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  border:1px solid #536052;border-radius:var(--r);background:rgba(10,12,10,.48);
  color:#fff;font-family:var(--sg);font-weight:700;font-size:.86rem;text-decoration:none}
.dg-doors a:hover{border-color:var(--lime,#b8ff38)}
#main .compare code{overflow-wrap:anywhere;word-break:break-all}
/* where the 15% goes: dev → splitter → the wallets, left to right; stacked
   top to bottom on a phone, the arrows turning with it */
.sol-flow{display:flex;align-items:center;gap:0;margin:8px 0 18px;max-width:78ch}
.sol-node,.sol-wallets{border:1px solid #2c362d;border-radius:var(--r-card,4px);background:#111611;
  padding:12px 14px;min-width:0}
.sol-node{flex:0 1 11rem;display:flex;flex-direction:column;gap:2px}
.sol-node b,.sol-wallets b{font-family:var(--sg);font-weight:700;color:#fff}
.sol-node .num{font-family:var(--sg);font-weight:700;font-size:1.5rem;color:var(--lime,#b8ff38);line-height:1.1}
.sol-node small{color:var(--store-muted,#a0aa95);font-size:.8rem;line-height:1.35}
.sol-arrow{flex:0 0 3.2rem;align-self:center;position:relative;height:2px;background:#536052;margin:0 4px}
.sol-arrow::after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;
  border-left-color:#536052;border-right:0}
.sol-arrow span{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:.78rem;
  color:var(--store-muted,#a0aa95);white-space:nowrap}
.sol-wallets{flex:1 1 13rem;list-style:none;margin:0;display:flex;flex-direction:column;gap:8px}
.sol-wallets li{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}
.sol-wallets .num{color:var(--lime,#b8ff38);white-space:nowrap}
@media (max-width:600px){
  .sol-flow{flex-direction:column;align-items:stretch}
  .sol-node,.sol-wallets{flex:none}
  .sol-arrow{flex:none;width:2px;height:2.4rem;margin:4px auto}
  .sol-arrow::after{right:auto;left:-5px;top:auto;bottom:-1px;border:6px solid transparent;
    border-top-color:#536052;border-bottom:0}
  .sol-arrow span{left:12px;bottom:auto;top:50%;transform:translateY(-50%)}
}