.demo-hero .demo-disclosure{font-size:12px;color:var(--muted);max-width:76ch;margin-bottom:0}.demo-section{padding-block:var(--section)}.demo-workbench{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid var(--line)}.demo-input{padding:clamp(24px,3vw,44px);background:var(--sage);border-right:1px solid #b8c2ad}.demo-brandline{padding-bottom:26px;border-bottom:1px solid #b8c2ad;display:flex;flex-direction:column;gap:10px}.demo-client{font:400 38px/1.1 Georgia,serif;letter-spacing:-.04em}.demo-brandline>span:last-child{font-size:10px;letter-spacing:.02em}.demo-customer{padding-block:26px}.demo-customer .eyebrow{margin-bottom:8px;font-size:9px}.demo-customer p{font-size:14px}.demo-customer>span:last-child{display:block;font-size:11px;color:var(--muted);margin-top:6px}.demo-input fieldset{border:0;padding:0;margin:0}.demo-input .field label{font-size:12px}.demo-input .field select{font-size:14px;min-height:48px}.demo-input .field-error{font-size:11px}.demo-failure{display:flex;gap:11px;align-items:flex-start;font-size:12px;padding-block:9px 23px;cursor:pointer}.demo-failure input{width:20px;height:20px;flex:none;accent-color:var(--orange);margin:2px 0 0}.demo-failure small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.demo-input .button{width:100%;font-size:12px}.demo-input fieldset:disabled{opacity:1}.demo-input fieldset:disabled select{color:var(--muted);background:#e6eadf}.demo-input button:disabled{background:#585e50;border-color:#585e50;box-shadow:none;transform:none;cursor:default}.demo-static-note{font-size:13px;margin-top:20px}.demo-output{min-width:0;padding:clamp(24px,3vw,44px);background:#f9f8f3}.demo-output-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:21px;border-bottom:1px solid var(--line)}.demo-output-head .eyebrow{margin:0;font-size:10px}.demo-state-label{font-size:11px;color:var(--muted)}.demo-status{font-size:14px;line-height:1.7;margin-block:23px;max-width:56ch;min-height:48px}.demo-steps{border-top:1px solid var(--line)}.demo-steps>li{display:grid;grid-template-columns:25px 1fr 24px;gap:18px;align-items:start;padding-block:23px;border-bottom:1px solid var(--line)}.demo-steps>li>span{font-size:10px;color:var(--muted);padding-top:3px}.demo-steps h3{font-size:21px;letter-spacing:-.025em;line-height:1.2}.demo-steps p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:7px;max-width:46ch}.demo-steps .icon{width:22px;height:22px;color:#67765a}.demo-steps [data-state=attention] .icon,.demo-steps [data-state=attention]>span{color:var(--orange)}.demo-record{padding-block:21px;border-bottom:1px solid var(--line)}.demo-record dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.demo-record dt{font-size:10px;color:var(--muted);margin-bottom:5px}.demo-record dd{font-size:12px;font-weight:600;margin:0}.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.demo-actions .button{font-size:11px}.demo-actions .text-link{font-size:11px;border:0;background:none;color:var(--ink);padding:0 4px;gap:9px}.demo-actions .text-link .icon{width:16px;height:16px}.demo-preview,.demo-log{margin-top:24px;border-top:1px solid var(--line);font-size:12px}.demo-preview summary,.demo-log summary{cursor:pointer;padding-block:17px;min-height:44px;font-weight:600;line-height:1.7}.demo-preview summary span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-left:16px}.demo-preview>div{border-left:2px solid #a3b293;padding:3px 0 5px 17px}.demo-preview>div>span,.demo-preview small{font-size:10px;color:var(--muted)}.demo-preview h3{font-size:19px;margin-block:15px 11px}.demo-preview p{font-size:12px;line-height:1.8}.demo-preview small{display:block;margin-top:15px}.demo-log li{padding-block:12px;border-bottom:1px solid var(--line)}.demo-log strong,.demo-log li span{display:block}.demo-log li span{font-size:11px;color:var(--muted);margin-top:5px}.demo-log>p{font-size:11px;padding-top:15px;color:var(--muted)}.demo-footnote{font-size:12px;color:var(--muted);max-width:95ch;margin-top:23px;line-height:1.8}.demo-rule-list li{font-size:13px;line-height:1.85;padding-block:17px;border-bottom:1px solid #b9c3ae}.demo-rule-list li:first-child{padding-top:0}.demo-rule-list strong{font-weight:600}.demo-rules h2{max-width:16ch}.demo-rules .eyebrow{font-size:10px}@media(max-width:900px){.demo-workbench{grid-template-columns:.85fr 1.15fr}.demo-input,.demo-output{padding:25px}.demo-brandline>span:last-child{font-size:9px}.demo-steps>li{gap:12px;grid-template-columns:21px 1fr 20px}.demo-steps h3{font-size:19px}.demo-state-label{font-size:10px}.demo-output-head{gap:8px;align-items:flex-start;flex-direction:column}.demo-record dl{gap:8px}.demo-record dd{font-size:11px}}@media(max-width:650px){.demo-hero .demo-disclosure{font-size:11px;margin-top:24px}.demo-workbench{grid-template-columns:1fr}.demo-input{border-right:0;border-bottom:1px solid #b8c2ad}.demo-input,.demo-output{padding:24px}.demo-brandline{flex-direction:row;align-items:center;gap:20px;padding-bottom:20px}.demo-brandline>span:last-child{max-width:18ch;line-height:1.7}.demo-client{font-size:33px}.demo-customer{padding-block:22px}.demo-output-head{flex-direction:row;align-items:center}.demo-status{font-size:13px;margin-block:20px}.demo-steps h3{font-size:20px}.demo-steps p{font-size:12px}.demo-steps>li{padding-block:21px;grid-template-columns:21px 1fr 20px;gap:12px}.demo-record dl{grid-template-columns:1fr 1.3fr;gap:17px 12px}.demo-record dl>div:last-child{grid-column:1/-1}.demo-record dd,.demo-actions .button{font-size:12px}.demo-actions .text-link{font-size:12px;min-height:44px}.demo-footnote{font-size:11px}.demo-rule-list li{font-size:13px}}@media(max-width:360px){.demo-input,.demo-output{padding:19px}.demo-steps h3{font-size:18px}.demo-steps>li{grid-template-columns:17px 1fr;gap:10px}.demo-steps .icon{display:none}.demo-state-label{max-width:12ch;text-align:right}.demo-brandline>span:last-child{font-size:8px}}