/* Compact shared masthead. Keep the pine readable; reduce surrounding space. */
@font-face{font-family:'Sonamu Noto Sans KR';src:url('/static/assets/noto-sans-kr.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body header.sonamu-header{padding:2px 20px 2px max(16px,calc((100% - 1220px)/2));border-bottom-width:3px;}
body header.sonamu-header .head{display:flex;align-items:center;flex-wrap:nowrap;column-gap:clamp(40px,5vw,80px);row-gap:12px;}
body header.sonamu-header .head a.brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0;max-width:none;flex:0 0 auto!important;text-decoration:none;}
body header.sonamu-header .head a.brand .brand-mark{display:block;flex:none;}
body header.sonamu-header .head a.brand img,
body header.sonamu-header .head a.brand.brand-sonamu .brand-mark img,
body header.sonamu-header .head a.brand.brand-sonamu>img.sonamu-logo{width:100px!important;height:100px!important;max-width:none!important;object-fit:contain!important;display:block!important;filter:none!important;mix-blend-mode:normal;opacity:1!important;}
body header.sonamu-header .head a.brand .brand-text,
body header.sonamu-header .head a.brand .brand-copy,
body header.sonamu-header .head a.brand>span:not(.brand-mark){display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;font-family:'Sonamu Noto Sans KR','Noto Sans KR',sans-serif!important;font-size:29px!important;font-weight:900!important;line-height:1.18!important;letter-spacing:-.75px!important;color:#fff;white-space:nowrap!important;-webkit-text-stroke:.2px currentColor;}
body header.sonamu-header .head a.brand small{font-family:'Sonamu Noto Sans KR','Noto Sans KR',sans-serif!important;font-size:23px!important;font-weight:900!important;line-height:1.19!important;letter-spacing:-.55px!important;color:#ffcf65!important;white-space:nowrap!important;-webkit-text-stroke:.2px currentColor;}
body header.sonamu-header .nav{display:flex;flex:1 1 0;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:0;margin-left:auto;min-width:0;}
body header.sonamu-header .nav a{white-space:nowrap;}
@media(max-width:1000px){
 body header.sonamu-header .head{column-gap:32px;row-gap:12px;}
 body header.sonamu-header .head a.brand{gap:10px!important;}
 body header.sonamu-header .head a.brand .brand-text,
 body header.sonamu-header .head a.brand .brand-copy,
 body header.sonamu-header .head a.brand>span:not(.brand-mark){font-size:25px!important;}
 body header.sonamu-header .head a.brand small{font-size:19px!important;}
 body header.sonamu-header .nav{gap:6px;}
 body header.sonamu-header .nav a{padding:6px 8px;font-size:11px;}
}
@media(max-width:900px){
 body header.sonamu-header{padding-top:3px;padding-bottom:3px;}
 body header.sonamu-header .head{flex-wrap:wrap;column-gap:24px;row-gap:12px;}
 body header.sonamu-header .head a.brand img,
 body header.sonamu-header .head a.brand.brand-sonamu .brand-mark img,
 body header.sonamu-header .head a.brand.brand-sonamu>img.sonamu-logo{width:88px!important;height:88px!important;}
 body header.sonamu-header .nav{flex-basis:100%;gap:5px;}
 body header.sonamu-header .nav a{padding:5px 8px;font-size:11px;}
}
@media(max-width:540px){
 body header.sonamu-header .head a.brand{gap:10px!important;}
 body header.sonamu-header .head a.brand img,
 body header.sonamu-header .head a.brand.brand-sonamu .brand-mark img,
 body header.sonamu-header .head a.brand.brand-sonamu>img.sonamu-logo{width:72px!important;height:72px!important;}
 body header.sonamu-header .head a.brand .brand-text,
 body header.sonamu-header .head a.brand .brand-copy,
 body header.sonamu-header .head a.brand>span:not(.brand-mark){font-size:22px!important;letter-spacing:-.7px!important;gap:3px!important;}
 body header.sonamu-header .head a.brand small{font-size:16px!important;letter-spacing:-.5px!important;}
}
@media(max-width:380px){
 body header.sonamu-header .head a.brand img,
 body header.sonamu-header .head a.brand.brand-sonamu .brand-mark img,
 body header.sonamu-header .head a.brand.brand-sonamu>img.sonamu-logo{width:64px!important;height:64px!important;}
 body header.sonamu-header .head a.brand .brand-text,
 body header.sonamu-header .head a.brand .brand-copy,
 body header.sonamu-header .head a.brand>span:not(.brand-mark){font-size:20px!important;}
 body header.sonamu-header .head a.brand small{font-size:14.5px!important;}
}
/* The savings calculators already had a smaller mark. Preserve their scale. */
body.savings-page header.sonamu-header .head a.brand{gap:10px!important;margin-bottom:0;}
body.savings-page header.sonamu-header .head a.brand img{width:58px!important;height:58px!important;}
body.savings-page header.sonamu-header .head a.brand .brand-copy{font-size:20px!important;gap:2px!important;}
body.savings-page header.sonamu-header .head a.brand small{font-size:14px!important;}
/* Let the page start directly below the shorter header, without the old top gap. */
@media screen{
 body>header.sonamu-header+main.page{margin-top:0!important;padding-top:6px!important;}
}