/* Shared navigation and footer, scoped to the new shell classes. */
footer.wd-site-footer .wd-footer-col>a { font-size:13px!important; color:#607b8f; }
footer.wd-site-footer .wd-footer-brand .wd-footer-about { font-size:13px; color:#607b8f; }
footer.wd-site-footer .wd-footer-bottom { font-size:11px; color:#6e879a; }
@media(max-width:767px) { header.wd-site-header .cmain>.logo { margin-right:auto!important; } header.wd-site-header .csearch-init { margin-left:0!important; } }
@media(max-width:380px) { header.wd-site-header .cmain { gap:8px; } header.wd-site-header .cmain>.logo,header.wd-site-header .cmain>.logo img { width:128px!important; } }
header.wd-site-header .csearch-init svg { pointer-events:none; }
header.wd-site-header .csearch-init:focus-within { outline:3px solid #8bafe9; outline-offset:2px; }
#side-menu .wd-mobile-discover { padding:14px 20px; border-bottom:1px solid #e3ebf1; }
#side-menu .wd-mobile-discover>span { display:block; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#829cad; margin:0 0 7px; }
#side-menu .wd-mobile-discover a { color:#446d86; font-size:13px; font-weight:600; }
#side-menu .section a { color:#4c6a7f; font-size:13px; }
#side-menu .section a.publish { color:#356dcc; font-weight:650; }
#side-menu .section.lead { background:#edf5f9; }
#side-menu .section.lead strong { color:#315571; font-size:19px; }
html[mode=dark] #side-menu .section a { color:#bad3e4; }
html[mode=dark] #side-menu .section.lead { background:#233e52; }
html[mode=dark] #side-menu .section.lead strong { color:#c1dceb; }
header.wd-site-header .links { flex-direction:row!important; }
footer.wd-site-footer .wd-footer-col h2 { font-size:14px!important; color:#345770!important; line-height:1.5!important; }
html[mode=dark] footer.wd-site-footer .wd-footer-col h2 { color:#bed9ec!important; }
header.wd-site-header { background:#fffffffa; border-bottom:1px solid #e4ebf1; box-shadow:0 2px 12px #24496505; }
header.wd-site-header .cmain { display:flex!important; align-items:center; gap:22px; max-width:1160px; width:calc(100% - 48px); padding:0!important; margin:0 auto; height:54px; }
header.wd-site-header .cmain>.logo { float:none; margin:0!important; flex:none; width:190px!important; height:auto!important; padding:0; }
header.wd-site-header .cmain>.logo img { width:190px!important; height:auto!important; max-height:38px; object-fit:contain; }
header.wd-site-header .wd-header-nav { display:flex; align-items:center; gap:20px; flex:none; }
header.wd-site-header .wd-header-nav a { color:#49667e; font-size:13px; line-height:1.4; font-weight:600; text-decoration:none; padding:10px 0; }
header.wd-site-header .wd-header-nav a:hover,header.wd-site-header .wd-header-nav a[aria-current] { color:#356dcc; }
header.wd-site-header .links1 { margin-left:auto!important; float:none; display:flex; gap:10px; align-items:center; }
header.wd-site-header .links1 .switch-light-dark-mode { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid #e4ebf1; border-radius:8px; color:#7890a3; }
header.wd-site-header .links1 .switch-light-dark-mode>span { display:none; }
header.wd-site-header .links1>a:not(.switch-light-dark-mode) { font-size:12px; color:#7c91a2; }
header.wd-site-header .links { float:none; margin:0; display:flex!important; align-items:center; gap:14px; }
header.wd-site-header .links>a { margin:0!important; float:none; }
header.wd-site-header .links .publish { order:20; padding:10px 16px; line-height:1.2; height:auto; font-size:12px; font-weight:650; background:#356dd5; border:1px solid #356dd5; border-radius:9px; box-shadow:0 3px 8px #356dd51a; }
header.wd-site-header .links .publish:hover { background:#285ab8; }
header.wd-site-header .links .simple { font-size:12px; color:#42617a; font-weight:550; }
header.wd-site-header .links .register { padding:8px 11px; border:1px solid #dce6ee; border-radius:8px; }
header.wd-site-header .links .mini-btn { width:28px; height:32px; line-height:32px; color:#7b93a5; padding:0; }
header.wd-site-header .links .location { display:none; }
header.wd-site-header .links .mini-btn i { font-size:17px; }
header.wd-site-header .menu-links { margin:0!important; }
header.wd-site-header .menu-links a { border-radius:8px; color:#476b84; }
header.wd-site-header a:focus-visible,footer.wd-site-footer a:focus-visible,.wd-footer-promo a:focus-visible { outline:3px solid #8bafe9; outline-offset:4px; }
.wd-footer-promo { width:100%; clear:both; padding:34px 24px; background:#eff6f3; border-top:1px solid #e0ebe5; }
.wd-footer-promo>div { max-width:1160px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wd-footer-promo strong { display:block; font-size:23px; line-height:1.35; color:#2a5144; margin-bottom:7px; }
.wd-footer-promo p { margin:0; font-size:13px; line-height:1.6; color:#6f887d; }
.wd-footer-promo a { flex:none; display:inline-flex; padding:13px 19px; border-radius:9px; background:#356dd5; color:#fff; font-size:13px; font-weight:650; text-decoration:none; }
footer.wd-site-footer { background:#f4f7fb; padding:0!important; border-top:1px solid #e0e8ef; color:#698299; }
footer.wd-site-footer .wd-footer-inner { max-width:1160px; width:calc(100% - 48px); margin:0 auto; padding:48px 0 20px; }
footer.wd-site-footer .wd-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1.15fr 1.2fr; gap:42px; }
footer.wd-site-footer .wd-footer-grid>section,footer.wd-site-footer .wd-footer-grid>nav { width:auto; float:none; margin:0; padding:0; border:0; }
footer.wd-site-footer .wd-footer-logo { display:inline-flex; width:190px; margin-bottom:18px; }
footer.wd-site-footer .wd-footer-logo img { width:190px; height:auto; max-height:40px; object-fit:contain; }
footer.wd-site-footer .wd-footer-brand>p { font-size:14px; line-height:1.65; color:#42637d; margin:0 0 10px; }
footer.wd-site-footer .wd-footer-brand .wd-footer-about { color:#7890a3; font-size:12px; line-height:1.8; }
footer.wd-site-footer .wd-footer-col h2 { font-size:13px; font-weight:700; line-height:1.5; color:#335770; margin:2px 0 18px; }
footer.wd-site-footer .wd-footer-col>a { display:block; float:none; font-size:12px; line-height:1.65; color:#718a9e; margin:0 0 10px; padding:0; text-decoration:none; }
footer.wd-site-footer .wd-footer-col>a:hover { color:#356cc3; text-decoration:underline; }
footer.wd-site-footer .wd-footer-col>a.wd-footer-more { color:#3c71ba; font-weight:600; }
footer.wd-site-footer .wd-footer-col>a.wd-footer-email { margin-top:18px; color:#4a7192; }
footer.wd-site-footer .wd-footer-social { display:flex; gap:8px; margin-top:20px; }
footer.wd-site-footer .wd-footer-social a { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #dce6ee; border-radius:8px; color:#7090a8; background:#fff8; }
footer.wd-site-footer .wd-footer-social a:hover { color:#356cc3; border-color:#a4c0e7; }
footer.wd-site-footer .wd-footer-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:36px; padding-top:20px; border-top:1px solid #dfe8ef; font-size:10px; line-height:1.6; color:#8a9dab; }
footer.wd-site-footer .wd-footer-note { margin-left:auto; }
footer.wd-site-footer .wd-footer-mode { display:inline-flex; align-items:center; gap:6px; font-size:10px; color:#6b879c; white-space:nowrap; }
footer.wd-site-footer .wd-footer-locales { display:flex; gap:8px; margin-top:14px; font-size:11px; }
footer.wd-site-footer .wd-footer-hooks { clear:both; }
#menu-cover .wd-mobile-discover { padding:15px 20px; border-bottom:1px solid #e3ebf1; }
#menu-cover .wd-mobile-discover a { color:#416980; font-weight:600; }
#menu-cover .wd-mobile-discover .wd-mobile-sell { color:#356dd5; }
#navi-bar { border-top:1px solid #e3ebf1; box-shadow:0 -3px 12px #24496508; }
html[mode=dark] header.wd-site-header { background:#1c3142; border-color:#385266; }
html[mode=dark] header.wd-site-header .wd-header-nav a,html[mode=dark] header.wd-site-header .links .simple { color:#bad4e7; }
html[mode=dark] header.wd-site-header .links .register,html[mode=dark] header.wd-site-header .links1 .switch-light-dark-mode { border-color:#3d596c; }
html[mode=dark] header.wd-site-header .links1 .switch-light-dark-mode,html[mode=dark] header.wd-site-header .links .mini-btn { color:#a9c4d7; }
html[mode=dark] .wd-footer-promo { background:#244639; border-color:#365b4d; }
html[mode=dark] .wd-footer-promo strong { color:#c2e3d1; }
html[mode=dark] .wd-footer-promo p { color:#a0c1af; }
html[mode=dark] footer.wd-site-footer { background:#1c3041; border-color:#385164; }
html[mode=dark] footer.wd-site-footer .wd-footer-col h2,html[mode=dark] footer.wd-site-footer .wd-footer-brand>p { color:#bed9ec; }
html[mode=dark] footer.wd-site-footer .wd-footer-col>a,html[mode=dark] footer.wd-site-footer .wd-footer-brand .wd-footer-about { color:#95b2c7; }
html[mode=dark] footer.wd-site-footer .wd-footer-social a { background:#233e52; border-color:#385a70; color:#a3c4de; }
html[mode=dark] footer.wd-site-footer .wd-footer-bottom { border-color:#365166; color:#8fabbf; }
@media(max-width:1100px) { header.wd-site-header .cmain { gap:16px; } header.wd-site-header .cmain>.logo,header.wd-site-header .cmain>.logo img { width:165px!important; } header.wd-site-header .wd-header-nav { gap:14px; } header.wd-site-header .links1>a:not(.switch-light-dark-mode) { display:none; } header.wd-site-header .links { gap:10px; } }
@media(max-width:950px) { header.wd-site-header .wd-header-nav { display:none; } footer.wd-site-footer .wd-footer-grid { grid-template-columns:1.4fr 1fr 1fr; gap:30px; } footer.wd-site-footer .wd-footer-brand { grid-column:1/-1; max-width:480px; } }
@media(max-width:767px) {
 header.wd-site-header .cmain { width:calc(100% - 28px); gap:12px; height:54px; }
 header.wd-site-header .cmain>.logo.square { display:none!important; }
 header.wd-site-header .cmain>.logo.normal.light { display:block!important; }
 html[mode=dark] header.wd-site-header .cmain>.logo.normal.light { display:none!important; }
 html[mode=dark] header.wd-site-header .cmain>.logo.normal.dark { display:block!important; }
 header.wd-site-header .cmain>.logo,header.wd-site-header .cmain>.logo img { width:146px!important; max-height:32px; }
 header.wd-site-header .cmain>.links,header.wd-site-header .links1 { display:none!important; }
 header.wd-site-header .csearch-init { margin:0 0 0 auto!important; width:36px!important; height:36px!important; border:1px solid #dfe8ef; background:#f5f8fb; border-radius:9px; flex:none; cursor:pointer; }
 header.wd-site-header .csearch-init input { opacity:0; width:100%; height:100%; padding:0; cursor:pointer; }
 header.wd-site-header .csearch-init svg { left:8px; top:8px; width:18px; height:18px; color:#6a8ba3; }
 header.wd-site-header .menu-links { display:flex!important; gap:5px; flex:none; }
 header.wd-site-header .menu-links a { display:flex; align-items:center; justify-content:center; width:34px; height:36px; padding:0; margin:0; }
 header.wd-site-header .menu-links svg { width:21px; height:21px; }
 header.wd-site-header .back.isMobile { flex:none; width:20px; margin-right:0; }
 footer.wd-site-footer .wd-footer-inner { width:calc(100% - 36px); padding-top:34px; }
 footer.wd-site-footer .wd-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
 footer.wd-site-footer .wd-footer-brand { grid-column:1/-1; }
 footer.wd-site-footer .wd-footer-col h2 { margin-bottom:14px; font-size:13px; }
 footer.wd-site-footer .wd-footer-col>a { font-size:12px; margin-bottom:12px; }
 footer.wd-site-footer .wd-footer-grid>nav:last-child { grid-column:1/-1; }
 footer.wd-site-footer .wd-footer-bottom { gap:10px; margin-top:28px; }
 footer.wd-site-footer .wd-footer-bottom>span { width:100%; }
 footer.wd-site-footer .wd-footer-note { margin:0; }
 .wd-footer-promo { padding:26px 18px; }
 .wd-footer-promo>div { flex-direction:column; align-items:flex-start; gap:18px; }
 .wd-footer-promo strong { font-size:21px; }
 html[mode=dark] header.wd-site-header .csearch-init { background:#233e52; border-color:#3c5b70; }
 html[mode=dark] header.wd-site-header .menu-links a { color:#bdd7e8; }
}
footer.wd-site-footer .wd-footer-col>a { color:#607b8f; }
footer.wd-site-footer .wd-footer-brand .wd-footer-about { font-size:13px; color:#607b8f; }
footer.wd-site-footer .wd-footer-bottom { font-size:11px; color:#6e879a; }
html[mode=dark] footer.wd-site-footer .wd-footer-col>a,html[mode=dark] footer.wd-site-footer .wd-footer-brand .wd-footer-about { color:#95b2c7; }
@media(max-width:767px) { html body header.wd-site-header .cmain>.logo { margin-right:auto!important; } html body header.wd-site-header .csearch-init { margin-left:0!important; } }
@media(max-width:380px) { html body header.wd-site-header .cmain { gap:8px; } html body header.wd-site-header .cmain>.logo,html body header.wd-site-header .cmain>.logo img { width:128px!important; } }
/* Match controls to the native desktop header height; remove inherited 48px account links. */
@media(min-width:768px) {
 html body header.wd-site-header { height:48px!important; }
 html body header.wd-site-header .cmain { height:48px!important; min-height:48px!important; }
 html body header.wd-site-header .links .simple { display:inline-flex!important; align-items:center; justify-content:center; box-sizing:border-box; height:34px!important; min-height:34px!important; max-height:34px!important; line-height:16px!important; padding:8px 11px!important; }
 html body header.wd-site-header .links .publish { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:36px!important; min-height:36px!important; max-height:36px!important; }
 html body header.wd-site-header .links .register:hover { background:#edf4fc; }
 html[mode=dark] body header.wd-site-header .links .register:hover { background:#29475c; }
}
html body#home>.content { padding-top:0!important; }
html body#home .wd-hero { padding-top:0!important; padding-bottom:0!important; margin-top:24px!important; }
@media(max-width:767px) { html body#home .wd-hero { margin-top:14px!important; } }


/* Mobile bottom navigation, including iPhone safe area. */
@media screen and (max-width:767px){
 html body #navi-bar{height:calc(70px + env(safe-area-inset-bottom,0px));padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));box-sizing:border-box;gap:3px;align-items:stretch;background:#fff;border-top:1px solid #dce6ef;box-shadow:0 -4px 18px rgba(35,63,88,.06);z-index:90}
 html body #navi-bar>a{display:flex;flex:1 1 0;min-width:0;max-width:none;width:auto!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0!important;padding:5px 1px!important;box-sizing:border-box;height:56px;border:0;border-radius:11px;box-shadow:none;line-height:1.2;text-decoration:none}
 html body #navi-bar>a.btn-regular{color:#637b90;background:transparent}
 html body #navi-bar>a>svg{width:22px!important;height:22px!important;flex:none;fill:currentColor!important;margin:0!important}
 html body #navi-bar>a>i:not(.mark){font-size:22px!important;width:22px!important;height:22px!important;line-height:22px!important;margin:0!important;color:inherit}
 html body #navi-bar>a>span:not(.counter){width:100%;height:auto!important;max-width:100%;font-size:10px!important;line-height:13px!important;letter-spacing:0;font-weight:600;white-space:nowrap;word-break:normal;text-overflow:clip;overflow:hidden;padding:0!important}
 html body #navi-bar>a.active.btn-regular{color:#285dc4;background:#edf4ff}
 html body #navi-bar>a.btn-regular.active:after{display:none}
 html body #navi-bar>a.btn-primary{background:#356dd5!important;color:#fff!important;font-size:10px;min-width:0}
 html body #navi-bar>a:focus-visible{outline:2px solid #356dd5;outline-offset:2px}
 html body #navi-bar>a .counter{right:calc(50% - 22px);top:0;background:#218363}
 html body #scroll-to-top{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;right:12px;width:38px;height:38px;box-sizing:border-box;padding:9px 0;border:1px solid #dce6ef;border-radius:11px;box-shadow:0 3px 12px rgba(35,63,88,.1);z-index:89}
 html body #scroll-to-top:hover{height:38px}
 html body #scroll-to-top svg{height:18px;fill:#356dd5}
 html body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 html[mode=dark] body #navi-bar{background:#182738;border-color:#33465c}
 html[mode=dark] body #navi-bar>a.btn-regular{color:#b9cbdf}
 html[mode=dark] body #navi-bar>a.btn-regular.active{background:#243e64;color:#c5dcff}
}


/* Header hover states and account dropdown */
header.wd-site-header .wd-header-nav a{padding:9px 10px;border-radius:8px;transition:background .15s,color .15s}
header.wd-site-header .wd-header-nav{gap:3px}
header.wd-site-header .wd-header-nav a:hover{background:#edf4ff;color:#285dc4}
header.wd-site-header .links .mini-btn{border-radius:9px;transition:background .15s,color .15s}
header.wd-site-header .links .mini-btn:hover,header.wd-site-header .links1>a:hover{background:#edf4ff;color:#285dc4}
header.wd-site-header .links1>a{border-radius:8px}
header.wd-site-header .links .simple:hover{background:#edf4ff;color:#285dc4;border-radius:9px}
header.wd-site-header .my-account-wrap{position:relative;align-self:center}
header.wd-site-header .my-account-wrap>a.account{display:flex;align-items:center;gap:7px;padding:7px 10px!important;min-height:38px;box-sizing:border-box;border:1px solid transparent;border-radius:10px!important;background:transparent;color:#42617b;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s}
header.wd-site-header .my-account-wrap>a.account img{position:static;width:24px;height:24px;object-fit:cover;border-radius:50%;margin:0;flex:none}
header.wd-site-header .my-account-wrap:hover>a.account,header.wd-site-header .my-account-wrap:focus-within>a.account{background:#edf4ff;border-color:#d9e6fa;color:#285dc4}
header.wd-site-header .my-account-menu{top:100%!important;left:auto!important;right:0!important;margin-top:8px!important;width:238px!important;min-width:0;max-width:calc(100vw - 32px);padding:8px!important;background:#fff!important;border:1px solid #dce6ef!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(35,63,88,.13)!important;box-sizing:border-box;z-index:100}
header.wd-site-header .my-account-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;width:100%;height:12px;border:0;background:transparent;transform:none}
header.wd-site-header .my-account-wrap:focus-within .my-account-menu{display:block;visibility:visible;opacity:1}
header.wd-site-header .my-account-menu>a{display:flex!important;align-items:center;gap:11px;min-height:42px;padding:11px 12px!important;margin:0!important;line-height:1.4!important;font-size:13px;color:#42617b!important;border:0;border-radius:8px!important;text-decoration:none;box-sizing:border-box;background:transparent}
header.wd-site-header .my-account-menu>a>i{position:static!important;flex:0 0 18px;width:18px;margin:0!important;color:#7a94ab;font-size:14px;text-align:center}
header.wd-site-header .my-account-menu>a:hover,header.wd-site-header .my-account-menu>a:focus-visible{background:#edf4ff!important;color:#285dc4!important}
header.wd-site-header .my-account-menu>a[href*="delete_modal"]{margin-top:7px!important;border-top:1px solid #e5edf5;border-radius:0 0 8px 8px!important;color:#a34450!important}
header.wd-site-header .my-account-menu>a[href*="delete_modal"]>i{color:#b76c76}
header.wd-site-header .my-account-menu>a[href*="delete_modal"]:hover{background:#fff0f2!important;color:#8f3040!important}
html[mode=dark] header.wd-site-header .my-account-menu{background:#182738!important;border-color:#33465c!important}
html[mode=dark] header.wd-site-header .my-account-menu>a{color:#c1d2e5!important}
html[mode=dark] header.wd-site-header .my-account-menu>a:hover,html[mode=dark] header.wd-site-header .my-account-wrap:hover>a.account{background:#243e64!important;color:#d3e4ff!important}

/* Keep the greeting text as one flex item instead of spacing each text fragment. */
header.wd-site-header .my-account-wrap{display:flex;align-items:center;align-self:center;margin:0!important}
header.wd-site-header .my-account-wrap>a.account{height:40px;min-height:40px;padding:7px 10px!important;gap:8px;white-space:nowrap}
header.wd-site-header .wd-account-greeting{display:inline-block;line-height:24px;white-space:nowrap}
header.wd-site-header .wd-account-greeting b{display:inline;font-weight:650;margin:0;padding:0}
header.wd-site-header .my-account-wrap>a.account img{display:block;align-self:center}