/* Shared guest account navigation and type tokens for all CCReach pages. */
:root{--ink:#243048;--muted:#536174;--body-size:16px;--secondary-size:14px}
body{font-size:var(--body-size);color:var(--ink)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;padding:16px 40px;background:#fff}
.site-header .brand-link{display:inline-flex;flex:0 0 auto}
.site-header .brand-logo{display:block;width:216px;height:72px;object-fit:contain}
.header-nav.account-nav{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex:0 0 auto;margin-left:auto;font-size:var(--secondary-size)}
.account-nav .header-home-link{color:var(--muted);white-space:nowrap}
.account-guest{display:flex;align-items:center;gap:23px}
.account-guest>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:#46556b;white-space:nowrap}
.account-guest .nav-button{padding:8px 18px;border:1px solid #dfe3ec;border-radius:8px;background:linear-gradient(#fff,#f8f9fc);box-shadow:0 2px 3px #25314d05;color:#3c4d70}
.account-guest .nav-button:hover{border-color:#b8c2d9;text-decoration:none}
.home-header{justify-content:flex-end}
.search-header{justify-content:flex-start;border-bottom:1px solid var(--line);gap:24px;padding:16px 36px}
.search-header .header-search-form{flex:1 1 380px;min-width:200px;max-width:720px}
.site-footer,.auth-footer{background:#f7f8fa;border-top:1px solid #edf0f4;margin-top:auto}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto;padding:22px 40px;font-size:var(--secondary-size);color:var(--muted)}
.footer-brand{letter-spacing:.2px;white-space:nowrap}
.footer-inner nav,.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 25px}
.footer-inner a{color:#4a5970}
@media(max-width:1100px){
 .account-nav .header-home-link{display:none}
 .site-header,.search-header{padding-left:24px;padding-right:24px}
}
@media(max-width:960px){
 .search-header{flex-wrap:wrap;gap:12px 24px}
 .search-header .header-search-form{order:3;flex-basis:100%;width:100%;max-width:none}
}
@media(max-width:650px){
 .site-header,.search-header{min-height:84px;padding:12px 18px;gap:12px;flex-wrap:nowrap}
 .site-header .brand-logo{width:180px;height:60px}
 .header-nav.account-nav{display:flex;gap:0;font-size:var(--secondary-size)}
 .account-guest{gap:16px}
 .account-guest .nav-button{padding:7px 13px}
 .search-header{flex-wrap:wrap}
 .footer-inner{flex-direction:column;gap:15px;padding:20px 18px}
 .footer-inner nav,.footer-links{justify-content:center;gap:13px 21px}
}
@media(max-width:360px){
 .site-header,.search-header{padding-left:16px;padding-right:16px}
 .site-header .brand-logo{width:144px;height:48px}
 .account-guest{gap:13px}
 .account-guest .nav-button{padding:7px 12px}
}