/* Shared interactive samples, loaded only by the marketing guides that use them. */
.public-site .md-demo{--demo-brand:#4035ff;--demo-line:#ddd8f6;margin:28px 0;border:1px solid #cfc6f4;border-radius:20px;background:#fff;box-shadow:0 18px 60px #4035ff12;overflow:hidden;color:#141329;text-align:left}
.md-demo *{box-sizing:border-box}
.md-demo [hidden]{display:none!important}
.md-demo .md-toolbar{display:flex;align-items:center;gap:18px;padding:16px 24px;background:linear-gradient(100deg,#f0ebff,#faf9ff);border-bottom:1px solid var(--demo-line);font-size:15px;font-weight:650;flex-wrap:wrap}
.md-toolbar>span:first-child{display:flex;align-items:center;gap:10px;color:#3324ce}
.md-toolbar .md-sample-label{margin-left:auto;color:#635c7b;font-size:15px;font-weight:500}
.md-demo button{cursor:pointer;font:inherit}
.md-toolbar button{display:flex;gap:10px;align-items:center;background:white;border:1px solid #d5ceec;border-radius:7px;min-height:36px;padding:7px 12px;color:#463c72;font-size:15px}
.md-demo .md-workspace{display:grid;grid-template-columns:270px minmax(0,1fr)}
.md-demo .md-controls{padding:28px 24px;border-right:1px solid var(--demo-line);background:linear-gradient(160deg,#fff,#faf8ff)}
.md-demo .md-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#6e609f}
.md-demo .md-controls h3{font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.035em;margin:12px 0}
.md-demo .md-controls p{font-size:16px;line-height:1.65;color:#6b6281;margin:0 0 24px}
.md-demo .md-field{display:block;font-size:15px;font-weight:700;margin:22px 0 8px}
.md-demo select{width:100%;min-height:44px;font-size:16px;border:1px solid #cec5ec;border-radius:8px;padding:10px 32px 10px 12px;background-color:white;color:#24203d}
.md-demo input[type=range]{display:block;width:100%;accent-color:#4035ff;margin:18px 0 8px;cursor:pointer}
.md-demo output{display:block;color:#4035ff;font-size:34px;font-weight:780;line-height:1.2;letter-spacing:-.04em;margin-bottom:16px}
.md-demo .md-check{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:16px;font-weight:550;cursor:pointer}
.md-demo input[type=checkbox]{flex:none;accent-color:#4035ff;width:17px;height:17px;border-radius:4px}
.md-demo .md-run{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:26px;min-height:46px;padding:12px 15px;border:1px solid #493cff;border-radius:8px;background:linear-gradient(110deg,#493bff,#3525d9);box-shadow:0 5px 14px #4035ff22;color:white;font-size:16px;font-weight:650;text-align:left;transition:transform .2s,box-shadow .2s}
.md-demo .md-run:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4035ff30}
.md-demo :is(button,input,select,a,pre):focus-visible{outline:3px solid #7b6cff;outline-offset:3px}
.md-demo .md-canvas{min-width:0;padding:26px;background:radial-gradient(ellipse at 90% 100%,#ede7ff80,transparent 60%),linear-gradient(#fff,#fcfbff)}
.md-demo .md-flow{display:flex;list-style:none;padding:0;margin:0 0 26px;gap:8px}
.md-demo .md-flow li{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:15px;font-weight:600;color:#756b8e;line-height:1.4}
.md-demo .md-flow li+li:before{content:'→';margin-right:8px;color:#a296c5;font-size:18px}
.md-demo .md-flow li>span{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid #ddd5ef;border-radius:50%;background:white;color:#8475a8;font-size:15px}
.md-demo .md-flow .is-done{color:#4035ff}
.md-demo .md-flow .is-done>span{background:#4035ff;border-color:#4035ff;color:white}
.md-demo .md-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.md-demo .md-source,.md-demo .md-result{min-width:0;border:1px solid #ded7ee;border-radius:12px;background:white;overflow:hidden}
.md-demo .md-panel-label{font-size:13px;letter-spacing:.035em;color:#776a91;padding:14px 18px;border-bottom:1px solid #eee9f6;background:#fbfaff}
.md-demo .md-result{padding:20px;box-shadow:0 8px 24px #4035ff08;border-color:#c9bff1}
.md-demo .md-result-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}
.md-demo .md-badge{display:inline-flex;align-items:center;border:1px solid #d6ccf6;background:#f2ecff;color:#5034bb;padding:5px 9px;border-radius:6px;font-size:15px;font-weight:650}
.md-demo .md-result h3{font-size:24px;font-weight:750;line-height:1.3;letter-spacing:-.035em;margin:0 0 20px}

.md-demo pre{font:14px/1.65 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;border-radius:8px;background:#201b39;color:#e4dbff;max-height:340px;overflow:auto}

.md-demo .md-result-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#4035ff;font-weight:650;margin-top:14px}
.md-demo .md-status{margin:0;padding:15px 24px;border-top:1px solid var(--demo-line);background:#f8f5ff;color:#695c87;font-size:15px;line-height:1.6;min-height:52px}
.md-demo .md-symbol{display:grid;align-content:center;justify-items:center;text-align:center;min-height:0;padding:24px;gap:20px;background-image:radial-gradient(#7e6bcc20 1px,transparent 1px);background-size:18px 18px}
.md-demo .md-symbol>.bi{display:grid;place-items:center;width:72px;height:72px;border:1px solid #d6c9ff;background:linear-gradient(145deg,#f3efff,#e7ddff);box-shadow:0 8px 20px #4035ff10;border-radius:20px;font-size:34px;color:#4035ff}
.md-demo .md-symbol h3{font-size:17px;line-height:1.5;font-weight:650;margin:0;max-width:28ch}
.md-demo .md-symbol p{font-size:15px;color:#7c6d9b;margin:0}

.md-demo .md-document{padding:24px}
.md-demo .md-address{display:block;font-size:13px;color:#8a7ca2;margin-bottom:24px;word-break:break-word}
.md-demo .md-document h3{font-size:24px;font-weight:750;letter-spacing:-.035em;margin:0 0 14px}
.md-demo .md-document p{font-size:16px;color:#6d6083;line-height:1.7;margin-bottom:18px}
.md-demo .md-inline-link{font-size:15px;color:#5140cd}

.md-demo .md-browser .md-address{background:#f6f3fb;padding:12px 14px;margin:0;border-bottom:1px solid #e8e0f5}
.md-demo .md-browser .md-address span{letter-spacing:3px;color:#c5badc;margin-right:12px}

.md-demo .md-captured{margin:0 16px 16px;padding:10px;border:1px solid #b4dec9;background:#f0fff7;color:#287450;font-size:15px;border-radius:6px}
.md-demo progress{display:block;width:100%;height:8px;accent-color:#4035ff;margin:0 0 20px;border-radius:5px;overflow:hidden}
.md-demo progress::-webkit-progress-bar{background:#eee9fb}
.md-demo progress::-webkit-progress-value{background:linear-gradient(90deg,#4035ff,#9a7bff)}
.md-demo .md-fallback{padding:22px}
.md-demo .md-fallback>.bi{color:#4035ff;font-size:40px}
.md-demo .md-fallback ol{display:flex;gap:30px;flex-wrap:wrap;padding:20px;list-style:decimal}
.md-demo .md-fallback p{font-size:16px;line-height:1.7;color:#6b6081}

.public-site .demo-section{padding-block:38px;scroll-margin-top:140px}
.public-site .demo-section>h2{font-size:clamp(26px,3vw,38px);font-weight:750;line-height:1.2;letter-spacing:-.04em;margin:12px 0}
.public-site .demo-section>p{font-size:16px;line-height:1.7;color:#645b78;max-width:80ch}
.public-site .demo-notes{border:1px solid #e1daef;border-radius:10px;background:#fbf9ff;margin:18px 0}
.public-site .demo-notes>summary{padding:16px 20px;cursor:pointer;font-weight:600;font-size:16px;color:#51416f}
.public-site .demo-notes>div{padding:0 20px 20px}
.public-site .demo-notes p{font-size:16px;line-height:1.8;color:#6a5c81}
.fp .fp-capability-card .demo-notes{background:transparent;border:0;margin-bottom:0}
.fp .fp-capability-card .demo-notes>summary{padding:12px 0 0;font-size:15px}
.fp .fp-capability-card .demo-notes>div{padding:12px 0 0}
@media(max-width:1150px){.md-demo .md-workspace{grid-template-columns:230px minmax(0,1fr)}.md-demo .md-panels{grid-template-columns:1fr}.md-demo .md-symbol{min-height:0}.md-demo .md-flow{flex-wrap:wrap}}
@media(max-width:700px){.public-site .md-demo{border-radius:14px;margin:22px 0}.md-demo .md-toolbar{padding:14px 16px;gap:10px}.md-toolbar .md-sample-label{order:3;width:100%;margin:0}.md-toolbar button{margin-left:auto}.md-demo .md-workspace{grid-template-columns:1fr}.md-demo .md-controls{border-right:0;border-bottom:1px solid var(--demo-line);padding:22px}.md-demo .md-controls p{margin-bottom:16px}.md-demo .md-run{margin-top:18px}.md-demo .md-canvas{padding:18px 14px}.md-demo .md-flow{gap:10px;margin-bottom:20px}.md-demo .md-flow li{font-size:13px;flex:1;gap:5px}.md-demo .md-flow li+li:before{display:none}.md-demo .md-flow li>span{width:23px;height:23px}.md-demo .md-result{padding:18px}.md-demo .md-status{padding:14px 18px;font-size:15px}.md-demo .md-result h3{font-size:24px}.md-demo .md-fallback ol{flex-direction:column}.public-site .demo-section{padding-block:28px}}
@media(prefers-reduced-motion:reduce){.md-demo *{animation:none!important;transition:none!important}}
.md-demo input[type=range]{appearance:none;-webkit-appearance:none;height:8px;border:0;border-radius:8px;background:#e4dcf8;padding:0}
.md-demo input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:3px solid white;border-radius:50%;background:#4035ff;box-shadow:0 2px 8px #4035ff40}
.md-demo input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid white;border-radius:50%;background:#4035ff;box-shadow:0 2px 8px #4035ff40}
.md-demo .md-controls .md-action-feedback{font-size:15px;font-weight:650;color:#534486;margin:12px 0 0;min-height:20px}

/* Product walkthrough scenes. All motion is finite and starts from a user action. */
.md-demo .md-workspace{grid-template-columns:230px minmax(0,1fr)}
.md-demo .md-canvas{padding:22px 18px}
.md-demo .md-run{gap:8px;padding-inline:10px;font-size:15px;justify-content:center}
.md-demo .md-next{width:100%;min-height:42px;margin-top:10px;border:1px solid #d8ceef;border-radius:8px;background:white;color:#514475;font-size:15px;font-weight:650}
.md-demo .md-next:hover{background:#f2edff;border-color:#a99ae5}
.md-demo .md-app-shell{border:1px solid #d9d0ed;border-radius:12px;background:#fff;box-shadow:0 12px 28px #3021610b;overflow:hidden}
.md-demo .md-app-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 16px;background:#f9f7ff;border-bottom:1px solid #e6dff2;font-size:13px;color:#74668c}
.md-demo .md-app-brand{display:flex;align-items:center;gap:6px;color:#211a39;font-size:15px;font-weight:750}
.md-demo .md-app-brand .bi{color:#4035ff;font-size:17px}
.md-demo .md-app-bar>strong{font-weight:500}.md-demo .md-app-state{margin-left:auto;color:#665491}
.md-demo .md-panels{gap:0;min-height:0}
.md-demo :is(.md-source,.md-result){border:0;border-radius:0;box-shadow:none}
.md-demo .md-source{border-right:1px solid #e8e0f3;background:#fcfaff}
.md-demo .md-result{padding:18px}
.md-demo .md-result h3{font-size:23px;margin-bottom:16px}
.md-demo .md-result-top{margin-bottom:14px;gap:6px;flex-wrap:wrap}
.md-demo .md-result-top .md-eyebrow{font-size:12px;letter-spacing:.08em}
.md-demo .md-panel-label{padding:12px 16px;font-size:13px}
.md-demo .md-app-bottom{display:flex;align-items:center;gap:7px;padding:12px 16px;border-top:1px solid #e6dff2;background:#fcfbff;color:#75658e;font-size:13px;flex-wrap:wrap}
.md-demo .md-app-bottom>.bi{color:#5841bf}.md-demo .md-app-bottom>span:last-child{margin-left:auto}
.md-demo .md-visual-result{min-height:0}.md-demo .md-visual-result.is-preview{opacity:1}
.md-demo .md-payload{margin-top:18px;border:1px solid #e8e1f3;border-radius:7px;overflow:hidden}
.md-demo .md-payload>summary{padding:10px 12px;color:#665680;font-size:15px;cursor:pointer;min-height:40px}
.md-demo .md-payload pre{font-size:13px;border-radius:0}
.md-demo .md-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:5px;background:#f0eafb;color:#715797;font-size:13px;line-height:1.4;white-space:normal}
.md-demo .is-success,.md-demo .md-pill.is-success{color:#287c59;background:#eaf8f1}
.md-demo .is-warning{color:#9a6830;background:#fff6e9}
.md-demo .md-file-chip{display:flex;align-items:center;gap:8px;padding:14px;color:#68548c;font-size:13px;overflow-wrap:anywhere}
.md-demo .md-file-chip>.bi{font-size:18px;color:#6d51cf}
.md-demo .md-product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.md-demo .md-source-records{padding:0 14px 16px}
.md-demo .md-source-records .md-file-chip{padding-inline:0}
.md-demo .md-product-tile{padding:10px;border:1px solid #e6def2;border-radius:9px;background:#fff;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.md-demo .md-tile-art{align-self:stretch;height:82px;display:grid;place-items:center;background:linear-gradient(140deg,#f9f7ff,#ece4fa);border-radius:6px;margin-bottom:3px;overflow:hidden}
.md-demo .md-product-svg{height:100%;width:100%;max-width:120px}
.md-demo .md-product-tile>small{font-size:12px;letter-spacing:.08em;color:#88759d}
.md-demo .md-product-tile>strong{font-size:15px;line-height:1.4;font-weight:650;color:#30253f}
.md-demo .md-product-tile>b{font-size:16px;font-weight:700;color:#4b3590}
.md-demo .md-field-omitted{font-size:13px;color:#88759d}
.md-demo .md-source .md-product-cards{grid-template-columns:1fr}
.md-demo .md-source .md-product-tile{display:grid;grid-template-columns:66px 1fr;gap:3px 12px}
.md-demo .md-source .md-tile-art{grid-row:1/5;height:73px;margin:0}
.md-demo .md-source .md-product-tile>.md-pill{justify-self:start}
.md-demo .md-node{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #e1d7f0;background:white;border-radius:9px}
.md-demo .md-node>.bi{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:9px;background:#f0e9ff;color:#6b48cc;font-size:23px}
.md-demo .md-node>div{min-width:0}.md-demo .md-node strong{display:block;font-size:15px;line-height:1.5;color:#3e2b59}.md-demo .md-node span{display:block;font-size:13px;line-height:1.6;color:#837193;margin-top:3px}
.md-demo .md-node.is-current{border-color:#a38de4;box-shadow:0 3px 15px #6442ce12}
.md-demo .md-node.is-success>.bi{color:#398568;background:#e9f6ef}.md-demo .md-node.is-warning>.bi{color:#a17b3e;background:#fff5df}
.md-demo .md-agent-chat{padding:20px 16px}
.md-demo .md-chat-user{padding:14px 16px;margin-left:20px;border-radius:14px 14px 3px 14px;background:linear-gradient(135deg,#6750e1,#4035d9);color:white;font-size:15px;line-height:1.7;box-shadow:0 6px 16px #5e43c321}
.md-demo .md-chat-agent{display:flex;align-items:flex-start;gap:10px;margin-top:22px}
.md-demo .md-chat-agent>.bi{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:#ebe4fd;color:#6750bd;font-size:24px}
.md-demo .md-chat-agent strong{font-size:15px;color:#47335f}.md-demo .md-chat-agent p{font-size:15px;color:#7b688d;line-height:1.7;margin:6px 0 16px}
.md-demo .md-agent-tools,.md-demo .md-selected-fields,.md-demo .md-contract-tags{display:flex;flex-wrap:wrap;gap:7px}
.md-demo .md-agent-tools>span,.md-demo .md-selected-fields>span,.md-demo .md-contract-tags>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:#fff;border:1px solid #e6ddf1;border-radius:6px;color:#8b779e;font-size:13px;line-height:1.5}
.md-demo .md-agent-tools>.is-complete,.md-demo .md-selected-fields>.is-complete{background:#f1ecff;border-color:#cfc0f0;color:#6946b5}
.md-demo .md-api-match{padding:20px;border:1px solid #dcd0f4;border-radius:10px;background:linear-gradient(145deg,#fff,#f5f0ff)}
.md-demo .md-api-match>.bi{display:block;color:#6d4bd0;font-size:34px;margin-bottom:15px}
.md-demo .md-api-match h4{font-size:23px;line-height:1.25;letter-spacing:-.03em;font-weight:750;margin:13px 0 10px}
.md-demo .md-api-match p{font-size:15px;line-height:1.7;color:#807091;margin-bottom:18px}
.md-demo .md-method{display:inline-block;font-size:13px;font-weight:700;padding:4px 7px;border-radius:4px;background:#e9f7ee;color:#328b5e;margin-right:8px}
.md-demo .md-schema-card>strong{font-size:15px}.md-demo .md-schema-fields{display:grid;gap:8px;margin-top:18px}.md-demo .md-schema-card p{font-size:13px;color:#7e6c94;margin-top:14px}
.md-demo .md-upload-card{margin:16px;padding:20px;border:1px dashed #c4b1e8;border-radius:9px;display:grid;justify-items:center;gap:7px;background:#f6f1ff}
.md-demo .md-upload-card>.bi{font-size:32px;color:#7c5bc9}.md-demo .md-upload-card strong{font-size:15px}.md-demo .md-upload-card span{font-size:13px;color:#8b759e}
.md-demo .md-seed-list{padding:0 16px}.md-demo .md-seed{display:flex;align-items:center;gap:8px;font-size:13px;padding:9px 0;border-bottom:1px solid #ece5f5;color:#665177}.md-demo .md-seed>.bi{margin-left:auto;color:#9882b0}
.md-demo .md-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:8px;background:linear-gradient(140deg,#eae1ff,#d9caf6);color:#7857a7;font-size:15px;font-weight:750}
.md-demo .md-mapping-wire{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 12px;font-size:13px;color:#7653b8}.md-demo .md-mapping-wire>span{background:white;border:1px solid #ded2ee;padding:7px;border-radius:6px}
.md-demo .md-job-stats{display:flex;align-items:center;gap:18px;margin-bottom:16px;flex-wrap:wrap}.md-demo .md-job-stats small{display:block;font-size:13px;color:#8c789f}.md-demo .md-job-stats strong{font-size:23px;line-height:1.6;letter-spacing:-.04em}.md-demo .md-job-stats em{font-size:15px;font-style:normal;font-weight:500;color:#9d89b1}
.md-demo .md-enriched-list{display:grid;gap:10px}.md-demo .md-enriched{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e9e2f1;border-radius:9px;background:#fcfaff}.md-demo .md-enriched strong{display:block;font-size:15px}.md-demo .md-enriched div>span{display:block;margin-top:3px;font-size:13px;color:#95809f}.md-demo .md-enriched>.bi{margin-left:auto;color:#80658f}.md-demo .md-enriched.is-complete{background:white;border-color:#d7c9ec}.md-demo .md-enriched.is-complete>.bi{color:#3c9b73}
.md-demo .md-monitor-config,.md-demo .md-vault-scene,.md-demo .md-network{padding:18px 14px}
.md-demo .md-config-pair{display:flex;justify-content:space-between;gap:8px;margin-top:20px;font-size:15px;color:#7a678e}.md-demo .md-config-pair strong{color:#4c306c}.md-demo .md-config-pair code{font-size:15px;background:#f0e8fc;padding:1px 5px;border-radius:4px}
.md-demo .md-monitor-chart{padding:16px;border:1px solid #e6dcef;border-radius:10px;background:linear-gradient(#fff,#fbf8ff)}.md-demo .md-monitor-chart>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#8d78a0}.md-demo .md-monitor-chart strong{font-size:16px;color:#5c3c89}.md-demo .md-monitor-chart strong i{font-style:normal;color:#b49ac9;margin:0 6px}.md-demo .md-monitor-chart svg{width:100%;margin-top:14px;overflow:visible}.md-demo .md-monitor-chart text{font:14px sans-serif;fill:#9a82b1}
.md-demo .md-event-card{display:flex;gap:10px;align-items:center;padding:14px;background:#f5f0ff;border:1px solid #e4d8f6;border-radius:9px;margin-top:15px;font-size:15px}.md-demo .md-event-card>.bi{color:#8360c6;font-size:24px}.md-demo .md-event-card strong{display:block;font-size:15px}.md-demo .md-event-card span{display:block;font-size:13px;color:#8c77a0;margin-top:4px}.md-demo .md-event-card.is-complete{background:#f0f9f3;border-color:#cfe9d8}
.md-demo .md-page-preview,.md-demo .md-browser{position:relative;overflow:hidden}.md-demo .md-mini-nav{display:flex;gap:6px;align-items:center;padding:13px 15px;background:white;border-bottom:1px solid #e8def4;color:#8b729f;font-size:13px}.md-demo .md-mini-nav span{margin-left:auto}.md-demo .md-page-cover{height:95px;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 25%,#ddcafb,#f1e9fb);font-size:40px;color:#9a7bc5}.md-demo .md-page-preview .md-document{padding:24px 18px}.md-demo .md-document h3{font-size:24px}.md-demo .md-document p{font-size:15px}.md-demo .md-page-preview>.md-product-cards{padding:18px}.md-demo .md-selected-fields{margin:14px 0}.md-demo .md-page-preview>.md-selected-fields{padding:0 16px}
.md-demo .md-scan-line{position:absolute;inset:20% 0 auto;height:2px;background:#9c7be6;box-shadow:0 0 15px 4px #b58cf94d;opacity:0;pointer-events:none}
.md-demo .md-extracted-document{min-height:0;padding:20px;border:1px solid #e7ddf2;border-radius:8px;background:linear-gradient(120deg,#fff,#fcfaff);box-shadow:4px 5px 0 #f2ebfa}.md-demo .md-document-type{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#927ca8;margin-bottom:24px}.md-demo .md-extracted-document h4{font-size:24px;line-height:1.3;font-weight:750;letter-spacing:-.04em}.md-demo .md-extracted-document h4>span{color:#baa6d3}.md-demo .md-extracted-document p{font-size:15px;line-height:1.8;color:#806c93;margin:14px 0}.md-demo .md-document-rule{height:1px;background:#eee5f6;margin:24px 0}.md-demo .md-extracted-document .md-pill{margin:0 4px 5px 0}
.md-demo .md-dom-tree{font-size:15px}.md-demo .md-dom-tree span{display:inline-block;background:#eee4fb;border-radius:4px;color:#8966ba;padding:4px 8px}.md-demo .md-dom-tree>div{border-left:2px solid #ddcfee;margin:12px 0 0 10px;padding:12px 0 12px 14px}.md-demo .md-dom-tree strong,.md-demo .md-dom-tree p{display:block;margin:8px 0;color:#756186;font-size:15px}
.md-demo .md-link-card{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #e6dbf2;border-radius:9px;flex-wrap:wrap}.md-demo .md-link-card>.bi{font-size:25px;color:#8c65c8}.md-demo .md-link-card strong{font-size:15px;display:block}.md-demo .md-link-card div>span{display:block;color:#80658f;font-size:13px}
.md-demo .md-browser-filter{display:flex;align-items:center;gap:7px;padding:16px;font-size:13px;color:#8d769d}.md-demo .md-toggle{position:relative;margin-left:auto;background:#d8cce5;border-radius:14px;width:28px;height:16px}.md-demo .md-toggle:before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .4s}.md-demo .md-toggle.is-on{background:#7850c2}.md-demo .md-toggle.is-on:before{transform:translateX(12px)}
.md-demo .md-browser>.md-product-cards{padding:0 14px 14px}.md-demo .md-demo-cursor{position:absolute;top:68px;right:22px;color:#4c2d72;opacity:0;filter:drop-shadow(0 2px 2px #fff);font-size:24px;pointer-events:none}.md-demo .md-snapshot{position:relative;padding:12px;border:1px solid #ddceee;border-radius:9px;background:#fbf8ff}.md-demo .md-snapshot-label{display:flex;gap:6px;font-size:13px;color:#8a729e;margin-bottom:12px}.md-demo .md-snapshot .md-tile-art{height:64px}.md-demo .md-session-note{display:flex;gap:7px;font-size:13px;color:#80658f;line-height:1.7;margin-top:14px}.md-demo .md-capture-corners{position:absolute;inset:-4px;border:2px solid #9973d6;border-radius:10px;opacity:0;pointer-events:none}.md-demo .is-captured .md-capture-corners{opacity:1}
.md-demo .md-network-pair{display:grid;grid-template-columns:1fr;gap:9px}.md-demo .md-wire{position:relative;width:1px;height:26px;background:#d7c5ef;margin:0 auto;overflow:visible}.md-demo .md-wire:after{content:'';position:absolute;top:0;left:-3px;width:7px;height:7px;background:#9571d6;border:2px solid #ede3fc;border-radius:50%;opacity:0}
.md-demo .md-vault{display:grid;justify-items:center;gap:12px;margin:18px 0;padding:24px 12px;background:radial-gradient(ellipse,#eee3ff,transparent);color:#a88bc4}.md-demo .md-vault>.bi{font-size:48px;color:#9470ce}.md-demo .md-vault span{letter-spacing:.15em;font-size:15px}.md-demo .md-vault small{font-size:13px}
.md-demo .md-denied,.md-demo .md-access-pass{display:grid;justify-items:center;text-align:center;gap:13px;padding:26px 18px;border:1px solid #e3d5ed;border-radius:12px;background:linear-gradient(#faf6ff,#fff)}.md-demo .md-denied>.bi,.md-demo .md-access-pass>.bi{font-size:44px;color:#a076bd}.md-demo .md-denied strong,.md-demo .md-access-pass strong{font-size:17px}.md-demo .md-denied p{font-size:15px;line-height:1.7;color:#967a9e}.md-demo .md-access-pass span{font-size:15px;color:#8b71a2}.md-demo .md-access-pass b{font-size:15px;color:#3e9671;padding:6px 10px;border-radius:6px;background:#ecf9f1}
.md-demo .md-response-banner{display:flex;align-items:center;gap:7px;font-size:13px;color:#80658f;margin-bottom:12px;flex-wrap:wrap}.md-demo .md-response-banner strong{color:#7b5b98}.md-demo .md-response-banner>span{margin-left:auto;font-size:13px}
.md-demo .md-routing-result{display:grid;gap:10px}.md-demo .md-route-arrow{text-align:center;color:#b699cc}.md-demo .md-route-response{display:grid;justify-items:center;gap:10px;padding:24px;color:#4a9273;background:#f2f9f4;border-radius:9px;margin-top:5px}.md-demo .md-route-response>.bi{font-size:30px}.md-demo .md-route-response strong{font-size:15px}.md-demo .md-route-response.is-warning{background:#fff7ec;color:#a3824d}
.md-demo .md-import-file{margin:24px auto;width:75%;display:grid;justify-items:center;gap:12px;padding:24px 16px;background:white;border:1px solid #e4d8ef;border-radius:9px;box-shadow:6px 6px 0 #f0e8fa}.md-demo .md-import-file>.bi{font-size:38px;color:#9b77ca}.md-demo .md-import-file strong{font-size:16px}.md-demo .md-import-file span{font-size:13px;color:#80658f}.md-demo .md-code-lines{display:grid;gap:8px;width:100%;margin-top:6px}.md-demo .md-code-lines b{height:4px;background:#e9def3;border-radius:3px}.md-demo .md-code-lines b:nth-child(even){width:70%}.md-demo .md-import-method{padding:16px;text-align:center;font-size:15px;color:#9473ac}
.md-demo .md-route-editor>div:first-child{display:flex;align-items:center;gap:6px;font-size:15px}.md-demo .md-route-editor>div:first-child>.md-pill{margin-left:auto}.md-demo .md-editor-tabs{display:flex;gap:16px;border-bottom:1px solid #e9dff3;margin:20px 0 14px;font-size:13px;color:#80658f}.md-demo .md-editor-tabs>span{padding-bottom:9px}.md-demo .md-editor-tabs>span:first-child{color:#8052b3;border-bottom:2px solid #9e76d0}.md-demo .md-route-editor label{display:block;font-size:13px;font-weight:600;color:#9577a5;margin:15px 0 6px}.md-demo .md-readonly-field{border:1px solid #e7dbf2;padding:10px;border-radius:6px;font-size:13px;color:#8a6b9d;overflow-wrap:anywhere}.md-demo .md-contract-tags small{color:#80658f;margin-left:3px;font-size:12px}
.md-demo .md-recipe-cover{padding:25px 20px;background:radial-gradient(ellipse at top right,#e7d6ff,transparent);display:grid;justify-items:start;gap:12px}.md-demo .md-recipe-cover>.bi{font-size:40px;color:#9b72cb}.md-demo .md-recipe-cover>span:not(.md-pill){font-size:12px;letter-spacing:.12em;color:#80658f}.md-demo .md-recipe-cover h3{font-size:23px;line-height:1.25;font-weight:750;letter-spacing:-.04em;margin:0;color:#614374}.md-demo .md-recipe-heading{display:flex;gap:8px;font-size:15px;color:#87619d;margin-bottom:15px}.md-demo .md-config-task{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eee4f5;font-size:13px;color:#9a7bab}.md-demo .md-config-task>span{min-width:0;overflow-wrap:anywhere}.md-demo .md-config-task>small{margin-left:auto;font-size:12px;color:#80658f}.md-demo .md-recipe-checklist p{font-size:13px;color:#80658f;line-height:1.7;margin-top:15px}
.md-demo .md-composed{display:grid;gap:9px}.md-demo .md-composed .md-product-cards{grid-template-columns:1fr}.md-demo .md-composed .md-tile-art{height:65px}.md-demo .md-merge-symbol{text-align:center;font-size:24px;color:#aa87cd}.md-demo .md-recommendation{display:grid;justify-items:start;gap:15px;padding:22px;border:1px solid #e2d3ef;border-radius:10px;background:linear-gradient(140deg,#faf5ff,#fff)}.md-demo .md-recommendation>.bi{font-size:36px;color:#a478cc}.md-demo .md-recommendation>span{font-size:12px;letter-spacing:.13em;color:#80658f}.md-demo .md-recommendation h4{font-size:22px;font-weight:750;line-height:1.25;letter-spacing:-.04em;margin:0}
.md-demo[data-animate=true] .md-visual-result{animation:md-scene-arrive .45s cubic-bezier(.16,1,.3,1) both}
.md-demo[data-animate=true] .md-reveal{animation:md-scene-arrive .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--item,0) * 80ms)}
.md-demo[data-animate=true] .md-flow .is-done:last-child>span{animation:md-step-confirm .5s ease both}
.md-demo[data-animate=true][data-phase="2"] .md-scan-line{animation:md-scan 1s ease-in-out both}
.md-demo[data-animate=true][data-phase="2"] .md-demo-cursor{animation:md-cursor .9s ease-in-out both}
.md-demo[data-animate=true] .md-chart-line{stroke-dasharray:340;animation:md-chart-draw .8s ease both}
.md-demo[data-animate=true][data-phase="3"] .md-capture-corners{animation:md-capture .7s ease both}
.md-demo[data-playing=true] .md-wire:after{animation:md-packet 1s ease both}
@keyframes md-scene-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes md-step-confirm{50%{transform:scale(1.15)}}
@keyframes md-scan{0%{top:18%;opacity:0}20%{opacity:.8}80%{opacity:.8}100%{top:90%;opacity:0}}
@keyframes md-cursor{0%{transform:translate(-65px,65px);opacity:0}30%{opacity:1}70%{transform:translate(0,0);opacity:1}85%{transform:scale(.8);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes md-chart-draw{from{stroke-dashoffset:340}to{stroke-dashoffset:0}}
@keyframes md-capture{0%{opacity:0;transform:scale(1.04)}50%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes md-packet{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(23px);opacity:0}}
@media(min-width:1000px){.md-demo .md-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:999px){.md-demo .md-panels{grid-template-columns:1fr}.md-demo .md-source{border-right:0;border-bottom:1px solid #e8e0f3}.md-demo .md-source .md-product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.md-demo .md-source .md-product-tile{display:flex}.md-demo .md-source .md-tile-art{height:70px}.md-demo .md-network-pair{grid-template-columns:1fr 1fr}.md-demo .md-visual-result{min-height:0}}
@media(max-width:700px){.md-demo .md-workspace{grid-template-columns:1fr}.md-demo .md-canvas{padding:20px 12px}.md-demo .md-app-bar{padding:12px;gap:9px}.md-demo .md-app-bar>strong{order:3;flex-basis:100%}.md-demo .md-result{padding:16px}.md-demo .md-flow{min-height:40px}.md-demo .md-flow li{align-items:flex-start}.md-demo .md-app-bottom>span:last-child{margin-left:20px}.md-demo .md-network-pair{grid-template-columns:1fr}.md-demo .md-controls .md-run{justify-content:center}.md-demo .md-source .md-product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.md-demo .md-product-tile{padding:9px}.md-demo .md-result-top .md-eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.md-demo *{animation:none!important;transition:none!important}}

.md-demo[data-phase="1"] .md-import-file,.md-demo[data-phase="1"] .md-file-chip{border-color:#b49ae6;background-color:#f1eaff}
.md-demo[data-phase="2"] .md-selected-fields,.md-demo[data-phase="2"] .md-mapping-wire{filter:drop-shadow(0 3px 8px #7650c420)}
.md-demo[data-phase="2"] .md-editor-tabs>span:first-child,.md-demo[data-phase="3"] .md-editor-tabs>span:first-child{color:#80658f;border-color:transparent}
.md-demo[data-phase="2"] .md-editor-tabs>span:nth-child(2),.md-demo[data-phase="3"] .md-editor-tabs>span:nth-child(3){color:#8052b3;border-bottom:2px solid #9e76d0}
@media(min-width:1000px){.md-demo .md-result .md-product-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}

/* Readable, full-width previews with compact controls above the workspace. */
.md-demo .md-workspace{grid-template-columns:minmax(0,1fr)}
.md-demo .md-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 230px;align-items:center;gap:24px;padding:20px 24px;border-right:0;border-bottom:1px solid var(--demo-line)}
.md-demo .md-controls>div{min-width:0}
.md-demo .md-controls h3{margin:6px 0 8px;font-size:23px}
.md-demo .md-controls p{margin:0;font-size:15px;line-height:1.55}
.md-demo .md-field{margin:0 0 8px;font-size:15px}
.md-demo select{font-size:16px;min-height:46px}
.md-demo .md-check{font-size:15px;margin:10px 0;line-height:1.4}
.md-demo .md-control-fields:empty{display:none}
.md-demo .md-controls:has(.md-control-fields:empty){grid-template-columns:minmax(0,1fr) 230px}
.md-demo .md-control-actions{display:grid;gap:8px}
.md-demo :is(.md-run,.md-next){margin:0;min-height:46px;font-size:15px;line-height:1.4;padding:10px}
.md-demo .md-controls .md-action-feedback{margin:0;font-size:13px;min-height:0;line-height:1.4}
.md-demo .md-action-feedback:empty{display:none}
.md-demo output{font-size:28px;margin:0;line-height:1.2}
.md-demo .md-canvas{padding:20px}
.md-demo .md-flow{margin-bottom:18px;gap:12px}
.md-demo .md-flow li{font-size:14px;line-height:1.4}
.md-demo .md-flow li>span{width:28px;height:28px;font-size:13px}
.md-demo .md-panels{align-items:start;background:linear-gradient(90deg,#fcfaff 50%,#fff 50%)}
.md-demo .md-source{border-right:0}
.md-demo .md-result{border-left:1px solid #e8e0f3;padding:20px}
.md-demo .md-visual-result{min-height:0}
.md-demo .md-result h3{font-size:24px;margin-bottom:16px}
.md-demo .md-app-bar{font-size:14px;padding:12px 18px}
.md-demo .md-app-brand{font-size:16px}
.md-demo .md-app-brand .bi{font-size:21px}
.md-demo .md-app-bottom{font-size:13px;padding:10px 18px;line-height:1.5}
.md-demo .md-panel-label{font-size:13px;padding:12px 18px;letter-spacing:0}
.md-demo .md-result-top .md-eyebrow,.md-demo .md-product-tile>small{font-size:12px;letter-spacing:.04em}
.md-demo .md-product-tile{padding:12px;gap:6px}
.md-demo .md-tile-art{height:96px}
.md-demo .md-product-tile>strong{font-size:16px}
.md-demo .md-product-tile>b{font-size:20px}
.md-demo .md-node strong,.md-demo .md-chat-agent strong,.md-demo .md-enriched strong{font-size:16px}
.md-demo .md-node span,.md-demo .md-chat-agent p,.md-demo .md-enriched div>span{font-size:14px;color:#6b5a7c}
.md-demo .md-chat-user{font-size:16px;line-height:1.55;margin-left:0}
.md-demo .md-chat-agent{margin-top:18px}
.md-demo :is(.md-agent-tools,.md-selected-fields,.md-contract-tags)>span{font-size:13px;color:#6e587f}
.md-demo .md-agent-tools>.is-complete,.md-demo .md-selected-fields>.is-complete{color:#6946b5}
.md-demo .md-api-match{padding:18px}
.md-demo .md-api-match>.bi{margin-bottom:10px}
.md-demo .md-api-match h4{font-size:24px;margin:10px 0}
.md-demo .md-api-match p{font-size:15px;margin-bottom:14px}
.md-demo .md-upload-card{grid-template-columns:42px minmax(0,1fr);justify-items:start;gap:4px 12px;padding:16px;margin:16px}
.md-demo .md-upload-card>.bi{grid-row:1/3}.md-demo .md-upload-card strong{font-size:16px}
.md-demo .md-upload-card span{font-size:13px}
.md-demo .md-seed{font-size:15px}
.md-demo .md-mapping-wire{font-size:14px;margin-block:14px;flex-wrap:wrap}
.md-demo .md-config-pair{font-size:15px;margin-top:16px}
.md-demo .md-extracted-document{min-height:0;padding:18px}
.md-demo .md-document-type{font-size:12px;margin-bottom:16px}
.md-demo .md-document-rule{margin:16px 0}
.md-demo .md-vault{padding:16px 12px;margin:12px 0;gap:8px}
.md-demo .md-vault small{color:#75618a}
.md-demo .md-import-file{margin:18px auto;padding:18px 16px}
.md-demo .md-route-editor>div:first-child{flex-wrap:wrap}
.md-demo .md-readonly-field{font-size:14px}
.md-demo .md-route-editor label{font-size:14px}
.md-demo .md-config-task{font-size:14px}
.md-demo .md-pill{font-size:13px;line-height:1.4}
.md-demo .md-source .md-product-tile{grid-template-columns:76px minmax(0,1fr)}
.md-demo .md-source .md-tile-art{height:88px}
.md-demo .md-source-records{padding-inline:18px}
.md-demo .md-status{padding:12px 20px;font-size:14px;min-height:0}
.md-demo .md-payload>summary{font-size:14px}
.md-demo .md-payload pre{font-size:14px}
@media(max-width:999px){
    .md-demo .md-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px}
    .md-demo .md-control-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}
    .md-demo .md-action-feedback{grid-column:1/-1}
    .md-demo .md-controls:has(.md-control-fields:empty){grid-template-columns:minmax(0,1fr)}
    .md-demo .md-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .md-demo .md-source{border-bottom:0}
    .md-demo .md-source .md-product-cards{grid-template-columns:1fr}
    .md-demo .md-source .md-product-tile{display:grid}
    .md-demo .md-result .md-product-cards{grid-template-columns:1fr}
    .md-demo .md-result .md-product-tile{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 12px}
    .md-demo .md-result .md-tile-art{grid-row:1/5;height:80px;margin:0}
    .md-demo .md-product-tile>.md-pill{justify-self:start}
    .md-demo .md-network-pair{grid-template-columns:1fr}
}
@media(max-width:700px){
    .md-demo .md-controls{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px}
    .md-demo .md-controls h3{font-size:22px}
    .md-demo .md-control-actions{grid-template-columns:1.2fr 1fr;gap:8px}
    .md-demo .md-control-actions :is(.md-run,.md-next){height:100%;font-size:14px;padding:10px 8px}
    .md-demo .md-canvas{padding:16px 10px}
    .md-demo .md-flow{gap:8px;min-height:0;margin-bottom:16px}
    .md-demo .md-flow li{flex-direction:column;font-size:13px;gap:6px}
    .md-demo .md-panels{grid-template-columns:minmax(0,1fr);background:#fff}
    .md-demo .md-source{border-bottom:1px solid #e8e0f3}
    .md-demo .md-result{border-left:0;padding:16px}
    .md-demo .md-app-bar{gap:8px;padding:12px 14px}
    .md-demo .md-app-bar>strong{font-size:14px}
    .md-demo .md-app-bottom{padding:10px 14px;font-size:13px}
    .md-demo .md-app-bottom>span:last-child{margin-left:0;flex-basis:100%}
    .md-demo .md-product-tile>small{font-size:12px}
    .md-demo .md-source .md-product-cards{grid-template-columns:1fr}
    .md-demo .md-source .md-product-tile{grid-template-columns:70px minmax(0,1fr);gap:4px 12px}
    .md-demo .md-source .md-tile-art{height:80px}
    .md-demo .md-agent-chat{padding:16px 14px}
    .md-demo .md-toolbar{padding:12px 16px}
    .md-demo .md-toolbar>span:first-child{font-size:14px}
    .md-demo .md-sample-label{font-size:13px;line-height:1.5}
    .md-demo .md-toolbar button{min-height:44px;font-size:14px}
    .md-demo .md-status{padding:12px 16px;font-size:14px}
}

/* Feature-specific records keep the same readable workspace type scale. */
.md-demo .md-record-list,.md-demo .md-job-list{display:grid;gap:12px}
.md-demo .md-record{padding:16px;border:1px solid #ded5ee;border-radius:10px;background:linear-gradient(135deg,#fff,#fbf9ff);min-width:0}
.md-demo .md-record-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.md-demo .md-record-heading>.bi{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:#eee7ff;color:#6746ba;font-size:22px}
.md-demo .md-record-heading>div{min-width:0}
.md-demo .md-record-heading small{display:block;font-size:12px;color:#79658c;margin-bottom:3px}
.md-demo .md-record-heading strong{display:block;font-size:18px;line-height:1.35;color:#30253f;overflow-wrap:anywhere}
.md-demo .md-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.md-demo .md-record dt{font-size:13px;color:#79658c;line-height:1.5}
.md-demo .md-record dd{font-size:15px;color:#443153;margin:2px 0 0;font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.md-demo .md-nested-value{display:block;font-weight:400;font-size:14px}
.md-demo .md-record dl>div:has(.md-nested-value){grid-column:1/-1}
.md-demo .md-source-records>.md-record-list{padding-bottom:4px}
.md-demo .md-job-list{padding:14px}
.md-demo .md-job-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e0d7ef;border-radius:9px;background:#fff}
.md-demo .md-job-card>.bi{font-size:24px;color:#7852bd}
.md-demo .md-job-card strong{display:block;font-size:17px;line-height:1.4;color:#3e2c51}
.md-demo .md-job-card div>span:not(.md-pill){display:block;margin:4px 0 10px;color:#79658c;font-size:14px}
.md-demo .md-job-card .md-pill{gap:6px}
.md-demo .md-snapshot .md-job-list{padding:0}
.md-demo .md-sheet-preview{display:grid;gap:12px;padding:0 18px 18px}
.md-demo .md-sheet-preview>.md-file-chip{padding-inline:0}
.md-demo .md-sheet-cell{display:grid;gap:10px;padding:18px;border:2px solid #8b70d4;border-radius:9px;background:#f5efff}
.md-demo .md-sheet-cell>span{font-size:13px;color:#79658c;line-height:1.6}
.md-demo .md-sheet-cell>strong{font-size:34px;color:#5034aa;line-height:1.2}
.md-demo .md-sheet-cell small{font-size:16px;font-weight:500}
.md-demo .md-policy-note{padding:14px 4px 0;font-size:14px;color:#79658c;line-height:1.6}
.md-demo .md-service-status{display:flex;align-items:center;gap:14px;border:1px solid #d8cfeb;border-radius:12px;padding:20px;background:#f4efff}
.md-demo .md-service-status>.bi{font-size:34px;color:#6d49b4}
.md-demo .md-service-status small{display:block;color:#79658c;font-size:13px}
.md-demo .md-service-status strong{display:block;font-size:24px;line-height:1.3;margin-top:4px}
.md-demo .md-service-status.is-healthy{background:#edf8f1;border-color:#cce7d7}.md-demo .md-service-status.is-healthy>.bi{color:#318361}
.md-demo .md-status-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.md-demo .md-extracted-links{display:grid;gap:12px}
.md-demo .md-link-card>div{min-width:0}.md-demo .md-link-card div>span{overflow-wrap:anywhere}
.md-demo .md-import-method strong,.md-demo .md-route-editor>div:first-child>strong,.md-demo .md-response-banner>strong{overflow-wrap:anywhere;min-width:0}
.md-demo .md-config-pair{flex-wrap:wrap}
@media(max-width:700px){.md-demo .md-record{padding:14px}.md-demo .md-record dl{gap:10px}.md-demo .md-status-comparison{grid-template-columns:1fr}.md-demo .md-job-list{padding:12px}.md-demo .md-job-card{padding:14px}.md-demo .md-record-heading strong{font-size:17px}}

/* Recognizable sources on the left; screens consuming their API data on the right. */
.md-demo .md-story-caption{padding:0 4px 18px}.md-demo .md-story-caption strong{font-size:20px;line-height:1.4}.md-demo .md-story-caption p{font-size:16px;line-height:1.6;margin:6px 0 0;color:#655878;max-width:85ch}
.md-demo .md-source-chrome{padding:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f2edff;border-bottom:1px solid var(--demo-line)}
.md-demo .md-source-chrome strong{font-size:16px;line-height:1.5}.md-demo .md-source-chrome>span{font-size:13px;color:#715b89;margin-left:auto}
.md-demo .md-table-tab,.md-demo .md-formula-bar{padding:12px 16px;display:flex;gap:14px;border-bottom:1px solid #ded7ec;font-size:14px;background:#fff;align-items:center}
.md-demo .md-table-tab>span{margin-left:auto;color:#74648a}.md-demo .md-formula-bar>b{font-style:italic;color:#85719c}.md-demo .md-formula-bar>span:first-child{border-right:1px solid #ded7ec;padding-right:16px}
.md-demo .md-grid-scroll{overflow-x:auto;scrollbar-width:thin;background:#fff}.md-demo .md-grid-scroll:focus-visible{outline:2px solid var(--demo-brand);outline-offset:-3px}
.md-demo .md-data-grid{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;table-layout:auto;margin:0}
.md-demo .md-data-grid :is(th,td){padding:12px 10px;text-align:left;border:1px solid #e5dfef;vertical-align:middle;white-space:nowrap;color:#3c2c51}
.md-demo .md-data-grid th{background:#f7f5fb;font-weight:600;font-size:13px}.md-demo .md-data-grid .md-column-letters th{text-align:center;color:#847191;font-weight:500;padding:6px}
.md-demo .md-data-grid tbody th{width:34px;text-align:center;color:#8d7a9e;font-weight:400}.md-demo .md-data-grid tr.is-selected td{background:#ede7ff;border-block-color:#c5b4f2}
.md-demo .md-data-grid .md-editable-cell{padding:0;box-shadow:inset 0 0 0 2px #7356db;background:#f5f0ff}
.md-demo .md-editable-cell input{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;color:#5130ac;width:100%;min-width:75px;max-width:140px;border:0;border-radius:0;padding:11px;background:transparent}
.md-demo .md-source-foot{padding:14px 16px;font-size:14px;line-height:1.5;color:#74628b;border-top:1px solid #e4dcef}
.md-demo .md-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.md-demo .md-document-list{padding:14px;display:grid;gap:12px}.md-demo .md-db-document{border:1px solid #dcd2ee;border-radius:8px;overflow:hidden}.md-demo .md-db-document.is-selected{border:2px solid #7659d4}
.md-demo .md-db-document>div{display:flex;justify-content:space-between;gap:10px;background:#f6f2ff;padding:10px 12px;font-size:14px}.md-demo .md-db-document>div span{font-size:12px;color:#76608f}.md-demo .md-db-document pre{background:#fff;color:#4e3569;border-radius:0;padding:12px;font-size:14px}
.md-demo .md-api-bridge{display:grid;gap:7px;padding:14px;margin-bottom:16px;border:1px solid #cbbbf3;background:#f1ebff;border-radius:10px;font-size:14px}
.md-demo .md-api-bridge>div{display:flex;gap:8px;align-items:center;min-width:0}.md-demo .md-api-bridge strong{font:600 14px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;min-width:0}.md-demo .md-api-bridge>span{color:#6b5488;font-size:13px;line-height:1.5}
.md-demo .md-live-app{border:1px solid #d7cde9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #34236109}
.md-demo .md-live-address{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7f5fb;border-bottom:1px solid #e6dff1;color:#78678f;font-size:12px;flex-wrap:wrap}.md-demo .md-live-address>span{letter-spacing:2px;color:#b9a9d4}.md-demo .md-live-address>b{margin-left:auto;font-size:12px;font-weight:500}
.md-demo .md-live-heading{display:flex;gap:12px;padding:20px 16px;border-bottom:1px solid #ebe5f4;align-items:center;background:linear-gradient(120deg,#f9f6ff,#fff)}
.md-demo .md-app-monogram{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#4035ff;color:white;font-size:24px;font-weight:700}
.md-demo .md-live-heading h4{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:0;color:#211736}.md-demo .md-live-heading p{font-size:14px;line-height:1.5;color:#76638b;margin:6px 0 0}
.md-demo .md-app-content{padding:14px;display:grid;gap:12px}.md-demo .md-app-content article{border:1px solid #e2d9ee;border-radius:9px;padding:16px;background:white;min-width:0}
.md-demo .md-app-content h5{font-size:18px;line-height:1.4;margin:4px 0;color:#342344;letter-spacing:-.02em}.md-demo .md-app-content p{font-size:14px;line-height:1.5;margin:6px 0;color:#79658c}.md-demo .md-app-content strong{font-size:16px;line-height:1.5}
.md-demo .md-live-foot{padding:12px 14px;border-top:1px solid #e6dff1;background:#faf8ff;font-size:12px;color:#7c6992;line-height:1.5}
.md-demo .md-app-placeholder{padding:20px;display:grid;gap:16px}.md-demo .md-app-placeholder>strong{font-size:18px}.md-demo .md-app-placeholder>p{font-size:15px;line-height:1.5;margin:0;color:#79648e}
.md-demo .md-placeholder-card{border:1px dashed #cfc0e6;border-radius:9px;padding:16px;display:grid;gap:10px}.md-demo .md-placeholder-card>*{height:10px;background:#eee8f6;border-radius:4px;width:70%}.md-demo .md-placeholder-card>b{height:22px;width:90%}
.md-demo .md-order>div:first-child{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.md-demo .md-order-total{display:flex;justify-content:space-between;border-top:1px solid #e9e1f3;padding-top:12px;margin-top:16px;font-size:15px}.md-demo .md-order-total b{font-size:20px}
.md-demo .md-delivery-steps{display:flex;list-style:none;padding:14px 0 0;margin:0;gap:4px}.md-demo .md-delivery-steps li{flex:1;font-size:12px;color:#9a8aa8;position:relative}.md-demo .md-delivery-steps li>span{display:block;height:5px;background:#e9e2f1;border-radius:4px;margin-bottom:9px}.md-demo .md-delivery-steps .is-reached{color:#6544ae}.md-demo .md-delivery-steps .is-reached>span{background:#7a58d4}
.md-demo .md-sensor>div:first-child{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.md-demo .md-sensor>div:first-child>span{font-size:13px;color:#826999}.md-demo .md-sensor-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.md-demo .md-sensor-values span{display:block;font-size:13px;color:#7b658e}.md-demo .md-sensor-values b{font-size:30px;font-weight:650;color:#513795}.md-demo .md-sensor-values small{font-size:16px}.md-demo .md-sensor meter{display:block;width:100%;height:10px;accent-color:#7a58d4}
.md-demo .md-calendar-entry{display:flex;gap:16px;align-items:center}.md-demo .md-date-tile{flex:none;width:58px;border:1px solid #d7caec;border-radius:8px;overflow:hidden;text-align:center}.md-demo .md-date-tile>span{display:block;padding:4px;background:#ede4fd;color:#73549b;font-size:12px}.md-demo .md-date-tile>b{font-size:25px;display:block;padding:3px;color:#493260}
.md-demo .md-staff-row>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.md-demo .md-staff-row>div:first-child>span:last-child{margin-left:auto;font-size:12px;color:#887198}.md-demo .md-team-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#ece3fb;border-radius:50%;color:#7550ac;font-size:16px;font-weight:650}.md-demo .md-staff-bar{height:10px;border-radius:20px;background:#eee8f6;margin-top:16px;overflow:hidden}.md-demo .md-staff-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4035ff,#a88bed);border-radius:20px;transition:width .35s ease}
.md-demo .md-freight-option{display:grid;grid-template-columns:1fr auto;gap:12px}.md-demo .md-route-line{display:grid;gap:2px}.md-demo .md-route-line>span{font-size:12px;color:#897199}.md-demo .md-route-line>b{font-size:20px;color:#9c82bc}.md-demo .md-freight-option>div:last-child{display:grid;gap:4px;align-content:center}.md-demo .md-freight-option .md-rate{font-size:28px}.md-demo .md-freight-option>div:last-child>span:last-child{font-size:13px;color:#7d6890}
.md-demo .md-station{display:flex;align-items:center;gap:12px}.md-demo .md-map-pin{width:32px;height:38px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-10deg);background:#e7dcfb;color:#6443a8;font-size:16px;flex:none}.md-demo .md-station>div:last-child{margin-left:auto}.md-demo .md-station b{display:block;font-size:26px}.md-demo .md-station>div>span{font-size:12px;color:#88729b}
.md-demo .md-room,.md-demo .md-vendor{display:flex;gap:16px;align-items:center}.md-demo .md-room-plan{width:90px;height:85px;flex:none;border:3px solid #c2abe4;position:relative;background:#f4eefe;border-radius:4px}.md-demo .md-room-plan b{position:absolute;inset:20px;border:2px solid #a58bcc;background:#e2d2fa;border-radius:6px}.md-demo .md-room-plan>span{position:absolute;top:8px;left:30px;right:30px;height:8px;background:#bda1df;border-radius:3px}.md-demo .md-room-plan>span:last-child{top:auto;bottom:8px}.md-demo .md-venue-art{display:grid;place-items:center;flex:none;width:70px;height:70px;border-radius:12px;background:linear-gradient(135deg,#cab5f1,#eee6fa);color:white;font-size:36px}
.md-demo .md-builder-tabs{display:flex;gap:20px;padding:13px 16px;border-bottom:1px solid #ddd3ef;font-size:14px}.md-demo .md-builder-tabs strong{color:#6944b9}.md-demo .md-builder-tabs span{color:#8e769f}.md-demo .md-builder-prompt,.md-demo .md-builder-reply{padding:16px;margin:16px;border-radius:12px;background:#ede7ff}.md-demo .md-builder-reply{background:#fff;border:1px solid #dfd5ee}.md-demo .md-builder :is(.md-builder-prompt,.md-builder-reply)>span{font-size:12px;color:#79618d;font-weight:650}.md-demo .md-builder p{font-size:15px;line-height:1.6;margin:6px 0 0;color:#4d385f}
.md-demo .md-editor-file{margin:16px;border:1px solid #dcd1ed;border-radius:9px;overflow:hidden}.md-demo .md-editor-file>div{padding:10px 14px;background:#ece5f8;color:#5e447b;font-size:14px;display:flex;justify-content:space-between;gap:8px}.md-demo .md-editor-file>div span{font-size:12px}.md-demo .md-editor-file pre{border-radius:0;font-size:14px;padding:16px}.md-demo .md-server-boundary{margin:16px;padding:14px;border:1px dashed #c4b3e0;border-radius:8px}.md-demo .md-server-boundary strong{font-size:14px}.md-demo .md-server-boundary p{font-size:13px}
.md-demo .md-app-view-switch{display:flex;gap:6px}.md-demo .md-app-view-switch button{min-height:44px;padding:9px 18px;border:1px solid #d8c9ed;border-radius:7px;font-size:14px;background:#fff;color:#77598f;cursor:pointer}.md-demo .md-app-view-switch button[aria-pressed=true]{background:#4832c5;color:#fff;border-color:#4832c5}
.md-demo .md-app-content .md-food-recipe{padding:0;overflow:hidden}.md-demo .md-food-cover{display:flex;align-items:center;justify-content:center;gap:24px;min-height:132px;background:radial-gradient(ellipse at 30% 40%,#fff 0,#f5efff 48%,#e4d7f8 100%);border-bottom:1px solid #e5dbef}.md-demo .md-food-cover>span{display:grid;place-items:center;font-size:80px;line-height:1;width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 8px 22px #57417918;transform:rotate(-8deg)}.md-demo .md-food-cover>b{font-size:12px;letter-spacing:.16em;max-width:80px;line-height:1.8;color:#76599b}.md-demo .md-food-body{padding:18px}.md-demo .md-food-cuisine{font-size:13px;color:#76599b;font-weight:600}.md-demo .md-food-body h5{font-size:21px;margin:7px 0 12px;line-height:1.3}.md-demo .md-food-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px;color:#705d84}.md-demo .md-food-meta .bi{color:#6242b6;margin-right:4px}.md-demo .md-food-details{margin-top:16px;border-top:1px solid #e8e0f0}.md-demo .md-food-details summary{padding:14px 0 0;min-height:44px;color:#5334bb;font-weight:650;font-size:15px;cursor:pointer}.md-demo .md-food-details h6{font-size:15px;margin:18px 0 8px;color:#38294a}.md-demo .md-food-details :is(ul,ol){padding-left:22px;margin:0;display:block}.md-demo .md-food-details li{font-size:15px;line-height:1.6;margin:7px 0;color:#645174}.md-demo .md-food-recipe.is-list{display:grid;grid-template-columns:80px minmax(0,1fr)}.md-demo .is-list .md-food-cover{min-height:100px;border:0;border-right:1px solid #e5dbef;align-items:flex-start;padding-top:18px}.md-demo .is-list .md-food-cover>span{font-size:44px;width:62px;height:62px}.md-demo .is-list .md-food-cover>b{display:none}.md-demo .is-list .md-food-body{padding:14px}

.md-demo[data-animate=true][data-phase="3"] .md-app-content>article{animation:md-scene-arrive .45s ease both}.md-demo[data-animate=true][data-phase="3"] .md-app-content>article:nth-child(2){animation-delay:.12s}.md-demo[data-animate=true][data-phase="3"] .md-app-content>article:nth-child(3){animation-delay:.24s}
@media(max-width:1000px){.md-demo:has(.md-story-caption) .md-panels{grid-template-columns:1fr}.md-demo:has(.md-story-caption) .md-result{border-left:0;border-top:1px solid #e8e0f3}.md-demo:has(.md-story-caption) .md-panels{background:white}}
@media(max-width:700px){.md-demo .md-story-caption strong{font-size:18px}.md-demo .md-story-caption p{font-size:15px}.md-demo .md-live-heading{padding:16px 12px}.md-demo .md-app-content{padding:10px}.md-demo .md-app-content article{padding:12px}.md-demo .md-live-heading h4{font-size:22px}.md-demo .md-api-bridge{padding:12px}.md-demo .md-api-bridge strong{font-size:13px}.md-demo .md-room-plan{width:66px;height:70px}.md-demo .md-room-plan b{inset:17px 12px}.md-demo .md-room-plan>span{left:23px;right:23px}.md-demo .md-source-chrome{padding:14px}.md-demo .md-source-chrome>span{margin-left:0;width:100%}}
.md-demo .md-provider-sources{padding:16px;display:grid;gap:14px}.md-demo .md-provider{border:1px solid #ddcfee;border-radius:10px;background:#fff;overflow:hidden}.md-demo .md-provider>div{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;background:#f4effc;padding:14px;font-size:16px}.md-demo .md-provider dl{padding:14px;margin:0;display:grid;gap:10px}.md-demo .md-provider dl>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;flex-wrap:wrap}.md-demo .md-provider dt{color:#856c99;font-weight:400}.md-demo .md-provider dd{font-weight:600;margin:0;overflow-wrap:anywhere}.md-demo .md-customer-profile{padding:20px}.md-demo .md-customer-profile h4{font-size:25px;margin:12px 0 6px}.md-demo .md-customer-profile p{font-size:15px;line-height:1.6;color:#80668f;margin:8px 0}.md-demo .md-profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.md-demo .md-profile-metrics>div{padding:14px;background:#f2ebfc;border-radius:10px;display:grid;gap:12px}.md-demo .md-profile-metrics span{font-size:13px;color:#7b5e94}.md-demo .md-profile-metrics b{font-size:28px;color:#573194}.md-demo .md-arrival{display:grid;gap:8px;background:#f1ebfc;border-radius:10px;padding:16px;margin-top:20px}.md-demo .md-arrival span{font-size:13px;color:#836799}.md-demo .md-arrival strong{font-size:24px}.md-demo .md-agent-answer h4{font-size:22px;margin:16px 0}.md-demo .md-agent-answer>p{font-size:16px;line-height:1.7;margin-bottom:20px}.md-demo .md-agent-answer>strong{display:block;font-size:14px;margin-bottom:12px}

.md-demo .md-live-heading h4,.md-demo .md-app-content h5{font-weight:700}

/* Product stories: source, ApiClay's work, and a result the visitor can use. */
.md-demo .md-loop-status{padding:10px 24px;background:#faf8ff;border-bottom:1px solid var(--demo-line);font-size:13px;line-height:1.5;color:#735d8f}
.md-demo .md-product-process{padding:18px}.md-demo .md-product-process>p{font-size:15px;line-height:1.6;color:#79628c;margin:14px 0 0}
.md-demo .md-field-connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0}.md-demo .md-field-connection strong{font-size:14px;padding:8px 10px;border:1px solid #dbceec;background:#f4edfd;border-radius:6px;overflow-wrap:anywhere}.md-demo .md-field-connection>span{font-size:22px;color:#7953c5}
.md-demo .md-credit-plan{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:18px;border-block:1px solid #e2d6ee;padding-block:16px;align-items:center}.md-demo .md-credit-plan>span{font-size:14px;color:#7d6490}.md-demo .md-credit-plan>strong{font-size:15px;color:#4f326a}
.md-demo .md-source-status{padding:20px;border:1px solid #d8c9ea;background:linear-gradient(120deg,#f1eafa,#fff);border-radius:12px;display:grid;gap:9px}.md-demo .md-source-status>span{font-size:13px;color:#7d6394}.md-demo .md-source-status>strong{font-size:28px;color:#51316f}.md-demo .md-source-status>p{font-size:13px;color:#856c97;margin:0}
.md-demo .md-answer-draft{padding:20px;border-bottom:1px solid #e4d9ee;background:#fbf8ff}.md-demo .md-answer-draft>p{font-size:18px;line-height:1.65;color:#3e2852;margin:8px 0 0}
.md-demo .md-supplier-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.md-demo .md-supplier-comparison article{min-width:0;padding:16px;border:1px solid #dfd2ed;border-radius:10px;background:#fff}.md-demo .md-supplier-comparison h5{font-size:17px;font-weight:700;line-height:1.4;margin:0}.md-demo .md-supplier-comparison p{font-size:13px;color:#856b98;margin:5px 0 18px}.md-demo .md-supplier-comparison article>div{display:grid;gap:4px;margin-top:12px}.md-demo .md-supplier-comparison strong{font-size:28px;color:#5c3795}.md-demo .md-supplier-comparison small{font-size:14px;font-weight:500}.md-demo .md-supplier-comparison article>div>span{font-size:13px;color:#856d98}
.md-demo .md-entitlement{padding:20px;display:grid;gap:16px}.md-demo .md-entitlement>strong{font-size:18px}.md-demo .md-entitlement>div{display:flex;gap:12px;justify-content:space-between;font-size:15px;flex-wrap:wrap}.md-demo .md-entitlement>div>b{color:#69439d}
.md-demo .md-batch-summary{padding:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}.md-demo .md-batch-summary>strong{font-size:18px}.md-demo .md-batch-summary>span{font-size:13px;color:#806590}.md-demo .md-batch-summary+progress{margin:0;width:100%;border-radius:0}
.md-demo .md-company-result>div{display:flex;gap:10px;align-items:center}.md-demo .md-company-result>div>div{min-width:0}.md-demo .md-company-result>div>.md-pill{margin-left:auto;font-size:12px}.md-demo .md-company-result dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 0;border-top:1px solid #ebe2f4;padding-top:12px}.md-demo .md-company-result dt{font-size:12px;color:#8a709b;font-weight:400}.md-demo .md-company-result dd{font-size:16px;font-weight:650;margin:4px 0 0;color:#57356e}.md-demo .md-company-result.is-queued{background:#faf8fc;border-style:dashed}
.md-demo .md-export-bar{padding:16px;border-top:1px solid #e4d8ef;background:#f8f3ff}.md-demo .md-export-bar>strong{font-size:15px}.md-demo .md-export-bar>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.md-demo .md-export-bar button{min-height:44px;padding:10px 12px;border:1px solid #c9b3e6;background:#fff;color:#674496;border-radius:7px;font-size:13px;font-weight:650;cursor:pointer}.md-demo .md-export-bar button:hover{background:#eee4fc}.md-demo .md-export-bar>p{font-size:13px;line-height:1.6;color:#856a98;margin:12px 0 0}
.md-demo .md-webhook-receipt{display:grid;gap:10px;padding:16px;border:1px solid #d1bfe8;background:#f6efff;border-radius:10px;margin-bottom:16px}.md-demo .md-webhook-receipt .md-pill{justify-self:start}.md-demo .md-webhook-receipt>strong{font-size:19px}.md-demo .md-webhook-receipt p{font-size:14px;line-height:1.5;color:#7c5e92;margin:0}
.md-demo .md-alert-message{padding:20px}.md-demo .md-alert-message>div:first-child{display:flex;align-items:center;gap:10px}.md-demo .md-alert-message strong{font-size:17px;line-height:1.4}.md-demo .md-alert-message>p{font-size:16px;line-height:1.6;color:#6c507e;margin:14px 0}.md-demo .md-alert-dot{width:10px;height:10px;border-radius:50%;background:#8350c1;box-shadow:0 0 0 5px #f0e3ff;flex:none}.md-demo .md-alert-context{display:grid;grid-template-columns:1fr;gap:6px;border-block:1px solid #e7daef;padding-block:14px;margin-bottom:16px}.md-demo .md-alert-context>span{font-size:12px;color:#8d70a0}.md-demo .md-alert-context>strong{font-size:14px;margin-bottom:6px}
.md-demo .md-no-change{padding:24px 20px;display:grid;gap:14px;justify-items:start}.md-demo .md-no-change>.bi{font-size:32px;color:#7552a9}.md-demo .md-no-change>strong{font-size:20px;line-height:1.4}.md-demo .md-no-change p{font-size:15px;line-height:1.6;color:#80638f;margin:0}
.md-demo .md-shop-widget{display:flex;align-items:center;gap:16px;padding:20px}.md-demo .md-shop-widget>.md-product-svg{width:120px;flex:none}.md-demo .md-shop-widget>div{display:grid;gap:12px}.md-demo .md-shop-widget h5{font-size:22px;line-height:1.3;font-weight:700;margin:0}.md-demo .md-shop-widget strong{font-size:30px;color:#61409b}.md-demo .md-shop-widget p{font-size:15px;color:#876b98;margin:0}
.md-demo .md-weather-widget{padding:28px;display:grid;gap:12px;justify-items:center;background:radial-gradient(ellipse at top,#eae0ff,#fff 70%)}.md-demo .md-weather-widget>.bi{font-size:68px;color:#8f6bc3}.md-demo .md-weather-widget>strong{font-size:52px;line-height:1.2;color:#4a2871}.md-demo .md-weather-widget small{font-size:24px;font-weight:500}.md-demo .md-weather-widget p{font-size:18px;color:#826391;margin:0}
.md-demo .md-capture-summary{display:grid;gap:7px;padding:16px;background:#f6f0fd;border-bottom:1px solid #e5d8ef}.md-demo .md-capture-summary>strong{font-size:17px}.md-demo .md-capture-summary>span{font-size:13px;color:#886b9a}
.md-demo[data-animate=true][data-phase="3"] :is(.md-answer-draft,.md-webhook-receipt,.md-alert-message,.md-weather-widget){animation:md-scene-arrive .5s ease both}
@media(max-width:700px){.md-demo .md-loop-status{padding:10px 16px}.md-demo .md-supplier-comparison{grid-template-columns:1fr;padding:12px}.md-demo .md-supplier-comparison article{display:grid;grid-template-columns:1fr 1fr;gap:8px}.md-demo .md-supplier-comparison article>:is(h5,p){grid-column:1/-1}.md-demo .md-supplier-comparison article>p{margin-bottom:0}.md-demo .md-supplier-comparison article>div{margin-top:4px}.md-demo .md-credit-plan{grid-template-columns:1fr 1fr;gap:12px 8px}.md-demo .md-credit-plan>strong{font-size:14px}.md-demo .md-answer-draft{padding:16px}.md-demo .md-answer-draft p{font-size:17px}.md-demo .md-company-result>div{flex-wrap:wrap}.md-demo .md-company-result>div>.md-pill{margin-left:0}.md-demo .md-shop-widget{padding:16px;gap:12px}.md-demo .md-shop-widget>.md-product-svg{width:80px}.md-demo .md-shop-widget h5{font-size:19px}.md-demo .md-alert-message{padding:16px}}

.md-demo .md-food-details ul{list-style:disc}.md-demo .md-food-details ol{list-style:decimal}
@media(max-width:480px){.md-demo .md-food-recipe.is-list{display:block}.md-demo .is-list .md-food-cover{min-height:70px;padding:8px;align-items:center;border-right:0;border-bottom:1px solid #e5dbef}.md-demo .is-list .md-food-cover>b{display:block}}