/* Product-page header/footer geometry, shared by both Korean manuals. */
@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
.manual-site-header,.manual-site-footer{font-family:Inter,Arial,sans-serif;line-height:normal}
.manual-site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;max-width:1600px;margin:auto;padding:22px 4%;border-bottom:1px solid #39433e}
.manual-site-header .brand,.manual-site-footer .brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.manual-site-header .brand img:first-child,.manual-site-footer .brand img:first-child{display:block;width:46px;height:auto}
.manual-site-header .brand img:last-child,.manual-site-footer .brand img:last-child{display:block;width:232px;height:auto}
.manual-site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:11px;color:#cad2cc}
.manual-site-header nav a{white-space:nowrap;padding-block:8px}
.manual-site-header nav a:hover,.manual-site-header nav a:focus-visible,.manual-site-header nav a[aria-current="page"]{color:var(--accent)}
.manual-site-header nav a[aria-current="page"]{box-shadow:0 1px 0 var(--accent)}
.manual-site-header .watch-language{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0 0 0 auto;font-size:11px;color:#b8c5bd;line-height:1.4}
.manual-site-header .guide-locale{display:flex;align-items:center;min-width:112px;min-height:40px;padding:8px 12px;background:#19221d;color:#eeeae3;border:1px solid #64766a;border-radius:3px;font:12px system-ui,sans-serif}
.manual-site-header>a.is-compact{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:166px;max-width:100%;min-height:50px;padding:0;border:0;background:transparent;line-height:1}
.manual-site-header>a.is-compact img{display:block;width:100%;height:auto}
.manual-site-header>a.is-compact:hover{filter:brightness(1.08)}
.manual-site-footer{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px;align-items:center;border-top:1px solid #39433e;padding:35px 32px}
.manual-site-footer p{font-size:10px;line-height:1.75;color:#90a38c}
.manual-site-footer>a:last-of-type{font-size:11px;text-align:right}
.manual-site-footer .site-legal{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.manual-site-footer .site-legal a:hover{text-decoration:underline}
.toc a:hover,.toc a:focus-visible,.toc a[aria-current="location"]{color:var(--accent)}
@media(max-width:1100px){
 .manual-site-header nav{order:4;flex-basis:100%;justify-content:center;gap:12px 24px;border-top:1px solid #39433e;padding-top:16px}
}
@media(max-width:740px){
 .manual-site-header{padding:18px 24px;gap:14px}
 .manual-site-header .brand{width:100%;justify-content:center}
 .manual-site-header .brand img:first-child,.manual-site-footer .brand img:first-child{width:34px}
 .manual-site-header .brand img:last-child,.manual-site-footer .brand img:last-child{width:174px}
 .manual-site-header .watch-language{margin:0 auto 0 0}
 .manual-site-header>a.is-compact{width:152px}
 .manual-site-header nav{justify-content:flex-start;gap:8px 20px}
 .manual-site-footer{grid-template-columns:1fr 1fr;padding:30px 24px;gap:22px}
 .manual-site-footer .brand{grid-column:1 / -1}
 .manual-site-footer>a:last-of-type{font-size:10px}
 .manual-site-footer .site-legal{grid-column:1 / -1}
}
@media(max-width:380px){
 .manual-site-header{padding:16px;gap:12px}
 .manual-site-header .guide-locale{min-width:90px}
 .manual-site-header>a.is-compact{width:140px}
 .manual-site-header nav{gap:8px 16px}
 .manual-site-header .brand img:first-child,.manual-site-footer .brand img:first-child{width:30px}
 .manual-site-header .brand img:last-child,.manual-site-footer .brand img:last-child{width:146px}
}
