.sample-demo{color:#19334e;background:#f5f7fa;max-width:1250px;margin:24px auto;padding:24px;font:16px/1.5 Arial,sans-serif}.sample-demo header{background:#fff;border-top:5px solid #174a77;padding:24px}.sample-demo h1{margin:8px 0;font-size:28px}.sample-demo-filters{flex-wrap:wrap;gap:18px;margin:24px 0;display:flex}.sample-demo-filters label{flex:1;min-width:180px}.sample-demo input,.sample-demo select{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #9badbf;border-radius:6px;padding:12px;display:block}.sample-demo-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sample-demo button{font:inherit;cursor:pointer;color:#19334e;background:#fff;border:1px solid #a8bacb;border-radius:6px;padding:12px}.sample-demo-columns{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;display:grid}.sample-demo-list{max-height:1000px;overflow:auto}.sample-demo-list button{text-align:left;width:100%;margin-bottom:10px;display:block}.sample-demo-list span{font-size:14px;display:block}.sample-demo-list button[aria-pressed=true]{background:#e5f0fa;border:2px solid #174a77}.sample-demo-detail{overflow-wrap:anywhere;background:#fff;padding:24px}.sample-demo-detail dl>div{border-bottom:1px solid #dae2eb;grid-template-columns:1fr 2fr;gap:12px;padding:9px 0;display:grid}.sample-demo dd{margin:0}.sample-demo dt{font-weight:700}.sample-demo-markup{background:#fff5e6;border-left:5px solid #b45309;padding:16px}.sample-demo li{border-bottom:1px solid #dae2eb;padding:12px 0}.sample-demo time{color:#52657a;display:block}.sample-demo li p{margin:6px 0}@media (max-width:700px){.sample-demo{padding:12px}.sample-demo-columns{grid-template-columns:1fr}.sample-demo-list{max-height:310px}.sample-demo-detail{padding:16px}}@media print{.sample-demo-filters,.sample-demo-actions,.sample-demo-list{display:none}.sample-demo-columns{display:block}.sample-demo{background:#fff;margin:0;padding:0}.sample-demo-detail{padding:0}.sample-demo li,.sample-demo dl>div{break-inside:avoid}}.sample-demo textarea{box-sizing:border-box;width:100%;min-height:100px;font:inherit;border:1px solid #9badbf;border-radius:6px;padding:12px;display:block}.sample-demo-actions{margin-top:20px}.sample-demo nav button[aria-pressed=true]{color:#fff;background:#174a77}.sample-demo form label{margin-bottom:12px;display:block}.sample-demo form>button{margin:8px 8px 8px 0}.sample-demo summary{cursor:pointer;margin:16px 0;font-weight:700}