.site-header{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px max(20px,calc((100vw - 1140px)/2));background:#101f2b;color:#fff;border-bottom:1px solid #29424b;height:auto;font-family:Arial,sans-serif}.site-brand{font-size:23px;font-weight:800;color:white;text-decoration:none;letter-spacing:-.5px;align-self:flex-start}.site-nav{display:grid;gap:12px;width:100%;font-size:14px}.nav-primary,.nav-secondary{display:flex;flex-wrap:wrap;gap:8px}.nav-button,.nav-more>summary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid #66808b;border-radius:10px;text-decoration:none;color:white;background:#233c48;font-size:14px;font-weight:600;line-height:1.3;text-align:center;box-sizing:border-box}.nav-button:hover,.nav-more>summary:hover{background:#315565}.nav-button[aria-current=page]{color:#102e36;background:#c9f1ec;border-color:#c9f1ec}.nav-button[aria-current=page]::before{content:'✓';margin-right:6px}.nav-more{margin:0;font-size:14px}.nav-more>summary{cursor:pointer;list-style:none;justify-content:flex-start}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary::after{content:'+';margin-left:12px}.nav-more[open]>summary::after{content:'−'}.nav-secondary{padding-top:10px}.page-guide{background:#eaf4f3;border:1px solid #b8d6d3;border-radius:14px;padding:16px 20px;margin-bottom:24px;color:#1c4148;text-align:left}.page-guide strong{font-size:16px}.page-guide p{margin:6px 0 0;font-size:14px;line-height:1.6}.page-link,a.primary,a.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;margin:6px 6px 6px 0;border:1px solid #aabfbd;border-radius:9px;background:white;color:#17454f;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;box-sizing:border-box}.page-link::after{content:'→';flex-shrink:0}a.primary{background:#12343b;border-color:#12343b;color:white}a.primary:hover{background:#20505a}.page-link:hover{background:#edf7f5}.page-link:focus-visible,.nav-button:focus-visible,summary:focus-visible{outline:3px solid #20b3bc;outline-offset:3px}main button:not(:disabled){min-height:44px}#demo-content article>a,#demo-content article>button{margin:8px 8px 0 0}#demo-content article>button{border:1px solid #b3c4c0;border-radius:9px;padding:10px 14px;background:#f4f8f7;color:#183f47}#demo-content form>button{background:#12343b;color:white;border:0;border-radius:9px;padding:12px 18px;margin-top:20px}#demo-content article>img{display:block;margin:12px 0}.demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.demo-actions a{margin:0;width:100%}.demo-actions .primary{grid-column:1/-1}.demo-mode-label{display:inline-block;border:1px solid #b6d0ca;border-radius:20px;padding:6px 12px;background:#e8f6f1;color:#24564b;font-size:13px;font-weight:700;margin-bottom:12px}.sample-notice{background:#fff4dd;border:1px solid #ead19c;padding:14px;border-radius:10px;font-size:14px}.demo-navigation-hint{font-size:14px;color:#526d71;line-height:1.6}
@media(max-width:600px){.site-header{padding:16px;gap:14px}.site-brand{font-size:22px}.nav-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-primary .nav-button{width:100%;font-size:13px;padding:10px 8px}.nav-more>summary{width:100%;justify-content:space-between}.nav-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-secondary .nav-button{font-size:13px;padding:10px 8px}.page-guide{padding:14px 16px}.page-link{max-width:100%}main{margin-top:26px!important}main h1{font-size:36px!important;line-height:1.1!important;letter-spacing:-1.5px!important}.demo-actions{grid-template-columns:1fr}.demo-actions .primary{grid-column:auto}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.card-actions>*{flex:1 1 130px}.card{padding:20px}#demo-content article>button,#demo-content article>a{display:flex;width:100%;margin:8px 0}.page-guide p{font-size:13px}.wrap>.card a{display:flex;width:100%;margin:8px 0}.site-header+main{margin-top:28px}.site-nav details{margin:0}}

.site-header #try-entry{display:none}.wrap>.card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;background:#fff;border:1px solid #aabfbd;border-radius:9px;color:#17454f;text-decoration:none;font-size:14px;font-weight:600}.wrap>.card a::after{content:' →'}.wrap>.card a:hover{background:#edf7f5}.demo-navigation-hint+.lead{font-size:14px;line-height:1.5;margin-bottom:24px}@media(max-width:600px){.wrap>.card a{display:flex;width:100%;margin:8px 0}}

#demo-content article>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #aabfbd;border-radius:9px;background:#fff;color:#17454f;text-decoration:none;font-weight:600}#demo-content article>a::after{content:' →'}@media(max-width:600px){#demo-content article>a{display:flex;width:100%}}