.chain-page .chain-intro {max-width:780px;margin:8px 0 24px}
.chain-page [hidden] {display:none!important}
.chain-page #chain-results {scroll-margin-top:20px}
.chain-page .chain-intro h1 {font-size:clamp(34px,4vw,50px);margin:16px 0;letter-spacing:-1.2px}
.chain-page .chain-intro p {line-height:1.65;max-width:70ch}
.chain-page .chain-workspace {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:start;scroll-margin-top:20px}
.chain-page #chain-form {grid-column:1;grid-row:1;min-width:0}
.chain-page .chain-results {grid-column:2;grid-row:1;background:#203c32;color:#fffefa;padding:25px;border-radius:3px;min-width:0}
.chain-page .chain-results h2 {font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;margin:0 0 15px;color:#fffefa}
.chain-page .chain-results p {color:#e0e9de;line-height:1.6;font-size:14px;overflow-wrap:anywhere}
.chain-page .chain-ledger {margin:0 0 16px}
.chain-page .chain-ledger > div {padding:12px 0;border-bottom:1px solid #809a8b;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:baseline}
.chain-page .chain-ledger dt {font-size:14px;color:#e0e9de;line-height:1.4}
.chain-page .chain-ledger dd {margin:0;font-size:22px;font-weight:650;line-height:1.3;overflow-wrap:anywhere;text-align:right;color:#fffefa;font-variant-numeric:tabular-nums}
.chain-page .chain-results .button-primary {background:#fffefa;color:#203c32;min-height:46px}
.chain-page #chain-example-top {margin:0 0 10px;background:#e8eee5;color:#203c32}
.chain-page .chain-results .chain-limit {border-top:1px solid #809a8b;padding-top:14px;font-size:13px}
.chain-page .chain-results textarea {background:#fffefa;color:#21382e;width:100%;font-size:14px;max-width:100%}
.chain-page .chain-supply, .chain-page .chain-line {margin:0 0 22px;padding:18px;border:1px solid #bbbeb1;background:#fffefa;border-radius:3px;min-width:0}
.chain-page fieldset legend {padding:0 7px;font-size:18px;font-weight:650;color:#21382e}
.chain-page .chain-supply {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.chain-page .chain-line-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.chain-page .chain-line-fields .field:last-child {grid-column:1/-1}
.chain-page .field {display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;min-width:0}
.chain-page .field input, .chain-page .field select {width:100%;min-width:0;min-height:46px;padding:10px;box-sizing:border-box;font-size:16px}
.chain-page .field small {color:#526359;font-size:13px;line-height:1.5;font-weight:400}
.chain-page .chain-help {font-size:15px;line-height:1.65;margin:12px 0 20px}
.chain-page .chain-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.chain-page .button {font-size:14px;line-height:1.4;min-height:46px}
.chain-page .chain-gate {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 12px;margin:18px 0 0;border:1px solid #b79b67;background:#f8f4e9;min-width:0}
.chain-page .chain-gate legend {font-size:15px}
.chain-page .chain-gate .button {grid-column:1/-1;justify-self:start}
.chain-page button:disabled {opacity:.65;cursor:not-allowed}
.chain-page #chain-error {color:#842e1b;border-left:3px solid #842e1b;padding:12px;background:#fffefa;line-height:1.6;overflow-wrap:anywhere}
.chain-page .content-section {padding:28px;max-width:100%;box-sizing:border-box}
.chain-page .content-section p, .chain-page .content-section li {max-width:75ch;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.chain-page figure {margin:24px 0}
.chain-page figure img {display:block;max-width:100%;height:auto}
.chain-page figcaption {font-size:13px;line-height:1.6;color:#526359;margin-top:10px}
.chain-page .chain-span {border-top:1px solid #bbbeb1;padding:16px 0}
.chain-page .chain-span h3 {font-size:18px;margin:0 0 10px}
.chain-page .chain-span p {margin:6px 0}
.chain-page .chain-ribbon {padding:16px 0;border-top:1px solid #bbbeb1}
.chain-page .chain-ribbon svg {width:100%;height:auto;display:block;background:#fffefa}
.chain-page .chain-ribbon p {font-size:14px}
@media(max-width:760px){
 .chain-page .chain-workspace {display:flex;flex-direction:column;gap:24px}
 .chain-page .chain-results,.chain-page #chain-form {width:100%;box-sizing:border-box}
 .chain-page .chain-results {padding:20px}
 .chain-page .chain-supply,.chain-page .chain-line-fields,.chain-page .chain-gate {grid-template-columns:minmax(0,1fr)}
 .chain-page .chain-supply,.chain-page .chain-line {padding:16px}
 .chain-page .chain-ledger dd {font-size:20px}
 .chain-page .content-section {padding:20px}
 .chain-page .chain-intro {margin-top:4px}
}
@media print {.chain-page #chain-form,.chain-page #chain-copy {display:none}.chain-page .chain-workspace{display:block}.chain-page .chain-results {background:white;color:#21382e}.chain-page .chain-results p,.chain-page .chain-ledger dt,.chain-page .chain-ledger dd,.chain-page .chain-results h2{color:#21382e}}