body.mtd-site-body{margin:0;background:#fff;color:#263e4d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}
.mtd-site-header,.mtd-site-main,.mtd-site-footer{box-sizing:border-box;width:calc(100% - 80px);max-width:1320px;margin-inline:auto}
.mtd-site-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e7edf0}
.mtd-site-brand{display:flex;align-items:center;gap:10px;color:#1b394d;font-size:26px;font-weight:750;text-decoration:none}.mtd-site-brand svg{width:27px;height:27px;color:#1689bc}
.mtd-site-header nav{display:flex;gap:24px}.mtd-site-header nav a{display:inline-flex;align-items:center;min-height:44px;color:#57707f;font-size:13px;text-decoration:none}
.mtd-site-main{padding-top:24px;min-height:55vh}.mtd-site-main>h1{font-size:clamp(25px,3vw,36px);line-height:1.5}.mtd-site-intro{padding:8px 0 16px}.mtd-site-intro h1{font-size:clamp(27px,3vw,38px);line-height:1.5;margin:6px 0 12px}.mtd-site-intro p{margin:0;color:#697c88;font-size:13px}.mtd-site-intro .mtd-site-eyebrow{font-size:10px;letter-spacing:.2em;color:#1689bc;font-weight:700}
.mtd-site-demo{padding:12px 16px;border:1px solid #dfe9e5;background:#f6faf8;border-radius:7px;color:#577469;font-size:12px;margin:0 0 24px}
.mtd-site-studio .mtd-studio-heading{display:none}.mtd-site-studio .mtd-studio{max-width:none;margin:0 auto}.mtd-site-body .mtd-tools{min-width:0}.mtd-site-body .mtd-main-tabs{padding-inline:2px}.mtd-site-body .mtd-main-tab{flex:1 0 auto;min-width:110px}.mtd-site-body .mtd-main-tab[aria-pressed=true]{background:#087fae;border-color:#087fae}.mtd-site-body .mtd-app{max-width:none;padding:24px 0}
.mtd-site-guide{border-top:1px solid #e3e9ed;padding:30px 0;font-size:13px;color:#57707f}.mtd-site-guide h2{font-size:21px;color:#263e4d}.mtd-site-guide li{margin:10px 0}.mtd-site-main img{max-width:100%;height:auto}.mtd-site-main .legacy-preview{max-width:300px;display:block;border-radius:12px}.mtd-site-main a:focus-visible,.mtd-site-header a:focus-visible{outline:3px solid #087fae;outline-offset:4px}
.mtd-site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;border-top:1px solid #e4ebef;padding:28px 0;margin-top:28px;color:#81949f;font-size:11px}.mtd-site-footer>span{font-size:17px;font-weight:650;color:#577180}.mtd-site-footer p{margin:0}.mtd-site-footer small{margin-left:auto}
.mtd-site-skip{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;z-index:10000}.mtd-site-skip:focus{top:12px}
.mtd-site-body .mtd-layout{grid-template-columns:minmax(0,512px) minmax(0,1fr);gap:42px}.mtd-site-body .mtd-viewer{max-width:512px;width:100%;margin-inline:auto}
.mtd-site-body .mtd-line-controls button,.mtd-site-body .mtd-tab{min-height:44px}
@media(max-width:700px){.mtd-site-header,.mtd-site-main,.mtd-site-footer{width:calc(100% - 32px)}.mtd-site-header{min-height:76px;gap:12px}.mtd-site-brand{font-size:22px;gap:7px}.mtd-site-header nav{gap:12px}.mtd-site-header nav a{font-size:11px}.mtd-site-main{padding-top:20px}.mtd-site-intro p{font-size:12px}.mtd-site-demo{font-size:11px;padding:10px 12px}.mtd-site-body .mtd-main-tab{min-width:100px;flex:0 0 auto}.mtd-site-body .mtd-app{padding:16px 0}.mtd-site-body .mtd-layout{grid-template-columns:minmax(0,1fr)}.mtd-site-footer{gap:12px}.mtd-site-footer small{width:100%;margin-left:0}.mtd-site-guide ol{padding-left:22px}}