.tmw-size-guide{box-sizing:border-box;max-width:920px;margin:auto;padding:40px 24px 64px;color:#202020;line-height:1.8}
.tmw-size-guide *{box-sizing:border-box}
.tmw-size-guide .brand{font-size:11px;letter-spacing:.17em;font-weight:700}
.tmw-size-guide .en{font-size:12px;letter-spacing:.14em;color:#777;margin:20px 0 0}
.tmw-size-guide h1{font-size:30px;line-height:1.4;margin:8px 0 22px}
.tmw-size-guide h2{font-size:22px;margin:0 0 12px}
.tmw-size-guide h3{font-size:17px;margin:0 0 8px}
.tmw-size-guide p{margin:0 0 12px;font-size:14px}
.tmw-size-guide .intro{background:#f4f4f1;padding:20px 24px;border-left:3px solid #252525}
.tmw-size-guide nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 40px}
.tmw-size-guide nav a{font-size:13px;text-decoration:none;color:inherit;border:1px solid #d7d7d2;padding:9px 17px;border-radius:2px}
.tmw-size-guide nav a:hover{background:#f4f4f1}
.tmw-size-guide a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.tmw-size-guide section{border-top:1px solid #dcdcd7;padding-top:27px;margin-top:36px;scroll-margin-top:120px}
.tmw-size-guide .row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center}
.tmw-size-guide .diagram{width:100%;max-width:100%;height:auto;display:block}
.tmw-size-guide dl{font-size:14px;margin:0}
.tmw-size-guide dt{font-weight:700;margin-top:12px}
.tmw-size-guide dd{margin:2px 0 0;color:#555}
.tmw-size-guide .note{font-size:13px;margin-top:14px;padding:12px 15px;background:#f8f2ef}
.tmw-size-guide .hats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.tmw-size-guide .hats .diagram{max-width:350px;margin:auto}
.tmw-size-guide .foot{color:#686868;font-size:12px;border-top:1px solid #ddd;padding-top:20px;margin-top:38px}
.tmw-size-guide .backpack-layout .diagram{max-width:790px;margin:0 auto 20px}
.tmw-size-guide .backpack-layout dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tmw-size-guide .backpack-layout dl div{min-width:0}
@media(max-width:620px){
.tmw-size-guide{padding:28px 20px 40px}
.tmw-size-guide h1{font-size:26px}
.tmw-size-guide .row,.tmw-size-guide .hats{grid-template-columns:minmax(0,1fr);gap:12px}
.tmw-size-guide .diagram{max-width:390px;margin:auto}
.tmw-size-guide .intro{padding:17px}
.tmw-size-guide nav{margin-bottom:28px}
.tmw-size-guide .hats article+article{margin-top:22px}
.tmw-size-guide section{margin-top:28px}
.tmw-size-guide dt{margin-top:9px}
.tmw-size-guide .backpack-layout dl{display:block}
.tmw-size-guide .backpack-layout .diagram{max-width:100%}
}
