:root{--ink:#172033;--muted:#5d6b7d;--line:#dfe7f0;--paper:#fff;--wash:#f5f8fc;--blue:#2358a6;--blue-dark:#173d78;--gold:#d89c2b;--shadow:0 14px 40px rgba(23,32,51,.08)}
html{scroll-behavior:smooth}body{background:var(--wash)!important;color:var(--ink)!important;font-family:Tahoma,Arial,sans-serif!important;font-size:16px!important;line-height:1.85!important}
a{color:var(--blue);transition:color .18s ease}a:hover{color:var(--blue-dark)}
header.site{background:linear-gradient(135deg,#132e59 0%,#2358a6 62%,#367fc2 100%)!important;color:#fff!important;box-shadow:0 5px 24px rgba(16,47,91,.18);position:relative;z-index:2}
header.site .container{background:transparent!important;box-shadow:none!important}header.site a{color:#fff!important}.site-top{max-width:1180px!important}.brand{letter-spacing:.01em}.logo{font-size:1.35rem!important}.brand-sub{opacity:.8!important}
nav[aria-label="Main"] a,nav[aria-label="main"] a{border-radius:999px;padding:6px 11px;transition:background .18s ease}nav[aria-label="Main"] a:hover,nav[aria-label="main"] a:hover{background:#ffffff1f;text-decoration:none}
.vf-carousel-wrap{background:#10274a!important;border-top:1px solid #ffffff1c!important}.vf-carousel{max-width:1180px;margin:auto!important;padding:8px 20px!important}.vf-item a{color:#dceaff!important}
main.container,main.card,main[role="main"]{max-width:1180px!important;margin:28px auto!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;padding:clamp(22px,4vw,48px)!important}
main>h1,main>article>h1{font-size:clamp(1.8rem,4vw,2.65rem)!important;line-height:1.25!important;color:var(--blue-dark)!important;margin:0 0 14px!important;letter-spacing:-.02em}
main>p:first-of-type{font-size:1.08rem;color:var(--muted)}h2{color:var(--blue-dark)!important;line-height:1.35!important;margin-top:2rem!important}h3{color:#244a7c!important}p,li{max-width:82ch}table{background:#fff;border:1px solid var(--line)!important;border-radius:12px;overflow:hidden}th{background:#eaf2fc!important;color:#173d78!important}td,th{border-color:var(--line)!important;padding:10px 12px!important}tr:nth-child(even){background:#fafcff}
.card{border:1px solid var(--line)!important;box-shadow:0 7px 22px rgba(23,32,51,.06)!important;border-radius:16px!important}.sidebar{background:#f7faff!important}.sidebar a{text-decoration:none}.sidebar a:hover{text-decoration:underline}
article{font-size:1rem}.article-intro{background:linear-gradient(135deg,#eef5ff,#f9fbff);border:1px solid #d6e5fa;border-inline-start:5px solid var(--blue);border-radius:13px;padding:16px 18px;margin:18px 0 26px}.article-intro strong{color:var(--blue-dark)}.lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;color:var(--muted);font-size:.88rem}.lesson-meta span{background:#f0f4f9;border:1px solid var(--line);border-radius:999px;padding:3px 10px}.practice-box{background:#fff9e8;border:1px solid #f0d897;border-radius:13px;padding:17px 19px;margin:28px 0}.practice-box h2{margin-top:0!important;color:#79520a!important}.related-box{background:#f2f8f4;border:1px solid #d1e9d8;border-radius:13px;padding:17px 19px;margin:28px 0}.related-box h2{margin-top:0!important;color:#225e36!important}
footer.footer{background:#10274a!important;color:#dceaff!important;margin-top:44px!important;padding:34px 20px!important}footer.footer a{color:#fff!important}
button,.btn,.go-btn{border-radius:10px!important}input,textarea,select{border:1px solid #cbd7e5!important;border-radius:9px!important;padding:10px!important}input:focus,textarea:focus,select:focus{outline:3px solid #bcd4f5}
@media(max-width:700px){body{font-size:16px!important}main.container,main.card,main[role="main"]{margin:14px 10px!important;padding:22px 16px!important;border-radius:16px!important}.site-top{padding-inline:14px!important}table{display:block;overflow-x:auto;white-space:normal}.article-intro,.practice-box,.related-box{padding:14px}.brand-sub{display:none}}
