.demo-banner{background:#22364a;color:white;text-align:center;padding:12px 20px;font-size:14px;line-height:1.6}.demo-shell{margin-top:32px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-heading h1{font-size:32px;margin:7px 0 12px}.demo-heading p{margin:0;color:#526979}.demo-heading .outline-button{width:auto;flex-shrink:0}.demo-view-nav{display:flex;gap:10px;margin:26px 0 20px}.demo-view-nav button{font:inherit;padding:13px 20px;border-radius:8px;border:1px solid #bdcdd8;background:white;color:#22364a;cursor:pointer}.demo-view-nav button[aria-pressed=true]{background:#22364a;color:white;border-color:#22364a}.demo-help{display:grid;gap:6px;border-left:3px solid #d16d2c;background:#fff7ef;padding:16px 20px;font-size:15px}.demo-help span{color:#536879}.demo-answer{margin:0 0 25px}.demo-answer h3{font-size:16px;margin:0 0 9px;line-height:1.7}.demo-answer .answer-text{margin:0;padding:16px 18px;background:#f5f8fa;border:1px solid #dce5ec;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.demo-answer .answer-tip{font-size:14px;color:#5d7485;margin:8px 0 0}.demo-required{font-size:14px;font-weight:400;color:#a74415;margin-left:5px}.demo-attachment{padding:16px 0;border-bottom:1px solid #dde5eb;display:grid;gap:5px;overflow-wrap:anywhere}.demo-attachment strong{font-size:16px}.demo-attachment span{font-size:14px;color:#597081}.demo-attachment p{font-size:15px;margin:0}.demo-brief{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.demo-brief article{background:#f0f5f8;border-radius:10px;padding:20px}.demo-brief h3{margin:0 0 8px}.demo-brief p{white-space:pre-wrap;line-height:1.8;margin:0}.demo-outline{padding-left:24px;line-height:1.9}.demo-outline li{margin-bottom:14px}.demo-internal{background:#eef3f6;border-radius:8px;padding:20px;margin:20px 0}.demo-internal p,.feedback-box p{margin:9px 0 0}.demo-shell [hidden]{display:none!important}.demo-shell .wizard-actions{justify-content:space-between}.demo-shell #demo-next{margin-left:auto}@media(max-width:760px){.demo-heading{display:block}.demo-heading h1{font-size:27px}.demo-heading .outline-button{margin-top:18px;display:inline-block}.demo-view-nav{gap:8px}.demo-view-nav button{font-size:14px;padding:12px;flex:1}.demo-brief{grid-template-columns:1fr}.demo-banner{padding:10px 18px}.demo-answer .answer-text{padding:14px}.demo-shell{margin-top:25px}}