:root{--rust:#bc4826}html{scroll-behavior:auto}.shared-header{position:relative;z-index:20;background:white}.shared-header .wrap,.shared-footer .wrap,.affiliate-strip .wrap{width:100%;max-width:1200px;margin:auto;padding-left:28px;padding-right:28px}.shared-header a,.shared-footer a{text-decoration:none}.shared-header a:hover,.shared-footer a:hover{color:var(--rust)}.shared-footer{padding:0}.shared-footer h3{line-height:1.2;letter-spacing:-.025em}.shared-footer p{margin-top:12px}
.site-header{border-bottom:1px solid var(--line)}
.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1;letter-spacing:-1.8px;font-size:32px}
.logo i{display:inline-flex;color:var(--rust)}
.logo svg{height:34px;width:34px}
.brand-name{font-weight:850}
.brand-guide{font-weight:450;margin-left:3px}
.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}
.saved-button{display:flex;align-items:center;gap:10px;border-radius:7px;background:var(--ink);color:white;padding:10px 16px;font-size:14px;font-weight:700;white-space:nowrap}
.saved-button b{padding:0 5px;background:#ffffff20;border-radius:3px}
.mobile-menu{display:none}
footer{background:#f6f7f7;border-top:1px solid var(--line);margin-top:0}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-top:40px;padding-bottom:32px}
.footer-main .logo{font-size:30px}
.footer-main h3{font-size:16px;margin-bottom:12px}
.footer-main a:not(.logo){display:block;font-size:14px;margin:7px 0;color:var(--muted)}
.footer-main p{font-size:14px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:1000px){.header{gap:16px}
.header nav{gap:16px}
.logo{font-size:27px}
.footer-main{gap:28px}
}
@media(max-width:760px){.header{height:76px;gap:12px;position:relative}
.logo{font-size:24px;letter-spacing:-1.3px;gap:7px}
.logo svg{width:28px;height:28px}
.saved-button{padding:8px 10px;font-size:12px;margin-left:auto}
.mobile-menu{display:block;font-size:12px;font-weight:700;padding:8px 0}
.header nav{display:none;position:absolute;left:0;right:0;top:75px;padding:20px;background:white;border-bottom:1px solid var(--line);z-index:10;gap:16px}
.header nav.open{display:grid}
.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-top:28px;padding-bottom:28px}
.footer-main>div:first-child{grid-column:1/-1}
.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:10px 24px}
}
@media(max-width:380px){.logo{font-size:21px}
.logo svg{width:24px;height:24px}
.header{gap:9px}
.saved-button{gap:5px;padding:8px}
}
.affiliate-strip{background:#eaf0f3;border-top:1px solid var(--line);padding:18px 0;text-align:center}
.affiliate-strip p{font-size:14px;line-height:1.6;color:var(--ink);margin:0;text-wrap:pretty}
@media(max-width:760px){.affiliate-strip{padding:18px 0}
.affiliate-strip p{font-size:13px}
}
.header nav a[aria-current=page]{color:var(--rust);text-decoration:underline;text-underline-offset:7px}
.saved-button:hover{color:white;background:#294555}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.affiliate-strip a{color:var(--rust);text-decoration:underline}
@media(max-width:760px){.footer-bottom nav{gap:14px}
}

@media(max-width:760px){.shared-header .wrap,.shared-footer .wrap,.affiliate-strip .wrap{padding-left:20px;padding-right:20px}}
.shared-header .mobile-menu{border:0;background:none;color:var(--ink);cursor:pointer}.shared-header .saved-button:hover{color:white;background:#274653}
.shared-header .logo,.shared-footer .logo{font-weight:400}.shared-header .logo .brand-words,.shared-footer .logo .brand-words{display:inline;letter-spacing:inherit}.shared-header .logo .brand-name,.shared-footer .logo .brand-name{font-size:inherit;font-weight:850;letter-spacing:inherit}.shared-header .logo .brand-guide,.shared-footer .logo .brand-guide{font-size:inherit;font-weight:450;letter-spacing:inherit;margin-left:3px}.shared-header .logo i,.shared-footer .logo i{margin:0;font-style:normal}.shared-header .logo .ph-icon,.shared-footer .logo .ph-icon{width:34px;height:34px}@media(max-width:760px){.shared-header .logo .ph-icon,.shared-footer .logo .ph-icon{width:28px;height:28px}}