/* rules.css — #/rules (page-rules.js): sticky contents, the 03-rules.md sections, chain-value marks, worked examples, fee / route
 * tables, risk blocks and the address list. Loaded by page-rules.js (link[data-page-css]) when the shell does not link it. */

.rp-top{padding-bottom:22px}
.rp-legend{margin-top:16px;max-width:62em;font-size:12.5px;line-height:1.7;color:var(--text-3)}
.rp-legend .cv{margin-right:4px}
.rp-wrap{padding-top:8px}
.rp-grid{display:grid;grid-template-columns:214px minmax(0,1fr);gap:56px;align-items:start}
.rp-main{min-width:0;max-width:880px}

/* contents (sidebar on desktop, chip bar on narrow screens) */
.rp-toc{position:sticky;top:calc(var(--hdr) + 24px);max-height:calc(100vh - var(--hdr) - 48px);overflow:auto;scrollbar-width:thin;padding-bottom:8px}
.rp-toc-h{margin:0 0 10px 10px;font-size:12px;color:var(--text-3)}
.rp-toc ol{display:grid;gap:1px}
.rp-toc a{display:flex;align-items:baseline;gap:10px;padding:6px 10px;border-radius:6px;font-size:13px;line-height:1.45;color:var(--text-2);transition:color .15s,background-color .15s}
.rp-toc a:hover{color:var(--text);background:rgba(255,255,255,.03)}
.rp-toc a .n{flex:none;width:18px;font:500 11px/1 var(--mono);color:var(--text-4)}
.rp-toc a.on{color:var(--text);background:rgba(255,255,255,.04);box-shadow:inset 2px 0 0 var(--gold)}
.rp-toc a.on .n{color:var(--gold)}

/* sections */
.rp-steps-h,.rp-h{display:flex;align-items:baseline;gap:12px}
.rp-steps-h{margin-bottom:16px}
.rp-no{flex:none;font:500 12px/1 var(--mono);color:var(--gold)}
.rp-steps-h h2,.rp-h h2{font:600 22px/1.3 var(--sans);letter-spacing:-.01em}
.rp-steps{margin-bottom:8px}
.rp-sec{padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}
.rp-sec:first-of-type{margin-top:40px}
.rp-a{margin-left:auto;padding:2px 6px;border-radius:4px;font:500 13px/1 var(--mono);color:var(--text-4);opacity:.6;transition:color .15s,opacity .15s}
.rp-h:hover .rp-a,.rp-a:focus-visible{opacity:1;color:var(--gold)}
.rp-body{margin-top:16px}
.rp-p{margin:12px 0 0;font-size:14.5px;line-height:1.85;color:var(--text-2);max-width:46em}
.rp-p:first-child{margin-top:0}
.rl{display:grid;gap:10px;margin-top:12px}
.rl:first-child{margin-top:0}
.rl>li{position:relative;padding-left:17px;font-size:14.5px;line-height:1.85;color:var(--text-2)}
.rl>li::before{content:"";position:absolute;left:2px;top:.78em;width:5px;height:5px;background:var(--text-4)}
.rl2{display:grid;gap:7px;margin-top:8px}
.rl2>li{position:relative;padding-left:16px;font-size:14px;line-height:1.8;color:var(--text-2)}
.rl2>li::before{content:"";position:absolute;left:1px;top:.86em;width:7px;height:1px;background:var(--text-4)}
.rp-body b{color:var(--text);font-weight:600}
.rp-body code{padding:1px 6px;border:1px solid var(--line);border-radius:4px;background:var(--code);font:400 12.5px/1.7 var(--mono);color:var(--text-2);overflow-wrap:anywhere}

/* values from the chain (dotted gold), contract constants before launch (dotted grey), launch parameters not known yet */
.cv{color:var(--text);border-bottom:1px dotted var(--gold-dim);padding-bottom:1px;font-variant-numeric:tabular-nums;cursor:help}
.cv.const{border-bottom-color:var(--text-3)}
.cv.pend{color:var(--text-3);border-bottom:1px dashed var(--line-3)}
.rp-body b .cv{font-weight:600}
.cv-a{color:var(--text);border-bottom:1px dotted var(--gold-dim);font-size:.92em}
.cv-a:hover{color:var(--gold)}

/* worked examples */
.rp-ex{margin-top:20px;overflow:hidden}
.rp-ex .ph .r{white-space:nowrap}
.rp-pr .pb{display:grid;gap:14px}
.rp-pr-in{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-end}
.rp-pr-in>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.rp-pr-in small{font-size:12px;color:var(--text-3)}
.rp-pr-in b{font-size:15px;font-weight:500;color:var(--text)}
.rp-pr-in .grow b{color:var(--gold)}
.rp-range{width:100%;margin:0;accent-color:var(--gold);cursor:pointer;height:22px}
.rp-pr-bar{position:relative;display:flex;gap:2px;height:10px}
.rp-pr-bar i{display:block;min-width:0;border-radius:2px;flex-basis:0;transition:flex-grow .3s var(--ease)}
.rp-pr-bar .f{background:var(--gold)}
.rp-pr-bar .b{background:repeating-linear-gradient(-45deg,rgba(244,183,40,.6) 0 2px,rgba(244,183,40,.18) 2px 4px)}
.rp-pr-bar .o{background:rgba(255,255,255,.07)}
.rp-pr-mark{position:absolute;top:-5px;bottom:-5px;width:1px;background:var(--text-2);transform:translateX(-1px)}
.rp-pr-k{grid-template-columns:repeat(4,minmax(0,1fr))}
.rp-pr-k b{font-size:17px}
.rp-pr-under{font-size:13px;line-height:1.7;color:var(--text-2)}
.rp-cs-svg{display:block;width:100%;height:auto;max-height:170px}
.rp-cs-svg .ax{font:500 11px var(--mono);fill:var(--text-3)}
.rp-cs-svg .ax.s{font:400 11.5px var(--sans)}
.rp-pr .u{font-family:var(--sans);font-size:.84em;font-weight:500;color:var(--text-2);margin-left:3px}
.rp-pr .u:first-child{margin:0 3px 0 0}
.rp-pr-in b .mono{font-weight:500}

/* tables */
.rp-tab{width:100%;border-collapse:collapse}
.rp-tab th,.rp-tab td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.rp-tab thead th{border-top:0;padding-top:12px;padding-bottom:10px;font:400 12px/1.3 var(--sans);color:var(--text-3);white-space:nowrap}
.rp-tab tbody th{width:150px;font:400 12.5px/1.6 var(--sans);color:var(--text-3)}
.rp-tab td{font-size:13px;line-height:1.65;color:var(--text-2);font-variant-numeric:tabular-nums}
.rp-tab td.amt{color:var(--text);white-space:nowrap}
.rp-rt td{width:calc((100% - 150px) / 2)}

/* risks */
.rp-risk{display:grid;gap:12px}
.rp-rk,.rp-risk,.rp-body,.rl>li,.rl2>li{min-width:0}
.rp-p,.rl>li,.rl2>li,.rp-rk p{overflow-wrap:anywhere}
.rp-rk{padding:14px 18px 15px;border:1px solid var(--line);border-left:2px solid var(--line-3);border-radius:0 8px 8px 0;background:var(--panel)}
.rp-rk h3{font:600 14px/1.4 var(--sans);color:var(--text)}
.rp-rk p{margin-top:6px;font-size:14px;line-height:1.8;color:var(--text-2)}

/* addresses */
.rp-ad{margin-top:16px;overflow:hidden}
.rp-ad-g{padding:14px 18px 8px;font-size:12px;color:var(--text-3);border-top:1px solid var(--line)}
.rp-ad-g:first-child{border-top:0}
.rp-ad-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;align-items:center;gap:12px 18px;min-height:52px;padding:9px 18px;border-top:1px solid var(--line)}
.rp-ad-g+.rp-ad-row{border-top:1px solid rgba(255,255,255,.04)}
.rp-ad-l{font-size:13px;color:var(--text-2);line-height:1.45}
.rp-ad-v{min-width:0;font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-ad-v .short{display:none}
.rp-ad-x{display:flex;gap:8px;justify-content:flex-end}
.rp-ad-x .copy svg{flex:none}
.rp-ad-row.pre .rp-ad-x{display:none}
.rp-ad-row .pend-v{justify-self:start}

@media (max-width:1240px){
  .rp-grid{grid-template-columns:190px minmax(0,1fr);gap:40px}
  .rp-ad-v .full{display:none}
  .rp-ad-v .short{display:inline}
}
@media (max-width:1100px){
  .rp-grid{display:block}
  .rp-toc{position:sticky;top:var(--hdr);z-index:6;max-height:none;overflow:visible;margin:0 calc(var(--gut) * -1);padding:10px 0;
    background:rgba(7,8,10,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .rp-toc-h{display:none}
  .rp-toc ol{display:flex;gap:6px;overflow-x:auto;padding:0 var(--gut);scrollbar-width:none}
  .rp-toc ol::-webkit-scrollbar{display:none}
  .rp-toc li{flex:none}
  .rp-toc a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;white-space:nowrap;background:var(--bg-2)}
  .rp-toc a.on{box-shadow:none;border-color:var(--g30);background:var(--g06)}
  .rp-toc a .n{width:auto}
  .rp-main{max-width:none;padding-top:28px}
}
@media (max-width:760px){
  .rp-top{padding-bottom:16px}
  .rp-legend{font-size:12px}
  .rp-steps-h h2,.rp-h h2{font-size:19px}
  .rp-sec{padding-top:30px;margin-top:30px}
  .rp-p,.rl>li{font-size:14px;line-height:1.8}
  .rl2>li{font-size:13.5px}
  .rp-pr-in{gap:10px 20px}
  .rp-pr-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-pr-k>div:nth-child(3){border-left:0}
  .rp-pr-k>div:nth-child(n+3){border-top:1px solid var(--line)}
  .rp-tab thead{display:none}
  .rp-tab,.rp-tab tbody,.rp-tab tr,.rp-tab th,.rp-tab td{display:block;width:auto}
  .rp-tab tr{padding:12px 16px;border-top:1px solid var(--line)}
  .rp-tab tbody tr:first-child{border-top:0}
  .rp-tab th,.rp-tab td{padding:0;border:0}
  .rp-tab tbody th{width:auto;margin-bottom:6px;color:var(--text);font-weight:500;font-size:13px}
  .rp-tab td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:4px 0 0;font-size:12.5px}
  .rp-tab td::before{content:attr(data-l);font-size:11.5px;color:var(--text-3);line-height:1.65}
  .rp-tab td.amt{white-space:normal}
  .rp-rt td{width:auto}
  .rp-rk{padding:12px 14px 13px}
  .rp-rk p{font-size:13.5px}
  .rp-ad-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l x" "v x";gap:4px 12px;padding:10px 16px}
  .rp-ad-l{grid-area:l;font-size:12.5px}
  .rp-ad-v{grid-area:v}
  .rp-ad-x{grid-area:x;flex-direction:column;align-items:flex-end;gap:6px}
  .rp-ad-row.pre{grid-template-areas:"l" "v";grid-template-columns:minmax(0,1fr)}
  .rp-ad-row.pre .rp-ad-v{justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  .rp-pr-bar i{transition:none}
}