.demo-guide{color:#173c40;background:#f2f8f5;border:1px solid #bed2cf;border-radius:14px;min-width:0;margin:18px 28px 26px;padding:22px 24px}.demo-guide-heading,.demo-guide-current{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-guide-heading>div,.demo-guide-current>div{flex:1;min-width:200px}.demo-guide strong{font-size:16px}.demo-guide p{margin:5px 0;font-size:13px;line-height:1.6}.demo-guide button{color:#21484b;cursor:pointer;background:#fff;border:1px solid #acbfba;border-radius:8px;padding:10px 14px;font-size:13px}.demo-guide button[aria-pressed=true]{color:#fff;background:#193f43}.demo-guide button:disabled{opacity:.45;cursor:default}.demo-guide-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:20px 0;display:grid}.demo-guide-current{border-top:1px solid #cbdad2;padding-top:16px}.demo-guide nav{flex-wrap:wrap;gap:20px;margin-top:20px;font-size:13px;display:flex}.demo-guide a{text-decoration:underline}.sw-table-scroll{max-width:100%;max-height:600px;overflow:auto}.sw-table-scroll table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px}.sw-table-scroll th,.sw-table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid #d7e1dc;padding:14px}.sw-table-scroll small{max-width:250px;margin-top:4px;display:block}.sw-plan-review{background:#f1f6ef;border:1px solid #cbd7cf;border-radius:10px;margin:20px 0;padding:22px}.sw-plan-review>label{margin:18px 0;display:block}.sw-plan-timeline input[type=range]{width:100%}.sw-plan-timeline input[type=date]{border:1px solid #bed0c8;border-radius:7px;padding:10px;display:block}.sw-panel details{margin:18px 0;line-height:1.7}.sw-panel details summary{cursor:pointer}.demo-project-links{gap:12px;margin:24px 0;display:grid}.demo-project-links a{color:#fff;background:#ffffff08;border:1px solid #536968;border-radius:10px;padding:18px 22px;display:block}.demo-project-links strong{font-size:17px;display:block}.demo-project-links span{color:#b9caca;margin-top:6px;font-size:13px;display:block}@media (max-width:700px){.demo-guide{margin:12px 18px 20px;padding:18px}.demo-guide-heading>div,.demo-guide-current>div{flex-basis:100%}.demo-guide-current button{flex:1}.demo-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
