/* Shared public identity: original Alforod blue and gold. */
:root{--brand-ink:#123b68;--brand-blue:#075db2;--brand-gold:#e6bb4f;--brand-paper:#f5f7fb;--brand-text:#233950;--brand-muted:#52667c;--brand-line:#dce4ed;--brand-shadow:0 8px 28px rgba(18,59,104,.06)}
body{background:var(--brand-paper);color:var(--brand-text);font-size:16px;line-height:1.85}
*,*:before,*:after{box-sizing:border-box}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #075db2;outline-offset:4px}
.skip-link{position:absolute;inset:8px 12px auto auto;transform:translateY(-180%);z-index:9999;padding:12px 20px;background:#fff;color:#123b68;border:2px solid #075db2;border-radius:10px}.skip-link:focus{transform:none}
.page-content,.article,.post-card,.most-viewed-card{min-width:0}
.site-sidebar{border-radius:16px;box-shadow:var(--brand-shadow)}
.sidebar-group h2{font-size:14px}.sidebar-group>a{min-height:42px;font-size:13px;color:#425b73}.sidebar-intro strong{font-size:16px}
.section-heading h1{font-size:clamp(23px,3vw,32px);line-height:1.55;color:var(--brand-ink)}
.category-intro,.result-count{font-size:14px;line-height:1.9;color:var(--brand-muted)}
.post-grid{gap:18px}.post-card,.app-home-page .most-viewed-card{padding:22px;border:1px solid var(--brand-line);border-radius:16px;background:#fff;box-shadow:var(--brand-shadow);transition:border-color .2s,box-shadow .2s}
.post-card:hover,.app-home-page .most-viewed-card:hover{border-color:#a9bed6;box-shadow:0 12px 28px rgba(18,59,104,.1)}
.post-card h2,.app-home-page .most-viewed-card h3{font-size:17px;line-height:1.85;font-weight:700;color:var(--brand-ink);overflow-wrap:anywhere}
.post-card p,.app-home-page .most-viewed-card p{font-size:14px;line-height:1.95;color:var(--brand-muted)}
.post-meta,.app-home-page .most-viewed-meta{font-size:12px;gap:8px;flex-wrap:wrap}
.post-card .read-more,.app-home-page .most-viewed-link{font-size:14px;color:#0755a1;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.app-home-page .search-console{padding:30px;border-color:#d1ae58;border-radius:20px;background:linear-gradient(135deg,#fff 75%,#fffaf0);box-shadow:0 0 0 4px #e6bb4f12,var(--brand-shadow)}
.app-home-page .search-console-heading h1{font-size:clamp(24px,3vw,34px);color:var(--brand-ink)}
.app-home-page .search-console-heading p{font-size:15px;color:var(--brand-muted);line-height:1.9}
.app-home-page .app-search input,.app-home-page .search-filters select{font-size:16px;color:#233950}
.app-home-page .app-search button{font-size:15px;min-height:46px;background:var(--brand-ink)}
.app-home-page .search-filters{gap:10px;margin-top:14px}.app-home-page .search-filters select{min-height:48px;border-color:#b6c5d5;border-radius:10px}
.app-home-page .facet-status{font-size:12px;color:#52667c}.app-home-page .popular-queries{gap:8px}
.app-home-page .popular-queries strong{font-size:13px;color:#52667c}.app-home-page .popular-queries a{font-size:13px;padding:7px 12px;color:#315778;border-color:#dce4ed}
.app-home-page .most-viewed-section{margin-top:30px}.app-home-page .most-viewed-heading h2{font-size:23px;color:var(--brand-ink)}
.app-home-page .most-viewed-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.article{border:1px solid var(--brand-line);border-radius:18px;box-shadow:var(--brand-shadow)}
.article-title-row{gap:16px;align-items:flex-start}.article .article-title-row h1{font-size:clamp(22px,2.6vw,30px);line-height:1.7;color:var(--brand-ink);overflow-wrap:anywhere}
.article-category-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.article-category-links a{display:inline-flex;align-items:center;min-height:38px;padding:6px 12px;border:1px solid #d7e2ed;border-radius:99px;background:#f1f6fb;color:#174f82;font-size:13px;font-weight:700;line-height:1.6}.article-category-links a:hover{border-color:#c2a053;background:#fff9e9;color:#123b68}
.article-body{font-size:16px;line-height:2.05;overflow-wrap:anywhere}.article-body h2{font-size:23px;line-height:1.7;color:var(--brand-ink)}.article-body h3{font-size:20px;line-height:1.7}
.article-body img,.article-body iframe{max-width:100%}.article-body a{text-underline-offset:4px}.pagination a{min-height:44px;min-width:44px;display:inline-flex;justify-content:center;align-items:center}
@media(max-width:760px){
 .app-home-page .search-console{padding:22px 16px}.app-home-page .search-console-heading h1{font-size:24px}.app-home-page .search-console-heading p{font-size:14px}
 .app-home-page .search-console-icon{display:none}.app-home-page .app-search{min-height:54px}.app-home-page .app-search button{min-width:66px;font-size:14px}
 .app-home-page .search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.app-home-page .search-filters select{padding:8px;min-width:0}
 .app-home-page .most-viewed-grid{grid-template-columns:minmax(0,1fr)}.app-home-page .most-viewed-card,.post-card{padding:18px}
 .app-home-page .most-viewed-card h3{font-size:17px}.app-home-page .most-viewed-card p{display:block;font-size:14px}.app-home-page .most-viewed-meta{font-size:12px}
 .app-home-page .most-viewed-heading h2{font-size:21px}.article .article-title-row h1{font-size:22px}.article-body h2{font-size:21px}.article-category-links{gap:6px;margin:6px 0 14px}.article-category-links a{min-height:40px;padding:6px 10px;font-size:12px}
 .platform-search input,select,textarea{font-size:16px}.article{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Refined desktop masthead; mobile keeps its compact menu/logo/search row. */
@media(min-width:761px){
 .platform-header{overflow:visible;border-top:3px solid var(--brand-gold);box-shadow:0 8px 26px rgba(18,59,104,.09)}
 .alforod-utility{background:#f4f7fb;color:#49627d;border-bottom:1px solid #e6ebf2;font-size:11px}
 .alforod-utility .topbar-inner{min-height:34px;justify-content:flex-start}
 .alforod-utility nav{gap:0}
 .alforod-utility nav a{padding:3px 16px;border-inline-start:1px solid #dce4ed;color:#49627d;transition:color .18s ease,background .18s ease}
 .alforod-utility nav a:first-child{border-inline-start:0}
 .alforod-utility nav a:hover{color:#075db2;background:#eaf1f9}
 .header-main{grid-template-columns:minmax(190px,230px) minmax(280px,1fr) max-content;grid-template-areas:"brand search install";width:min(1240px,calc(100% - 48px));min-height:92px;gap:clamp(18px,3vw,42px);padding-block:12px}
 .header-main>.brand{transition:opacity .18s ease}
 .header-main>.brand:hover{opacity:.86}
 .header-main .brand-logo{width:clamp(180px,19vw,225px);max-height:72px}
 .header-main>.platform-search{max-width:650px;min-height:52px;justify-self:center;border:1px solid #d6e0eb;border-radius:14px;background:#f8fafd;box-shadow:0 2px 7px rgba(18,59,104,.035);transition:border-color .18s ease,box-shadow .18s ease}
 .header-main>.platform-search:focus-within{border-color:#8eadd0;box-shadow:0 0 0 4px rgba(7,93,178,.09)}
 .header-main .platform-search input{padding-inline:17px;font-size:14px}
 .header-main .platform-search input::placeholder{color:#8292a6}
 .header-main .platform-search button{width:42px;height:42px;margin:4px;border-radius:11px;background:#075db2;color:#fff;font-size:27px;transition:background .18s ease,transform .18s ease}
 .header-main .platform-search button:hover{background:#064987;transform:scale(1.03)}
 .header-main>.pwa-install{min-height:44px;padding:0 16px;border:1px solid #d6bd7d;border-radius:11px;background:#fff9e8;color:#6d5420;font-size:12px;font-weight:800;box-shadow:0 3px 9px rgba(109,84,32,.06);transition:background .18s ease,border-color .18s ease,transform .18s ease}
 .header-main>.pwa-install:hover{transform:translateY(-1px);border-color:#c5a45a;background:#fff4d4}
 .nav-wrap{border-top:1px solid #1267b6;border-bottom:2px solid #d1ae68;background:linear-gradient(105deg,#063e7b,#075db2 58%,#0b67bb)}
 .nav-inner{width:min(1240px,calc(100% - 48px));min-height:54px;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(3px,1vw,14px);padding-block:0}
 .nav-inner a{position:relative;min-height:42px;padding:7px clamp(11px,1.25vw,17px);border:1px solid transparent;border-radius:10px;color:#e8f2fc;font-size:13px;font-weight:700;white-space:nowrap;transition:color .18s ease,background .18s ease,border-color .18s ease}
 .nav-inner a:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff}
 .nav-inner .nav-home{background:rgba(255,255,255,.1);color:#ffe391}
 .nav-inner .nav-home:after{display:none}
}
@media(min-width:761px) and (max-width:1000px){
 .header-main{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"brand install" "search search";width:calc(100% - 40px);gap:12px 20px;padding-block:14px}
 .header-main>.platform-search{max-width:none;justify-self:stretch}
 .nav-inner{gap:3px}
 .nav-inner a{padding-inline:10px;font-size:12px}
}
