/* Alforod visual system refresh: the existing Alforod mark, deep blue and warm gold. */
:root{--af-ink:#172b43;--af-muted:#64748b;--af-blue:#165a91;--af-blue-deep:#123953;--af-gold:#c5a45f;--af-line:#e4e9ed;--af-paper:#fff;--af-canvas:#f5f7f8;--af-radius:18px;--af-shadow:0 14px 38px rgba(19,48,72,.075)}
html{scroll-padding-top:18px}
body{background:var(--af-canvas);color:var(--af-ink);overflow-wrap:anywhere}
img,video,iframe{max-width:100%}
.platform-header{background:var(--af-paper);box-shadow:0 7px 26px rgba(18,57,83,.075)}
.platform-header .alforod-utility{background:linear-gradient(100deg,#123953,#165a91)}
.platform-header .nav-wrap{border-top:1px solid #edf0f2;border-bottom:1px solid var(--af-line);background:#fff}
.platform-header .nav-inner a{position:relative;min-height:46px;color:#42566b;font-weight:650;transition:color .18s ease,background .18s ease}
.platform-header .nav-inner a:hover{border-radius:10px;background:#f3f7fa;color:var(--af-blue)}
.platform-header .nav-inner a:focus-visible,.platform-header button:focus-visible{outline:3px solid #c5a45f88;outline-offset:2px}
.platform-header .brand-logo{filter:drop-shadow(0 2px 2px rgba(17,40,58,.06))}
.app-shortcut>span,.app-recent-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid #e1e9ee;border-radius:13px;background:linear-gradient(145deg,#f1f6f9,#fff);color:#155a8d;font-size:20px;font-weight:800}
.shortcut-test>span{background:#edf7f2;color:#267554;border-color:#d8ebe0}
.shortcut-exam>span{background:#edf3fa;color:#245b94;border-color:#dbe6f0}
.shortcut-lesson>span{background:#fbf5e8;color:#9a7631;border-color:#eee3c9}
.shortcut-teacher>span{background:#f4effa;color:#705398;border-color:#e7ddf1}
.app-recent-icon{width:36px;height:36px;border-radius:11px;font-size:17px}
.page-content{min-width:0}
.sidebar-intro>div{display:grid;min-width:0;gap:3px;line-height:1.6}
.sidebar-intro>div strong,.sidebar-intro>div small{display:block}
.section,.article,.search-console,.site-statistics,.portal-about,.related-articles{border-color:var(--af-line);box-shadow:var(--af-shadow)}
.section-heading h1,.article-heading h1{color:var(--af-ink);letter-spacing:-.012em;text-wrap:balance}
.section-heading h1{font-size:clamp(23px,3vw,34px);line-height:1.45}
.article{max-width:980px;border-radius:22px;background:#fff}
.article-heading h1{max-width:850px;font-size:clamp(24px,3.4vw,38px);line-height:1.55}
.article-body{max-width:810px;color:#33465b;font-size:clamp(15px,1.25vw,17px);line-height:2.05}
.article-body h2,.article-body h3{scroll-margin-top:20px;color:#193e5b;text-wrap:balance}
.article-body a{color:#155b91;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body a:hover{color:#a17b2e}
.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;border:1px solid #dce4e9;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(22,52,72,.055);-webkit-overflow-scrolling:touch}
.article-body table caption{padding:12px 14px;color:#1c415e;font-weight:750;text-align:right}
.article-body table th{background:#edf3f6;color:#183d59;font-weight:750;white-space:normal}
.article-body table tr:nth-child(even) td{background:#fafcfd}
.article-body table td,.article-body table th{min-width:105px;padding:12px 14px;border:0;border-bottom:1px solid #e8edf0;border-left:1px solid #e8edf0;vertical-align:middle;text-align:right;line-height:1.8}
.article-body table tr:last-child td{border-bottom:0}
.article-body table td:last-child,.article-body table th:last-child{border-left:0}
.article-body table img{width:auto;max-width:100%;height:auto}
.post-card,.related-card,.most-viewed-card,.app-recent-item{min-width:0;border-color:var(--af-line);box-shadow:0 7px 22px rgba(19,48,72,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.post-card p:empty,.related-card p:empty,.most-viewed-card p:empty,.app-recent-item p:empty{display:none}
.article-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}
.article-metric{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 11px;border:1px solid #e0e8ed;border-radius:999px;background:#f7fafb;color:#536b7b;font-size:12px;white-space:nowrap}
.article-metric svg{width:17px;height:17px;fill:none;stroke:#54778e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-metric strong{color:#183f59;font-size:13px;font-variant-numeric:tabular-nums}
.article-metric-compact{min-height:29px;padding:4px 9px;font-size:11px}
.article-metric-compact svg{width:15px;height:15px}
.article-metric-compact strong{font-size:12px}
.most-viewed-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}
.post-card:hover,.related-card:hover,.most-viewed-card:hover{transform:translateY(-2px);border-color:#d7c89f;box-shadow:0 14px 30px rgba(19,48,72,.09)}
.ad-placement{width:100%;max-width:100%;min-width:0;margin:24px auto;padding:clamp(10px,2vw,18px);border:1px solid #e9edf0;border-radius:14px;background:#fbfcfd;overflow:hidden;text-align:center}
.ad-placement .adsbygoogle{display:block;width:100%;max-width:100%;min-width:0;margin-inline:auto;overflow:hidden}
.ad-placement .ad-label{display:block;margin-bottom:7px;color:#8593a0;font-size:10px}
.site-footer{background:radial-gradient(ellipse at 84% 0%,rgba(67,123,161,.22),transparent 38%),linear-gradient(125deg,#102c42,#123e62 64%,#165a91)!important}
.footer-column a,.footer-bottom,.footer-about p{line-height:1.8}
@media(max-width:760px){
 body{overflow-x:clip}
 .container{width:calc(100% - 28px);max-width:100%}
 .platform-header .header-main{max-width:100%;min-width:0}
 .platform-header .mobile-menu-toggle,.platform-header .mobile-search-toggle{border-color:#e2e8ec;background:#fff;color:#173e5b}
 .mobile-category-drawer{max-width:88vw}
 .app-shortcut>span{width:36px;height:36px;border-radius:11px}
 .section{border-radius:16px}
 .article{width:100%;margin:12px auto 22px;padding:clamp(16px,4.5vw,23px);border-radius:17px}
 .article-heading{margin-bottom:22px;padding-bottom:17px}
 .article-heading h1{font-size:clamp(21px,6vw,29px);line-height:1.55}
 .article-body{font-size:15px;line-height:1.95}
 .article-body h2{margin-top:27px;font-size:21px}
 .article-body h3{margin-top:23px;font-size:18px}
 .article-body table{margin:18px 0;border-radius:11px}
 .article-body table td,.article-body table th{min-width:120px;padding:10px 11px;font-size:13px}
 .article-body iframe,.article-body video{width:100%!important;max-width:100%!important}
 .ad-placement{margin:16px auto;padding:9px;border-radius:11px}
 .post-grid,.related-grid,.most-viewed-grid{grid-template-columns:minmax(0,1fr)}
 .post-card,.related-card,.most-viewed-card{width:100%;min-width:0}
 .footer-grid{min-width:0}
}
@media(max-width:380px){
 .container{width:calc(100% - 22px)}
 .article{padding:15px 13px}
 .article-heading h1{font-size:21px}
 .article-body{font-size:14px}
 .article-body table td,.article-body table th{min-width:108px;padding:9px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}