:root{--navy:#0F2A44;--steel:#2E6EA6;--brass:#D9A441;--mist:#F2F4F7;--ink:#1A2027;--line:#D5DCE3;--paper:#FFFFFF}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1A2027;background:#FFFFFF;line-height:1.65}
.site-header{background:#0F2A44;color:#FFFFFF}.header-inner{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.brand{color:#FFFFFF;text-decoration:none;display:flex;gap:10px;align-items:center}.brand-mark{display:inline-flex;width:36px;height:36px;background:#D9A441;color:#0F2A44;align-items:center;justify-content:center;font-weight:700}
.brand-name{font-weight:700;letter-spacing:1px}.brand-tag{color:#D5DCE3;font-size:14px}
.main-nav{margin-left:auto}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav-item{position:relative}.nav-link{color:#FFFFFF;text-decoration:none;padding:8px 10px;display:block}
.main-nav .menu{display:none;position:absolute;left:0;top:100%;background:#FFFFFF;list-style:none;margin:0;padding:8px 0;min-width:220px;border:1px solid #D5DCE3;z-index:10}
.main-nav .nav-item:hover > .menu,.main-nav .nav-item:focus-within > .menu{display:block}
.menu-link{color:#0F2A44;text-decoration:none;display:block;padding:8px 14px}
.page-main{max-width:1160px;margin:0 auto;padding:24px 20px}
.hero{background:#F2F4F7;border-top:6px solid #D9A441;padding:28px;border:1px solid #D5DCE3}
.hero-title{font-size:34px;line-height:1.25;margin:0 0 12px;color:#0F2A44}.hero-lede{font-size:18px;margin:0 0 16px}
.evidence-bar{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.evidence-item{background:#FFFFFF;border:1px solid #2E6EA6;padding:8px 12px;font-size:14px}
.page-signature{border-left:4px solid #2E6EA6;padding:10px 14px;background:#FFFFFF;margin:16px 0;font-style:italic}
.sig-structure{font-style:italic;border-left-color:#D9A441;background:#F2F4F7}.sig-category{font-style:italic;border-left-color:#2E6EA6;background:#FFFFFF}.sig-detail{font-style:italic;border-left-color:#D9A441;background:#FFFFFF}.sig-guide{font-style:italic;border-left-color:#2E6EA6;background:#F2F4F7}.sig-compare{font-style:italic;border-left-color:#0F2A44;background:#FFFFFF}.sig-blog{font-style:italic;border-left-color:#1A2027;background:#F2F4F7}.sig-index{font-style:italic;border-left-color:#D5DCE3;background:#FFFFFF}
.hero-figure{margin:20px 0 0}.section-figure{margin:28px 0}.hero-image{max-width:100%;height:auto;border:1px solid #D5DCE3}.hero-caption{font-size:14px;color:#444}
.content-section{margin:28px 0}.section-title{color:#0F2A44;border-bottom:2px solid #D9A441;padding-bottom:6px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{border:1px solid #D5DCE3;padding:16px;background:#F2F4F7}.card-title{margin:0 0 8px}.card-link{color:#0F2A44}.card-text{margin:0}
.spec-table{width:100%;border-collapse:collapse}.spec-table td,.spec-table th{border:1px solid #D5DCE3;padding:10px;text-align:left}
.spec-note{font-size:14px}.related-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.related-item{background:#F2F4F7;padding:6px 10px}.related-link{color:#0F2A44}
.inquiry-box{background:#0F2A44;color:#FFFFFF;padding:20px}.inquiry-box .section-title{color:#FFFFFF}.inquiry-link{color:#D9A441}
.inquiry-form{max-width:640px;display:grid;gap:8px}.form-label{font-weight:700}.form-input{padding:10px;border:1px solid #D5DCE3;width:100%}
.form-button{background:#D9A441;border:0;padding:12px 20px;font-weight:700;cursor:pointer}.form-note{font-size:14px}
.site-footer{background:#0F2A44;color:#FFFFFF;margin-top:40px}.footer-grid{max-width:1160px;margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.footer-title{color:#D9A441}.footer-list{list-style:none;padding:0}.footer-link{color:#FFFFFF}
@media(max-width:700px){.hero-title{font-size:26px}.main-nav{margin-left:0}}

.lang-switch{position:relative}
.lang-switch summary{cursor:pointer;color:#FFFFFF;list-style:none;font-weight:700}
.lang-switch ul{list-style:none;margin:0;padding:8px 0;position:absolute;right:0;top:100%;background:#FFFFFF;border:1px solid #D5DCE3;min-width:120px;z-index:20}
.lang-switch li a{color:#0F2A44;text-decoration:none;display:block;padding:8px 14px}
.lang-switch li .cur{color:#0F2A44;font-weight:700;display:block;padding:8px 14px}
.header-inner{flex-wrap:nowrap;align-items:flex-start}
.brand{flex-shrink:0}
.lang-switch{margin-left:16px;flex-shrink:0}
@media (max-width:700px){
.header-inner{flex-wrap:wrap}
}
@media (max-width:600px){
.lang-switch{position:static}
.lang-switch ul{left:20px;right:20px;top:auto}
}
@media (max-width:700px){
.brand{flex-shrink:1;min-width:0}
.brand-tag{white-space:normal}
}