/* Enroll page (also reused by claim.html). Sits on top of burn.css. */
[hidden]{display:none!important}
.tool{max-width:900px}
.tool .lede{max-width:44rem}
.tool-card{margin:0 0 20px;padding:26px 22px 28px}
.tool-card h2{font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.03em;margin:0 0 12px;line-height:1.1}
.tool-card>p{color:#e2d8cf;max-width:44rem;margin:0 0 18px}
.tool-card .eyebrow{margin-bottom:12px}
.tool-card h3{font-size:1.05rem;letter-spacing:-.01em;margin:0 0 6px}
.tool-card code{font-size:.82em}

/* buttons the logic scripts expect */
.btn-conic-glow{display:inline-block}
.btn-submit,.btn-plain{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:600 1rem var(--body);text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s}
.btn-submit{background:linear-gradient(135deg,#ff3a00,#ff9a1f 60%,#ffd27a);color:#1a0800;box-shadow:0 8px 30px -8px rgba(255,106,26,.7)}
.btn-submit:hover{box-shadow:0 0 0 6px rgba(255,106,26,.16),0 12px 40px -6px rgba(255,106,26,.9);transform:translateY(-1px)}
.btn-plain{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.22);color:var(--text)}
.btn-plain:hover{border-color:var(--amber);background:rgba(255,176,58,.1)}
.btn-submit[disabled],.btn-plain[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}
.btn-submit svg,.btn-plain svg{flex:0 0 auto}
.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}
.row-actions .note{margin:0}

/* notes (class is set by the scripts: good / caution / bad) */
.note.good{color:var(--pass)}
.note.caution{color:var(--amber)}
.note.bad{color:var(--fail)}
.tool-card .note{max-width:none;margin:0 0 14px}
.tool-card .note:empty{display:none}
pre.note{white-space:pre-wrap;overflow-wrap:anywhere;font:500 .85rem/1.55 var(--mono);background:rgba(10,6,4,.8);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px}
pre.note:empty{display:none}
.warn{border:1px solid rgba(255,106,26,.45);border-left-width:4px;border-radius:14px;padding:16px 18px;margin:18px 0;background:rgba(255,106,26,.07);color:#f1e3d6}
.gatekeep-badge{display:inline-block;font:600 .72rem var(--mono);letter-spacing:.14em;color:var(--amber);margin-bottom:6px}

/* hero + stepper */
.enroll-hero{margin-bottom:28px}
.enroll-hero .eyebrow{display:flex;gap:10px;align-items:center}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember);flex:0 0 auto}
.fx .pulse-dot{animation:pdot 1.8s ease-in-out infinite}
@keyframes pdot{50%{opacity:.35}}
.enroll-stepper{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 14px}
.enroll-stepper a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font:600 .8rem var(--mono);letter-spacing:.06em;color:var(--ash);background:rgba(255,255,255,.03);transition:border-color .2s,color .2s,background .2s}
.enroll-stepper a:hover{border-color:var(--amber);color:var(--text);background:rgba(255,176,58,.08)}
.enroll-stepper a span{font:600 .82rem var(--body);letter-spacing:0;color:var(--text)}
.enroll-prereqs{color:var(--ash);font-size:.95rem;margin:0 0 26px;max-width:44rem}
.enroll-prereqs a{color:var(--amber)}

/* identify input */
.input-with-action{display:flex;flex-wrap:wrap;gap:10px}
.input-with-action input{flex:1 1 260px;min-width:0}

/* split */
.split-explainer{display:grid;gap:12px;margin:0 0 20px}
.split-explainer>div{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.03)}
.split-explainer p{margin:0;color:#e2d8cf;font-size:.95rem}
#shares{display:grid;gap:12px;margin:12px 0}
.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.03)}
.share-row.locked{border-color:var(--line-hot);background:linear-gradient(135deg,rgba(255,106,26,.14),rgba(255,255,255,.02))}
.share-row.locked strong{font-family:var(--disp)}
.share-fixed{font:600 .9rem var(--mono);color:var(--amber)}
.share-what{flex:1 1 100%;font-size:.85rem;color:var(--ash)}
.share-addr{flex:1 1 240px;min-width:0}
.share-bps{flex:0 1 110px;width:110px}
.share-unit{font-size:.85rem;color:var(--ash)}
.burn-badge{font:600 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--line-hot);border-radius:999px;padding:4px 10px;background:rgba(255,176,58,.08)}
.rm{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ash);font:600 .85rem var(--body);cursor:pointer}
.rm:hover{border-color:var(--fail);color:var(--fail)}
.total-line{margin-left:auto;font:600 .95rem var(--mono);color:var(--text)}
#total{color:var(--amber)}
#total.ok{color:var(--pass)}
#total.bad{color:var(--fail)}

/* signature touch: fill bar that ignites when the split totals 100.00% */
.fillbar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:14px 0 4px;border:1px solid var(--line)}
.fillbar i{display:block;height:100%;width:var(--fill,100%);max-width:100%;border-radius:999px;background:linear-gradient(90deg,#ff3a00,#ff9a1f,#ffd27a);transition:width .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,filter .4s}
.fillbar.full i{box-shadow:0 0 18px 2px rgba(255,150,40,.85);filter:saturate(1.25)}
.fillbar.over i{background:var(--fail);box-shadow:0 0 14px rgba(255,107,74,.7)}
.fillbar-cap{font:500 .75rem var(--mono);color:var(--ash);letter-spacing:.06em}

/* tx timeline + approval ring */
.tx-timeline{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}
.tx-timeline li{border-left:2px solid var(--line);padding-left:14px;font-size:.95rem;color:var(--ash)}
.tx-timeline a{display:block;margin-top:4px;color:var(--amber)}
.tx-timeline [data-state=active]{color:var(--text);border-color:var(--ember)}
.tx-timeline [data-state=done]{color:var(--pass);border-color:var(--pass)}
.tx-timeline [data-state=bad]{color:var(--fail);border-color:var(--fail)}
.approval-ring{width:24px;height:24px;position:relative;display:inline-block;flex:0 0 24px}
.approval-ring i,.approval-ring b{position:absolute;inset:1px;border:2px solid currentColor;border-radius:50%}
.approval-ring i:first-child{clip-path:inset(0 50% 0 0)}
.approval-ring i:nth-child(2){clip-path:inset(0 0 0 50%);opacity:.25}
.approval-ring[data-step="2"] i:nth-child(2){opacity:1}
.approval-ring b{opacity:0;border-color:transparent;border-top-color:currentColor}
.approval-ring[data-waiting=true] b{opacity:1}
.fx .approval-ring[data-waiting=true] b{animation:aw 1s linear infinite}
@keyframes aw{to{transform:rotate(360deg)}}
#doneBox{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
#doneBox p{margin:0 0 10px}

/* details */
.enroll-chain{border:1px solid var(--line-hot);border-radius:18px;background:var(--panel);padding:0;margin:0 0 20px}
.enroll-chain summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:0 22px;font:700 1.05rem var(--disp);list-style:none}
.enroll-chain summary::-webkit-details-marker{display:none}
.enroll-chain summary::after{content:"+";margin-left:auto;color:var(--amber);font-size:1.4rem}
.enroll-chain[open] summary::after{content:"\2212"}
.chain-columns{display:grid;gap:14px;padding:0 22px 22px}
.chain-columns h3{font-size:1rem;margin-bottom:4px}
.chain-columns p{margin:0;color:#e2d8cf;font-size:.95rem}
.spec{margin:0 0 20px}
.spec h2{font-size:1.4rem;margin:0 0 14px;letter-spacing:-.02em}
.spec td:first-child{font-weight:600;color:var(--amber)}

/* claim bits */
.claim-figs{display:grid;gap:12px;margin:0 0 20px}
.claim-fig{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.03)}
.claim-fig dt{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ash);margin:0 0 6px}
.claim-fig dd{margin:0;font:600 1.05rem var(--body);overflow-wrap:anywhere}
.claim-fig dd.addr{font:500 .9rem var(--mono);color:var(--hot)}
.claim-fig:first-child{border-color:var(--line-hot);background:linear-gradient(135deg,rgba(255,106,26,.14),rgba(255,255,255,.02))}
.claim-fig:first-child dd{font:700 clamp(2rem,6vw,3rem)/1.05 var(--disp);letter-spacing:-.03em;color:var(--hot);text-shadow:0 0 24px rgba(255,106,26,.55)}
.claim-fig:first-child small{font:500 .9rem var(--mono);color:var(--amber);letter-spacing:.1em}
.fx .claim-fig:first-child dd{animation:flick 3.2s ease-in-out infinite}
.signout{margin:6px 0 0;font-size:.95rem}
.signout a{color:var(--ash)}
.chip-status{display:inline-flex;align-items:center;gap:8px;font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--line-hot);border-radius:999px;padding:6px 12px;background:rgba(255,176,58,.08);margin-top:14px}

@media (min-width:820px){
  .tool-card{padding:34px 36px 36px}
  .enroll-stepper{grid-template-columns:repeat(4,1fr)}
  .split-explainer,.chain-columns,.claim-figs{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .total-line{margin-left:0;flex:1 1 100%}
  .btn-conic-glow,.btn-conic-glow .btn-submit{width:100%}
}

/* headline spacing for tool pages */
.tool h1.big{font-size:clamp(2.2rem,6vw,4.6rem);max-width:none;margin:0 0 22px}
.tool h1.big .line{padding-bottom:.04em}