:root{--ink:#193b3e;--muted:#617b7b;--line:#d9e6e1;--paper:#f5f7f2;--accent:#087e7f;--accent-dark:#075d62;--gold:#dfbd61;--danger:#a13b45;--bs-body-font-family:Inter,"Segoe UI",system-ui,sans-serif;--bs-body-color:var(--ink);--bs-body-bg:var(--paper);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 Inter,"Segoe UI",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent-dark);text-underline-offset:3px}a:hover{color:#023b42}h1,h2,h3,h4,p,span,strong{overflow-wrap:anywhere}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.7px;font-weight:750}h1{font-size:clamp(36px,4.4vw,59px);margin:16px 0 22px}h2{font-size:clamp(26px,2.6vw,35px);margin:0 0 12px}h3{font-size:25px;margin:0 0 12px}h4{font-size:16px;letter-spacing:-.2px;margin:0}p{margin:0 0 17px}p:last-child{margin-bottom:0}code{font-family:Consolas,"Cascadia Code",monospace;font-size:.88em;color:var(--accent-dark);background:#e8f1eb;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}pre{margin:0;background:#102e35;color:#d9eee6;padding:23px;font:13px/1.7 Consolas,"Cascadia Code",monospace;overflow:auto;max-width:100%;white-space:pre}pre code{background:transparent;color:inherit;padding:0;font-size:inherit;overflow-wrap:normal;white-space:pre}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #ddb643;outline-offset:3px}section{scroll-margin-top:22px}.skip-link{position:absolute;top:8px;left:8px;z-index:20;background:#fff;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;transition:background-color .15s,transform .15s}.action-primary{background:var(--accent);color:#fff!important;border:1px solid var(--accent)}.action-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.action-secondary{background:#e9f2ec;color:var(--accent-dark);border:1px solid #c9ddd3}.action-secondary:hover{background:#dbece3}.action-text{color:var(--muted);border:1px solid transparent;background:transparent}.action-text:hover{background:#e9f0e9}.action-ghost{color:#e4f6ed!important;background:#ffffff06;border:1px solid #8bd3bd50}.action-ghost:hover{background:#ffffff12}.hero{padding:28px max(24px,calc((100vw - 1160px)/2)) 48px;background-color:#063e42;background-image:linear-gradient(#91d9c80b 1px,transparent 1px),linear-gradient(90deg,#91d9c80b 1px,transparent 1px),radial-gradient(ellipse at 90% 0,#0c6265 0,transparent 65%);background-size:28px 28px,28px 28px,100% 100%;color:#eff8ef;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;font-size:21px;font-weight:750;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#acd6cb;margin-top:4px}.brand-mark{height:45px;min-width:43px;border-radius:12px;border:1px solid #81cfbb60;background:#b0f7d611;display:flex;align-items:center;justify-content:center;gap:1px;font-size:28px}.brand-mark span{color:#dfbd61;font-size:17px}.version-tag{font-size:11px;color:#b5dbd0;letter-spacing:.2px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.75fr);gap:60px;align-items:center}.hero .eyebrow{color:#8fd7ca}.hero h1 span{color:#a3e7d6}.hero-lead{font-size:17px;line-height:1.8;color:#c4ddd5;max-width:660px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero .action-primary{color:#16423d!important;background:#c6eddb;border-color:#c6eddb}.flow-visual{background:#082f35bd;border:1px solid #83cbb94a;border-radius:20px;padding:0 24px 24px;box-shadow:0 20px 50px #02252a20;transform:rotate(1deg)}.visual-top{display:flex;align-items:center;gap:13px;font-size:10px;color:#a8d0c4;border-bottom:1px solid #81c5b727;padding:17px 0;margin-bottom:23px}.window-dots{display:flex;gap:5px;flex-shrink:0}.window-dots i{height:6px;width:6px;border-radius:50%;background:#5fa493}.window-dots i:first-child{background:#d4b862}.window-dots i:last-child{background:#91c9b5}.flow-row{display:flex;gap:15px;align-items:center}.flow-row>div{min-width:0}.flow-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:11px;border:1px solid #8ad0bc55;color:#b4ead5;background:#9aeac711;font-size:23px}.flow-row small{display:block;font-size:9px;letter-spacing:1.4px;color:#94b8b2}.flow-row strong{display:block;font-size:14px;color:#eef9ec;margin:4px 0}.flow-row code{font-size:10px;color:#a9d4c7;background:none;padding:0}.flow-line{margin:7px 0 7px 21px;width:1px;height:15px;background:#71c2ad50}.response-mini{font-size:11px;color:#b4dacb;display:flex;gap:8px;align-items:center}.response-mini b{background:#b9e8c91c;color:#b5e8c7;border-radius:4px;padding:1px 7px;font-family:Consolas,monospace}.workshop-main{max-width:1220px;padding:28px 30px 0;margin:0 auto}.mode-banner{border:1px solid #d7e2d5;background:#edf2e4;display:flex;align-items:flex-start;gap:13px;border-radius:12px;padding:18px 20px;margin-bottom:44px;font-size:13px}.mode-light{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#8a8f4d;box-shadow:0 0 0 4px #8a8f4d10;margin-top:8px}.mode-banner strong{display:block;color:#536235;font-size:13px;margin-bottom:4px}.mode-banner p{color:#60705c;font-size:12px;line-height:1.75;margin:0}.mode-banner.is-server{background:#e8f4ed;border-color:#b6ddcb}.mode-banner.is-server strong{color:#17634f}.mode-banner.is-server .mode-light{background:#2f9470}.mode-banner.is-error{background:#faeae8;border-color:#e6b9b6}.mode-banner.is-error strong{color:var(--danger)}.mode-tag{margin-left:auto;flex-shrink:0;border:1px solid #bbc5a7;border-radius:6px;padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#63713f;margin-top:1px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px}.section-heading p:not(.eyebrow){max-width:770px;font-size:14px;color:var(--muted)}.section-heading>.btn{flex-shrink:0}.scenario-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:26px}.scenario-choice{display:flex;text-align:left;align-items:flex-start;gap:11px;min-height:78px;padding:13px;background:#edf2eb;border:1px solid #d9e2d5;border-radius:10px;color:var(--ink);transition:background-color .15s,border-color .15s}.scenario-choice:hover{background:#e3eee5}.scenario-choice[aria-pressed="true"]{background:#e0f0e6;border-color:#398976;box-shadow:inset 3px 0 #298572}.scenario-choice>span{font:11px Consolas,monospace;color:#5c8176;display:grid;place-items:center;border:1px solid #bfd4c9;border-radius:6px;width:28px;height:29px;flex-shrink:0;margin-top:2px}.scenario-choice strong{display:block;font-size:12px;line-height:1.5;font-weight:700}.scenario-choice small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-family:Consolas,monospace}.scenario-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:22px;align-items:start}.scenario-intro h3{font-size:25px;margin-bottom:10px}.scenario-intro>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.usecase{border-left:3px solid #c6ae66;padding:1px 0 1px 18px;font-size:13px}.usecase strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#8b773c;margin-bottom:5px}.usecase p{color:#6f7158;line-height:1.75}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 3px 10px #123b2c02}.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid var(--line);min-height:74px}.panel-heading>div{display:flex;align-items:center;gap:10px;min-width:0}.panel-heading h3{font-size:18px;letter-spacing:-.35px;margin:0}.step-label{display:grid;place-items:center;min-width:25px;height:26px;border-radius:6px;background:#ecf3ed;color:#6c8c7e;font:11px Consolas,monospace}.small-label{font-size:10px;color:var(--muted);text-align:right}.request-panel form{padding:22px}.request-address{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px}label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.form-control,.form-select{border-color:#cddbd4;border-radius:7px;font-size:13px;min-height:43px;background-color:#fff;color:var(--ink)}.form-control:focus,.form-select:focus{border-color:#4c9a85;box-shadow:0 0 0 3px #5bb2971b}.request-address input{font:12px Consolas,monospace}.form-text{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 0}.field{margin-top:22px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-heading span{font:10px Consolas,monospace;color:#7f938c}.code-input{font:12px/1.7 Consolas,"Cascadia Code",monospace;resize:vertical;tab-size:2;padding:13px;min-height:110px;white-space:pre;overflow:auto;background:#f7faf6}.body-field[hidden]{display:none}.header-disclosure{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:38px;display:list-item;font-size:12px;font-weight:650;color:var(--accent-dark);line-height:1.7}summary span{font-size:10px;color:var(--muted);font-weight:400;margin-left:7px}.header-disclosure label{margin-top:7px}.header-disclosure textarea{min-height:85px}.request-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:22px}.request-actions .action-primary{flex:1}.request-hint{margin:0!important;padding:15px 22px;background:#f5f7ee;border-top:1px solid #e4e8d8;color:#727653;font-size:12px}.field-error{padding:12px 14px;background:#faeae8;color:#963b41;border:1px solid #ebc9c4;border-radius:7px;font-size:13px;line-height:1.6;margin-top:14px}.field-error[hidden]{display:none}.http-status{font:11px Consolas,monospace;white-space:nowrap;padding:5px 9px;border-radius:6px;background:#e7f4eb;color:#23714e;border:1px solid #c6e4d0}.http-status.fail{background:#faeae7;color:#a34443;border-color:#edc9c1}.http-status.idle{background:#f0f3ee;color:#6d8175;border-color:#dce4da;font-family:inherit;font-size:10px}.http-status.loading{background:#fbf5df;border-color:#eaddad;color:#8e7533}.response-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid #e8eee9;font:10px/1.6 Consolas,monospace;color:#788c83;overflow-wrap:anywhere}.response-meta span:last-child{flex-shrink:0}.response-message{padding:19px 22px;font-size:13px}.response-message strong{display:block;margin-bottom:5px}.response-message p{font-size:12px;color:var(--muted);line-height:1.75}.response-message.is-error strong{color:var(--danger)}.field-errors{margin:0 22px 18px;padding:12px 14px;background:#fcf0eb;border:1px solid #edd6ca;border-radius:8px;font-size:12px;color:#8f4943}.field-errors ul{margin:0;padding-left:18px}.field-errors li+li{margin-top:5px}.field-errors code{background:#f3e1d7;color:#8a4440}.response-code-bar,.code-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;font-size:10px;color:#afd0c6;background:#173b40;border-bottom:1px solid #87b6a920}.copy-button{min-height:36px;background:transparent;border:1px solid #a7cdb94d;border-radius:6px;padding:6px 10px;font-size:10px;color:inherit}.copy-button:hover{background:#ffffff0e}.response-json{max-height:350px;min-height:190px}.response-headers{border-bottom:1px solid #e3ebe5}.response-headers summary{padding:12px 22px;font-size:11px}.response-headers pre{font-size:11px;max-height:200px}.response-explanation{padding:17px 22px;font-size:12px;color:var(--muted);line-height:1.75;margin:0!important}.app-preview{margin-top:20px}.preview-badge{background:#edf3e6;border:1px solid #dbe5cc;padding:4px 9px;border-radius:5px;color:#78864e;font-size:10px}.preview-description{padding:18px 22px 0;margin:0;font-size:13px;color:var(--muted)}.app-preview>.field-error{margin:15px 22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:22px}.metric-grid>div{background:#f4f7ef;border:1px solid #e0e8d8;border-radius:10px;padding:16px 17px;min-width:0}.metric-grid span{display:block;font-size:11px;color:#71816a}.metric-grid strong{display:block;font-size:26px;font-weight:750;line-height:1.25;letter-spacing:-1px;margin:7px 0}.metric-grid small{font-size:10px;color:#92a08a}.preview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;padding:0 22px 22px}.preview-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.preview-section-title span{font-size:10px;color:#8c9c90}.service-card{display:flex;gap:12px;align-items:center;background:#fafbf7;border:1px solid #e2e8db;border-radius:9px;padding:13px 14px}.service-card+.service-card{margin-top:8px}.service-icon{width:35px;height:38px;flex-shrink:0;display:grid;place-items:center;color:#3d8f82;background:#e4f1e8;border:1px solid #cddfd2;border-radius:8px;font-size:18px}.service-card>div{flex:1;min-width:0}.service-card h5{font-size:12px;font-weight:700;line-height:1.5;margin:0}.service-card p{font-size:10px;color:#86998b;margin:3px 0 0}.service-card>strong{font-size:12px;white-space:nowrap}.request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid #e7ede3}.request-row:first-child{padding-top:0}.request-row:last-child{border:0;padding-bottom:0}.request-row strong{font-size:12px;display:block}.request-row small{font-size:10px;color:#87978c;display:block;margin-top:3px}.request-row>div:last-child{text-align:right}.request-row .amount{display:block;font-size:12px;font-weight:650;margin-top:4px}.request-state{display:inline-block;font-size:9px;line-height:1.4;border-radius:4px;padding:3px 6px;color:#4a7b72;background:#e7f1eb}.request-state.done{color:#2d794e;background:#e5f4e6}.request-state.cancelled{color:#925552;background:#f5e9e5}.request-state.in_progress{color:#54758c;background:#e8eff5}.preview-footnote{border-top:1px solid #e6ece2;background:#fbfcf7;padding:12px 22px;font-size:11px;color:#8b9780;margin:0!important}.code-section,.history-section{margin-top:46px}.source-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:#173b40;padding:12px 14px;border-bottom:1px solid #b2d4c51c}.source-tabs [role=tab]{border:1px solid transparent;background:transparent;color:#9dc3b7;border-radius:6px;padding:9px 13px;font-size:12px;min-height:40px}.source-tabs [aria-selected=true]{background:#b4e3c91c;border-color:#87c0a63b;color:#e4f7df}.source-tabs>.copy-button{margin-left:auto;color:#c4e3d3}.source-panel pre{min-height:220px;max-height:520px}.source-note{padding:15px 22px;background:#f3f7ee;color:#748367;font-size:12px;margin:0!important}.history-list{display:grid;gap:7px}.history-item{display:grid;grid-template-columns:48px 54px minmax(0,1fr) 60px;gap:13px;align-items:center;text-align:left;border:1px solid #dce6d9;border-radius:9px;background:#fff;padding:12px 16px;color:var(--ink);min-height:51px}.history-item:hover{background:#eff6ef;border-color:#9dc6b0}.history-item time{font:10px Consolas,monospace;color:#8d9b8f}.history-item .history-method{font:11px Consolas,monospace;color:#3e8579}.history-item code{font-size:11px;background:none;padding:0;color:#6b8276}.history-item .http-status{justify-self:end}.empty-history{padding:23px;border:1px dashed #cddfcf;border-radius:10px;color:#81907b;font-size:13px}.local-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:32px;margin-top:46px;background:#eaf2e7;border-color:#d0dfc8}.local-section h2{font-size:31px}.local-section p{font-size:13px;color:#677b60}.local-section .btn{margin:6px 0 15px}.local-section .evidence-link{display:block;font-size:11px}.local-section .code-bar{border-radius:9px 9px 0 0;font-size:10px}.local-section pre{border-radius:0 0 9px 9px;margin-bottom:16px;font-size:14px}.local-section code{background:#ddebd8}.local-section pre code{background:transparent}.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:11px;color:#859280}.workshop-footer a{color:#60866e}.workshop-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);max-width:calc(100% - 32px);background:#173e3c;color:#f3faef;padding:12px 20px;border-radius:9px;box-shadow:0 8px 25px #002e2a30;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;text-align:center}.workshop-toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.hero h1{font-size:43px}.hero-lead{font-size:15px}.flow-visual{padding:0 20px 22px}.flow-row strong{font-size:12px}.scenario-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.scenario-choice{padding:11px;gap:7px}.scenario-choice>span{width:23px;height:25px;font-size:10px}.scenario-choice strong{font-size:11px}.scenario-choice small{font-size:9px}.workshop-main{padding:24px 22px 0}.workbench-grid{gap:14px}.request-panel form{padding:18px}.request-address{grid-template-columns:90px minmax(0,1fr)}.request-address input{font-size:11px}.panel-heading{padding:16px 18px}.panel-heading h3{font-size:16px}.response-meta{padding:12px 18px;flex-wrap:wrap;gap:4px}.preview-grid{gap:22px}.metric-grid strong{font-size:22px}.service-card{padding:12px;gap:8px}.service-card>strong{font-size:11px}.service-icon{width:28px;height:32px}.local-section{gap:30px;padding:27px}}
@media(max-width:760px){.hero{padding:22px 22px 32px}.hero-top{margin-bottom:25px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:40px;line-height:1.2}.hero-lead{font-size:15px;max-width:600px}.flow-visual{transform:none;max-width:650px;padding:0 18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.visual-top{grid-column:1/-1;margin-bottom:0;padding:14px 0}.flow-row{display:block}.flow-row .flow-icon{margin-bottom:10px;width:34px;height:35px;font-size:19px}.flow-row small{font-size:8px;letter-spacing:1px}.flow-row strong{font-size:12px}.flow-row code,.response-mini{font-size:10px}.flow-line{display:none}.version-tag{font-size:10px;max-width:160px;text-align:right}.workshop-main{padding:23px 18px 0}.mode-banner{margin-bottom:33px;padding:16px;font-size:12px}.mode-banner p{font-size:13px}.mode-tag{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:28px}.section-heading p:not(.eyebrow){font-size:13px}.scenario-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scenario-choice{min-height:72px;padding:12px;gap:10px}.scenario-choice strong{font-size:13px}.scenario-choice small{font-size:11px}.scenario-choice>span{width:25px;height:28px}.scenario-intro{grid-template-columns:1fr;gap:18px}.scenario-intro h3{font-size:26px}.scenario-intro>div>p:not(.eyebrow){font-size:14px}.usecase{font-size:13px}.workbench-grid{grid-template-columns:1fr;gap:18px}.panel-heading{padding:18px 20px}.panel-heading h3{font-size:18px}.small-label{font-size:11px}.request-panel form{padding:20px}.form-control,.form-select{font-size:16px;min-height:45px}.request-address{grid-template-columns:100px minmax(0,1fr)}.request-address input{font-size:13px}.form-text{font-size:13px}.code-input{font-size:13px;min-height:160px}.header-disclosure textarea{min-height:100px}.field-heading span{font-size:11px}label,summary{font-size:13px}summary{min-height:44px}.request-hint{font-size:13px}.response-meta{font-size:11px;flex-wrap:wrap;padding:13px 20px}.response-message{padding:20px}.response-message strong{font-size:14px}.response-message p,.response-explanation{font-size:13px}.response-explanation{padding:18px 20px}.response-code-bar{font-size:11px}.copy-button{min-height:44px;font-size:11px;padding:8px 11px}.response-json{min-height:180px;max-height:360px;font-size:12px}.response-headers summary{font-size:12px}.field-errors{font-size:13px;margin:0 20px 18px}.preview-description{font-size:13px;padding:18px 20px 0}.preview-badge{font-size:10px;max-width:145px;text-align:right}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:10px}.metric-grid span{font-size:12px}.metric-grid strong{font-size:25px}.metric-grid small{font-size:11px}.preview-grid{grid-template-columns:1fr;gap:24px;padding:0 20px 20px}.preview-section-title span{font-size:11px}.service-card{padding:13px;gap:12px}.service-card h5{font-size:13px}.service-card p{font-size:11px}.service-card>strong{font-size:13px}.service-icon{width:34px;height:38px}.request-row strong{font-size:13px}.request-row small{font-size:11px}.request-row .amount{font-size:13px}.request-state{font-size:11px}.preview-footnote{font-size:12px}.source-tabs{padding:10px;gap:4px}.source-tabs [role=tab]{min-height:44px;padding:9px 10px;font-size:12px}.source-tabs>.copy-button{margin-left:0}.source-panel pre{font-size:12px;padding:20px;max-height:450px}.source-note{font-size:13px;padding:17px 20px}.history-item{grid-template-columns:46px 49px minmax(0,1fr) 54px;gap:8px;padding:12px}.history-item time,.history-item code,.history-item .history-method{font-size:11px}.history-item .http-status{font-size:11px;padding:4px 7px}.local-section{grid-template-columns:1fr;gap:27px;padding:24px;margin-top:35px}.local-section h2{font-size:28px}.local-section p{font-size:14px}.local-section .evidence-link{font-size:13px}.local-section .code-bar{font-size:11px}.workshop-footer{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px}.workshop-footer a{display:inline-flex;align-items:center;min-height:44px}.code-section,.history-section{margin-top:35px}}
@media(max-width:420px){.hero{padding:20px 18px 28px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-lead{font-size:14px}.brand{font-size:20px;gap:9px}.brand small{font-size:9px}.version-tag{font-size:10px;max-width:125px}.hero-actions{gap:9px}.hero-actions .btn{flex:1 1 100%;font-size:13px}.flow-visual{display:block;padding:0 20px 23px}.visual-top{margin-bottom:20px;font-size:11px}.flow-row{display:flex;gap:14px}.flow-row .flow-icon{margin:0;width:36px;height:39px}.flow-row small{font-size:9px}.flow-row strong{font-size:13px}.flow-row code,.response-mini{font-size:11px}.flow-line{display:block;margin-left:18px}.workshop-main{padding:20px 15px 0}.mode-banner{padding:15px;gap:10px}.mode-banner strong{font-size:13px}.section-heading h2{font-size:27px}.scenario-menu{gap:7px}.scenario-choice{padding:10px 8px;gap:7px;min-height:86px}.scenario-choice>span{width:23px;height:25px;font-size:10px}.scenario-choice strong{font-size:12px}.scenario-choice small{font-size:10px}.scenario-intro h3{font-size:25px}.request-address{grid-template-columns:1fr}.request-address input{font-size:14px}.request-address select{max-width:150px}.request-panel form{padding:18px}.panel-heading{padding:17px 18px;align-items:flex-start}.panel-heading h3{font-size:17px}.small-label{max-width:90px}.http-status{font-size:11px}.response-meta{padding:12px 18px}.field-heading{align-items:flex-start;gap:8px}.field-heading span{font-size:10px}.request-actions{gap:8px}.request-actions .btn{width:100%;font-size:13px}.request-hint{padding:15px 18px}.response-message{padding:18px}.response-json{padding:18px;font-size:11px}.response-explanation{padding:17px 18px}.app-preview .panel-heading{flex-wrap:wrap;gap:8px}.preview-description{padding:17px 18px 0}.metric-grid{padding:18px;gap:8px}.metric-grid>div{padding:13px 12px}.metric-grid strong{font-size:22px}.metric-grid span{font-size:11px}.metric-grid small{font-size:10px}.preview-grid{padding:0 18px 18px}.preview-section-title{align-items:flex-start;gap:8px}.preview-section-title span{max-width:115px;text-align:right}.service-card{padding:12px;gap:9px;flex-wrap:wrap}.service-card>strong{margin-left:auto}.service-icon{width:30px;height:34px}.request-row{gap:8px}.request-row small{font-size:10px}.request-state{font-size:10px}.preview-footnote{padding:13px 18px}.source-tabs [role=tab]{font-size:11px;padding:8px}.source-panel pre{padding:17px;font-size:11px}.history-item{grid-template-columns:42px minmax(0,1fr) 46px;gap:7px;padding:12px 10px}.history-item time{display:none}.history-item code{font-size:10px}.history-item .http-status{font-size:10px;padding:4px 6px}.local-section{padding:21px}.local-section h2{font-size:26px}.local-section .code-bar{font-size:10px;gap:8px}.local-section pre{font-size:13px}.workshop-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.demo-key{margin-top:10px}.demo-key[hidden]{display:none}
.is-embedded .flow-visual{display:none}.is-embedded .hero-grid{display:block}.is-embedded .hero{padding-top:20px;padding-bottom:28px}.is-embedded .hero-top{margin-bottom:19px}.is-embedded .hero h1{font-size:36px;margin:12px 0}.is-embedded .hero-lead{font-size:14px;max-width:950px}.is-embedded .hero-actions{margin-top:17px}@media(max-width:760px){.request-address input,.code-input{font-size:16px}.is-embedded .hero h1{font-size:29px}.is-embedded .hero-lead{font-size:13px}.is-embedded .hero-top{margin-bottom:13px}.is-embedded .hero-actions .btn{flex:1 1 auto}}
:root{--muted:#546e6e}.metric-grid span,.metric-grid small,.service-card p,.request-row small,.preview-footnote,.preview-section-title span,.history-item time,.workshop-footer{color:#5b705c}.response-meta{color:#61746a}.preview-badge{color:#65703c}