/* Optional feature: all styles scoped; hidden/none leaves no layout space. */
.request-demo { background:#eaf1fa; }
.request-demo-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:50px; align-items:end; }
.request-demo-heading h2 { font-size:36px; }
.request-demo-heading>p { color:#435b65; font-size:16px; }
.request-demo .eyebrow { color:#09678f; }
.request-demo-notice { margin:24px 0; padding:15px 18px; border-left:3px solid #09678f; background:#fff; font-size:14px; color:#435b65; }
.request-demo-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:24px; }
.request-demo-input,.request-demo-output { padding:28px; background:#fff; border:1px solid #cbd8e2; border-radius:9px; min-width:0; }
.request-demo label,.request-demo h3 { display:block; font-size:18px; font-weight:700; margin:0 0 14px; line-height:1.4; }
.request-demo select,.request-demo textarea { width:100%; font:inherit; font-size:16px; padding:12px; border:1px solid #71838d; border-radius:5px; color:#18343d; background:#fff; }
.request-demo textarea { resize:vertical; min-height:160px; }
.request-demo blockquote { margin:16px 0 24px; padding:18px; background:#f3f6f5; border-left:3px solid #71cbb1; font-size:17px; }
.request-demo-caption { margin-top:20px; font-size:13px; color:#53656e; }
.request-demo button { background:#18343d; color:#fff; border:1px solid #18343d; border-radius:5px; min-height:48px; padding:12px 18px; font-size:14px; }
.request-demo button:hover { background:#285663; }
.request-demo #request-reset { background:#fff; color:#18343d; }
.request-demo dl { margin:0 0 24px; }
.request-demo dt { font-weight:700; margin:18px 0 6px; font-size:14px; color:#09678f; }
.request-demo dd { margin:0; }
.request-demo ul { margin:0; padding-left:20px; }
.request-demo li { margin:8px 0; }
.request-demo #request-draft-hint { color:#53656e; font-size:13px; margin:8px 0 18px; }
.request-demo-controls { display:flex; flex-wrap:wrap; gap:12px; }
.request-demo #request-approved { margin-top:24px; padding:18px; background:#edf7f2; border:1px solid #8bb5a3; }
.request-demo h4 { margin:0 0 12px; font-size:15px; }
.request-demo #request-preview-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.request-demo #request-status { margin-top:16px; font-size:14px; color:#435b65; }
.request-demo-footer { margin-top:24px; font-size:15px; }
.request-demo-footer a { text-decoration:underline; text-underline-offset:4px; font-weight:600; }
@media(max-width:800px) {
  .request-demo-heading,.request-demo-grid { grid-template-columns:1fr; gap:24px; }
  .request-demo-heading h2 { font-size:30px; }
  .request-demo-input,.request-demo-output { padding:22px; }
}
#request-editor { margin-top:20px; }
#request-editor summary { cursor:pointer; padding:12px 0; font-weight:600; }
#request-editor[open] summary { margin-bottom:12px; }
#request-result:focus-visible { outline:2px solid #087694; outline-offset:5px; }