/* Shared visual system. Loaded after historical styles to preserve existing routes. */
:root{--premium-blue:#154c75;--premium-ink:#163449;--premium-gold:#be9950;--premium-line:#dfe7ec}
body,.app-home-page{background:#f4f7f9;color:var(--premium-ink)}
body .platform-header{overflow:visible;background:#fff;border-bottom:1px solid var(--premium-line);box-shadow:0 8px 26px #18394b08}
body .alforod-utility{background:#163449;color:#dfeaf1}
body .alforod-utility .topbar-inner{min-height:36px}
body .alforod-utility nav a{font-size:12px}
body .platform-header .header-main{display:grid;grid-template-columns:220px minmax(220px,1fr) auto;grid-template-areas:"brand search install";width:min(1240px,calc(100% - 48px));min-height:104px;gap:32px;padding-block:16px}
body .platform-header .brand-logo{width:190px;max-width:100%;max-height:66px;height:auto;object-fit:contain}
body .platform-header .platform-search{width:100%;max-width:600px;min-height:52px;margin:0;padding:5px;border:1px solid #dce5eb;border-radius:14px;background:#f6f9fb;box-shadow:none}
body .platform-search input{min-width:0;font-size:15px;color:#243f54;background:transparent}
body .platform-search button{display:grid;place-items:center;min-width:42px;min-height:40px;padding:8px;border-radius:10px;background:#174d73;color:white}
.af-icon{display:inline-block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.mobile-drawer-backdrop:not([hidden]){opacity:1}
.af-footer-links summary:focus-visible,.af-footer-cta:focus-visible,.af-footer-bottom a:focus-visible{outline:3px solid #ddbe7b;outline-offset:5px;border-radius:4px}
body .platform-header .pwa-install{gap:9px;min-height:46px;padding:10px 16px;border:1px solid #d9c494;border-radius:12px;background:#faf5e9;color:#725723;font-size:13px;font-weight:700}
body .platform-header .nav-inner{width:min(1240px,calc(100% - 48px));min-height:56px;gap:8px;justify-content:center;padding-block:5px}
body .platform-header .nav-inner a{padding:10px 18px;font-size:14px;border-radius:10px}
body .platform-header .nav-inner a:hover{background:#eef4f8}
body .platform-header .nav-inner a:after{display:none}
body .platform-header .nav-inner .nav-home{background:#edf4f8;color:#154c75}
body .site-layout{gap:24px}
body .site-sidebar{border:1px solid #e1e8ed;border-radius:18px;box-shadow:0 10px 30px #15364a05}
body .sidebar-group a{font-size:13px;min-height:40px;border-radius:9px}
body .sidebar-group h2{font-size:13px}
body .app-home-page .search-console,.app-home-page .search-console{padding:30px;border:1px solid #c7ad77;border-radius:22px;background:linear-gradient(135deg,#fff 65%,#faf7ef);box-shadow:0 0 0 4px #c7ad7712,0 18px 40px #193c4e09}
body .app-home-page .search-console-heading h1,.app-home-page .search-console-heading h1{font-size:clamp(25px,2.8vw,36px);line-height:1.55}
.app-home-page .search-console-heading p{font-size:14px;line-height:1.8;max-width:65ch}
.app-home-page .app-search{min-height:58px;border:1px solid #bdcdd7;border-radius:13px;box-shadow:none}
.app-home-page .app-search input{font-size:16px}
.app-home-page .app-search button{min-height:44px;font-size:14px}
.app-home-page .search-filters{gap:10px;margin-top:14px}
.app-home-page .search-filters select{min-height:48px;padding:9px;font-size:14px;border:1px solid #cbd8df;border-radius:10px;color:#2c495b}
.app-home-page .popular-queries a{min-height:32px;padding:6px 11px;font-size:12px}
.app-home-page .popular-queries strong,.app-home-page .facet-status{font-size:12px}
.app-home-page .most-viewed-section{margin-top:30px}
.app-home-page .most-viewed-heading h2{font-size:23px}
.app-home-page .most-viewed-grid{gap:14px}
.app-home-page .most-viewed-card{display:flex;flex-direction:column;min-height:210px;padding:20px;border-radius:17px}
.app-home-page .most-viewed-card h3{font-size:16px;line-height:1.8}
.app-home-page .most-viewed-card p{font-size:13px;line-height:1.85}
.app-home-page .most-viewed-meta{font-size:11px;flex-wrap:wrap}
.app-home-page .most-viewed-link{font-size:13px;line-height:1.7}
.app-home-page .site-statistics-heading h2{font-size:22px}
.app-home-page .site-statistics-heading p{font-size:13px}
.site-stat-card>span:last-child{font-size:12px}
.site-stat-card strong{font-size:25px}
.post-card h2,.related-card h3{font-size:17px;line-height:1.8}
.post-card p,.related-card p{font-size:14px;line-height:1.9}
.filter-bar input,.filter-bar select{min-height:46px;font-size:15px}
body .site-footer{margin-top:60px!important;padding:0!important;border-top:0!important;background:#112d41!important;color:#dfebf2}
body .site-footer:before{display:none}
.af-footer-inner{width:min(1240px,calc(100% - 48px));margin:auto}
.af-footer-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0;border-bottom:1px solid #ffffff1c}
.af-footer-intro p{margin:5px 0 0;color:#b7cbd8;font-size:14px;line-height:1.8}
.af-footer-intro h2{margin:0;font-size:clamp(23px,2.6vw,30px);color:#fff;line-height:1.5}
.af-footer-eyebrow{display:block;margin-bottom:7px;color:#ddbe7b;font-size:12px}
.af-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:none;min-height:48px;padding:12px 20px;border-radius:12px;background:#d4b575;color:#183448;font-size:14px;font-weight:750}
.af-footer-content{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:56px;padding:34px 0}
.af-footer-brand{display:inline-flex;padding:12px 17px;border-radius:13px;background:#fff}
.af-footer-brand img{display:block;width:155px;max-width:100%;height:auto}
.af-footer-about p{max-width:34ch;margin:16px 0 0;color:#b9cbd7;font-size:14px;line-height:1.95}
.af-footer-links summary{list-style:none;color:#ead19e;font-size:15px;font-weight:750;cursor:pointer}
.af-footer-links summary::-webkit-details-marker{display:none}
.af-footer-links nav{display:grid;gap:5px;margin-top:12px}
.af-footer-links a{display:flex;align-items:center;min-height:38px;color:#cfdee8;font-size:14px;line-height:1.7}
.af-footer-links a:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.af-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 0 25px;border-top:1px solid #ffffff1c;font-size:12px;color:#adc1d0}
.af-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.af-footer-bottom a{color:#d8e4ec}
.af-footer-bottom .footer-designed-by{font-size:12px;color:#e0c68f}
.af-mobile-footer{display:none}
@media(min-width:761px) and (max-width:1050px){body .platform-header .header-main{grid-template-columns:170px minmax(180px,1fr) auto;gap:18px}body .platform-header .brand-logo{width:160px}body .platform-header .nav-inner a{padding-inline:10px;font-size:13px}.af-footer-content{gap:28px}}
@media(max-width:760px){
 body .platform-header .header-main{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"menu brand searchbtn" "form form form";width:100%;min-height:76px;gap:0;padding:10px 14px}
 body .platform-header .brand-logo{width:145px;max-height:48px}
 body .platform-header .mobile-menu-toggle,body .platform-header .mobile-search-toggle{width:44px;height:44px;border-radius:13px;background:#f5f8fa;border-color:#e0e8ed}
 body .platform-header .header-main>.pwa-install,body .platform-header .alforod-utility,body .platform-header .nav-wrap{display:none!important}
 body .platform-header .header-main>.platform-search{grid-area:form;display:none!important;max-width:none;margin-top:10px;min-height:48px}
 body .platform-header.search-open .header-main>.platform-search{display:flex!important}
 body .platform-header .platform-search input{font-size:16px}
 .mobile-drawer-head{background:#15374f;color:#fff;border:0;min-height:76px}
 .mobile-drawer-head h2{color:white;font-size:19px}
 .mobile-drawer-content{padding:20px}
 .mobile-category-drawer .sidebar-group a{min-height:45px;font-size:14px}
 .mobile-drawer-install{min-height:48px;font-size:14px;border-radius:12px}
 body .app-home-page .search-console,.app-home-page .search-console{padding:22px 16px;border-radius:18px}
 .app-home-page .search-console-heading h1{font-size:25px}
 .app-home-page .search-console-heading p{font-size:13px}
 .app-home-page .search-console-icon{display:none}
 .app-home-page .search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .app-home-page .search-filters select{font-size:16px;min-height:48px;padding:8px}
 .app-home-page .app-search input{font-size:16px}
 .app-home-page .most-viewed-card{min-height:0;padding:18px}
 .app-home-page .most-viewed-heading{align-items:flex-start;gap:12px}
 .app-home-page .most-viewed-heading h2{font-size:21px}
 .app-home-page .most-viewed-grid{gap:12px}
 .app-home-page .most-viewed-card h3{font-size:16px}
 .app-home-page .most-viewed-card p{font-size:13px}
 .app-home-page .most-viewed-link{font-size:13px}
 .app-home-page .site-statistics-heading h2{font-size:20px}
 .site-stat-card>span:last-child{font-size:11px}
 body .site-footer{margin-top:36px!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
 .af-footer-intro,.af-footer-content,.af-footer-bottom{display:none!important}
 .af-mobile-footer{display:grid;gap:18px;width:calc(100% - 32px);margin:0 auto;padding:26px 0 18px}
 .af-mobile-footer-brand{display:flex;align-items:center;gap:13px}
 .af-mobile-footer-brand img{width:105px;height:auto;padding:7px 9px;border-radius:10px;background:#fff}
 .af-mobile-footer-brand p{margin:0;color:#bdced9;font-size:12px;line-height:1.75}
 .af-mobile-footer-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #d4b575;border-radius:12px;background:#d4b575;color:#17364b;font-size:14px;font-weight:750}
 .af-mobile-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .af-mobile-footer-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;border:1px solid #ffffff22;border-radius:11px;background:#ffffff09;color:#e0eaf0;font-size:12px}
 .af-mobile-footer-links .af-icon{width:18px;height:18px;color:#e0c68f}
 .af-mobile-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:15px;border-top:1px solid #ffffff20;color:#b6c7d2;font-size:10px}
 .af-mobile-footer-bottom a{color:#e0c68f}
 .af-footer-inner{width:calc(100% - 32px)}
 .af-footer-intro{padding:25px 0;align-items:flex-start;flex-direction:column;gap:17px}
 .af-footer-intro h2{font-size:24px}
 .af-footer-intro p{font-size:13px}
 .af-footer-cta{min-height:44px;padding:10px 16px}
 .af-footer-content{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 12px}
 .af-footer-about{margin-bottom:21px;display:flex;align-items:center;gap:15px}
 .af-footer-brand{flex:none;padding:9px 11px}
 .af-footer-brand img{width:100px}
 .af-footer-about p{margin:0;font-size:12px;line-height:1.8}
 .af-footer-links{padding:16px 0;border-top:1px solid #ffffff1c}
 .af-footer-links summary{display:flex;justify-content:space-between;align-items:center;min-height:28px;font-size:14px}
 .af-footer-links summary:after{content:"+";font-size:22px;font-weight:400}
 .af-footer-links[open] summary:after{content:"−"}
 .af-footer-links nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .af-footer-links a{font-size:13px;min-height:40px}
 .af-footer-bottom{justify-content:center;text-align:center;gap:15px;padding-block:18px}
 .af-footer-bottom nav{justify-content:center;width:100%}
}
@media(max-width:380px){.app-home-page .search-filters{grid-template-columns:minmax(0,1fr)}.af-footer-about{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.home-quiz-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:24px auto;padding:20px 24px;max-width:1120px;border:1px solid #dce9e7;border-radius:18px;background:linear-gradient(110deg,#f0f8f6,#fff 72%);box-shadow:0 10px 28px #214c630d}.home-quiz-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#087f78;color:#fff;font-size:1.7rem;font-weight:bold}.home-quiz-cta h2{margin:3px 0 5px;color:#214c63;font-size:1.2rem}.home-quiz-cta p{margin:0;color:#647782;line-height:1.7}.home-quiz-cta>a{display:inline-flex;align-items:center;gap:8px;background:#087f78;color:white;text-decoration:none;font-weight:bold;border-radius:12px;padding:13px 17px;white-space:nowrap}@media(max-width:620px){.home-quiz-cta{grid-template-columns:auto 1fr;gap:12px;padding:16px;border-radius:15px}.home-quiz-icon{width:44px;height:44px}.home-quiz-cta h2{font-size:1.06rem}.home-quiz-cta p{font-size:.88rem}.home-quiz-cta>a{grid-column:1/-1;justify-content:center}}
.home-exam-buttons{max-width:1120px;margin:28px auto;padding:22px 24px;border:1px solid #e0e9ed;border-radius:20px;background:#fff;box-shadow:0 10px 30px #17394d0a}.home-exam-heading{margin-bottom:16px}.home-exam-heading h2{margin:4px 0;color:#214c63;font-size:1.35rem}.home-exam-heading p{margin:0;color:#647782;line-height:1.7}.home-exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-exam-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:15px 14px;border:1px solid #e1eaee;border-radius:15px;color:#214c63;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-exam-card:hover{transform:translateY(-2px);border-color:#a9cfca;box-shadow:0 10px 22px #17394d12}.home-exam-card>span:nth-child(2){display:grid;gap:5px}.home-exam-card strong{font-size:.98rem}.home-exam-card small{color:#6b7e88;font-size:.78rem;line-height:1.6}.home-exam-card>b{color:#087f78;font-size:1.25rem}.home-exam-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf5f3;color:#087f78}.home-exam-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-exam-regional .home-exam-icon{background:#f0eef9;color:#6b59a6}.home-exam-middle .home-exam-icon{background:#fff5e6;color:#a76a12}@media(max-width:800px){.home-exam-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.home-exam-buttons{margin:18px auto;padding:17px 14px;border-radius:16px}.home-exam-grid{grid-template-columns:1fr;gap:9px}.home-exam-card{padding:12px}.home-exam-card strong{font-size:.94rem}.home-exam-card small{font-size:.74rem}}