/* A quiet top bar, one clear navigation row, and one primary action. */
.site-topbar{background:#142d48;padding:0;min-height:34px;color:#e8eef5;text-align:left;font-size:11px;font-weight:500}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:34px}
.topbar-inner p{display:flex;align-items:center;gap:8px;margin:0;line-height:1.4}
.topbar-dot{width:5px;height:5px;border-radius:50%;background:#f68960;flex-shrink:0}
.topbar-extra{color:#bfcddd;margin-left:8px}
.header-socials{display:flex;align-items:center;gap:4px;flex-shrink:0}
.header-socials:empty{display:none}
.social-link{display:grid;place-items:center;width:28px;height:28px;color:#dce5ef;border-radius:5px;transition:background .15s,color .15s}
.social-link svg{width:16px;height:16px;display:block}
.social-link:hover{background:#ffffff18;color:#fff}
.site-header{background:#fff;border-bottom:1px solid #e7ecf1;box-shadow:0 4px 18px #142d4804;backdrop-filter:none}
.site-header .nav-wrap{min-height:88px;gap:30px}
.site-header .brand{width:230px;max-width:none}
.site-header .desktop-nav{display:flex;gap:27px;white-space:nowrap;font-size:13px;font-weight:550;margin-inline:auto}
.site-header .desktop-nav a{padding-block:12px;color:#536275}
.site-header .desktop-nav a:hover{color:#ec693a}
.header-main-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-account{display:flex;align-items:center;gap:8px}
.header-account form{margin:0}
.header-login,.header-register{height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:600 13px 'DM Sans',sans-serif;border-radius:7px;cursor:pointer;text-decoration:none}
.header-login{color:#263f59;border:1px solid transparent;background:transparent}
.header-login:hover{background:#f2f5f8}
.header-register{color:#263f59;border:1px solid #d8e0e8;background:#fff}
.header-register:hover{background:#f5f7f9;border-color:#9eafbf}
.site-header .header-main-actions .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;height:42px;padding:0 19px;margin:0;gap:14px;font-size:13px;font-weight:650;border-radius:7px;white-space:nowrap;box-shadow:0 3px 8px #eb693a16}
.site-header .menu-toggle{display:none;width:40px;height:40px;padding:10px;border:1px solid #e1e7ed;border-radius:7px;background:#fff;margin-left:0;flex-shrink:0}
.site-header .mobile-nav{border-top:1px solid #edf0f3;padding:8px 24px 18px;background:#fff}
.site-header .mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:14px;border-bottom:1px solid #edf0f3;color:#364e65}
.site-header .mobile-nav a span{color:#95a3af}
.site-header a:focus-visible,.site-header button:focus-visible,.social-link:focus-visible{outline:2px solid #ed7345;outline-offset:4px}
section[id],article[id]{scroll-margin-top:105px}html{scroll-padding-top:105px}
@media(max-width:1150px){.site-header .nav-wrap{gap:22px;min-height:80px}.site-header .brand{width:215px}.site-header .desktop-nav{gap:18px;font-size:12px}.header-main-actions{gap:12px}.header-login,.header-register{padding-inline:12px}.site-header .header-main-actions .nav-cta{padding-inline:14px}}
@media(max-width:1000px){.site-header .desktop-nav{display:none}.site-header .menu-toggle{display:block}.header-main-actions{margin-left:auto}.topbar-extra{display:none}}
@media(max-width:680px){
.site-topbar{font-size:10px}.topbar-inner{min-height:32px;gap:8px}.topbar-inner p{gap:6px}.header-socials{gap:1px}.social-link{width:25px;height:27px}.social-link svg{width:14px;height:14px}
.site-header .nav-wrap{display:grid;grid-template-columns:1fr auto;gap:0 12px;min-height:0;padding-block:0}.site-header .brand{width:205px;max-width:100%;padding-block:19px}.site-header .menu-toggle{grid-column:2;grid-row:1;width:37px;height:37px}
.header-main-actions{grid-column:1 / -1;grid-row:2;display:flex;gap:12px;margin:0;padding:10px 0 12px;border-top:1px solid #eef1f4}.header-account{flex:1;gap:8px}.header-account>a,.header-account form{flex:1}.header-account form button{width:100%}
.header-login,.header-register{height:38px;font-size:12px;padding-inline:10px}.site-header .header-main-actions .nav-cta{height:38px;min-height:38px;font-size:12px;padding-inline:16px;gap:12px;flex:1.12}.site-header .mobile-nav{padding-inline:18px}
section[id],article[id]{scroll-margin-top:150px}html{scroll-padding-top:150px}
}
@media(prefers-reduced-motion:reduce){.social-link{transition:none}}
/* Practice stability and the Google button are shared across public pages. */
.home-practice{align-items:start}.home-practice-card,.public-question{overflow-anchor:none}.practice-error{color:#963f32;font-size:13px;padding-top:14px}
.google-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 18px;background:#fff;border:1px solid #ccd3db;border-radius:7px;color:#1f2937;font-family:inherit;font-weight:600;font-size:14px;text-decoration:none}.google-button:hover{background:#f8fafb;border-color:#9aabbc}.google-button svg{flex-shrink:0}.google-button:focus-visible{outline:2px solid #245b8b;outline-offset:3px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#78838c;font-size:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e4e8e5;flex:1}.google-connect{margin:22px 0;max-width:420px}.google-connect .google-button{width:auto}.google-note{font-size:12px;line-height:1.7;color:#687787;margin:10px 0}
.social-youtube svg path:last-child{fill:#142d48}
/* Render the wordmark as text so it stays sharp at header size and on high-DPI screens. */
.site-header .brand-wordmark{display:flex;align-items:center;gap:9px;width:292px;flex-shrink:0}
.site-header .brand-wordmark .brand-symbol{display:block;width:58px;height:58px;flex:0 0 58px;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal}
.brand-lettering{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-name{color:#132b49;font-family:Manrope,'Segoe UI',sans-serif;font-size:20px;font-weight:800;line-height:1.15;letter-spacing:-.7px;white-space:nowrap;text-transform:uppercase}
.brand-name>span{color:#ed641d}
.brand-tagline{font-family:'DM Sans','Segoe UI',sans-serif;font-size:9px;font-weight:500;line-height:1.3;letter-spacing:.45px;white-space:nowrap;text-transform:uppercase;color:#26354a}
@media(min-width:1001px) and (max-width:1200px){.site-header .nav-wrap{gap:16px}.site-header .brand-wordmark{width:265px}.site-header .brand-wordmark .brand-symbol{width:50px;height:50px;flex-basis:50px}.brand-name{font-size:18px}.brand-tagline{font-size:8px;letter-spacing:.3px}.site-header .desktop-nav{gap:16px;font-size:12px}.header-main-actions{gap:10px}}
@media(max-width:680px){.site-header .brand-wordmark{width:276px;padding-block:13px;gap:8px}.site-header .brand-wordmark .brand-symbol{width:54px;height:54px;flex-basis:54px}.brand-name{font-size:19px}.brand-tagline{font-size:8.5px;letter-spacing:.25px}}
@media(max-width:370px){.site-header .brand-wordmark{width:240px;gap:6px}.site-header .brand-wordmark .brand-symbol{width:46px;height:46px;flex-basis:46px}.brand-name{font-size:17px}.brand-tagline{font-size:7.5px;letter-spacing:.15px}}