/* BrounStack V2 — one restrained blue/white identity across the complete frontend preview.
   The page-specific stylesheets provide layouts; these last-loaded rules unify their visual language.
   No network fonts, decorative 3D images or unapproved commercial claims. */
:root{--navy:#0b244b;--navy2:#15345c;--ink:#101f38;--muted:#596a82;--accent:#0e4caa;--accent2:#2468bf;--border:#dce6f1;--offwhite:#f7faff}
html{scroll-padding-top:84px}
body{background:#fff;color:#13233b}
.section-kicker{color:#1553af}
.heading-period{color:#1758bd}
.button-primary{background:#0d458f;box-shadow:0 6px 16px #1a4b8617;color:#fff}
.button-primary:hover{background:#175eb6}
.button-ghost,.detail-secondary{border-color:#b9cbe1;color:#174277}
.course-breadcrumb a,.learning-link,.catalog-results-heading button,.catalog-result-cta,.course-link,.service-link{color:#1253ab}
.filter.active{background:#113e80}
.filter-options label:has(input:checked),.quiz-options label:has(input:checked),.language-option:has(input:checked),.settings-language label:has(input:checked){background:#edf4ff;border-color:#689ee5;color:#17487e}
input[type=radio]{accent-color:#1558b5}
.demo-banner{background:#edf5ff;color:#28558a}
.demo-dot{background:#2269be}
.course-card,.catalog-result-card,.service-card,.settings-card,.course-access,.lesson-sidebar{border-color:#dce5f0}
.course-card:hover,.catalog-result-card:hover{box-shadow:0 14px 29px #103e7314}
.badge-free{background:#e7f7ed;color:#137244}
.badge-premium{background:#fff1dc;color:#8d5810}
/* Catalogue: replace the old purple hero and pills with the approved icy blue editorial treatment. */
.catalog-page-header{background:linear-gradient(115deg,#f4f9ff,#e6f1ff 72%,#d5e8ff);color:#102643}
.catalog-hero{padding:67px 0 73px}
.catalog-hero .eyebrow{color:#184e9b}
.catalog-hero .eyebrow-line{background:#0d5fbc}
.catalog-hero h1{font-size:clamp(42px,5.5vw,69px);color:#0b1e3c}
.catalog-hero h1 span{color:#1558bd}
.catalog-hero>p:not(.eyebrow){color:#435c7b}
.catalog-hero-pills span{background:#fff;border:1px solid #cbdbed;color:#31547b}
.search-and-filters{background:#f7faff;border-color:#dce6f1}
.search-field{border-color:#cbd9e9}
.catalog-result-icon{background:#e9f2ff;color:#1855a4}
.path-card,.path-card:nth-child(2),.path-card:nth-child(3){background:#123b6d;border-color:#174e8c;color:#fff}
.path-card:nth-child(2){background:#174b80}.path-card:nth-child(3){background:#1a567e}
.path-card .path-number{color:#c0deff}.path-action{color:#d6e9ff}
/* Course details: read comfortably on white with subtle pale-blue panels. */
.course-dark-head,.lesson-header-wrap{background:transparent;color:inherit}
.course-intro h1,.course-modules h2,.course-next-step h2{color:#102744}
.detail-icon{background:#e8f3ff;color:#1558ae}
.course-category{color:#1753a4}
.course-highlights span{background:#e9f3ff;color:#28558b}
.course-access{background:#f5f9ff;border-color:#d6e5f6;box-shadow:0 12px 38px #1e4b7910}
.course-access-top>span:last-child{background:#e4efff;color:#1554a0}
.course-access-rule{border-color:#dce6f2}.course-access-rule strong{color:#194671}
.module-item{border-color:#dce6ef}.module-item[open] summary{background:#f0f7ff;border-bottom-color:#dce7f4}
.module-index,.module-item summary:after{color:#1c60b7}
.lesson-status{border-color:#c7daee;color:#20549b}
.language-panel{background:#11335f;border:1px solid #1e5086;color:white}
.language-panel .section-kicker{color:#c6defd}
.detail-language-switch{background:#082547}
.detail-language-switch button.active{background:#1c65bd}
.language-example{background:#1a4273;border-color:#3f6591}
.language-disclaimer{color:#c3d9ef}
.course-next-step{background:#eaf4ff}
/* Lesson reader: remove prior lavender surfaces; retain dark high-contrast code blocks. */
.sidebar-top{background:#edf5ff;border-color:#d9e7f6}
.sidebar-top h2{color:#112c53}
.lesson-sidebar-link.active{background:#e7f1ff;border-color:#c4d9f1;color:#174d91}
.lesson-sidebar-link span:first-child{color:#2a64a7}
.lesson-sidebar-link:hover{background:#f3f8ff}
.reader-heading-row h1{color:#0e2547}
.reader-index,.reader-settings-link{color:#2057a0}
.reader-language{background:#eaf3ff;border-color:#cee0f4}
.reader-language button{color:#2d537b}
.reader-language button.active{background:#1153a7;color:white}
.learning-note{background:#eaf4ff;border-left-color:#1b65bd}
.learning-note>span{color:#175bae}
.learning-note p{color:#244d7d}
.lesson-code,#practice-editor{background:#122c4a}
.utility-action{border-color:#cbdcec;color:#1157ad}
.practice-badge{background:#eaf3ff;color:#18539c}
.feedback{color:#22517f}
/* Services: blue-and-white hero, six original service cards remain data-driven. */
.services-hero{background:linear-gradient(110deg,#f4f9ff 0%,#e6f1ff 65%,#d5e8ff 100%);color:#0d274c}
.services-eyebrow{color:#1c5bad}
.services-hero h1{color:#0c2343}
.services-hero h1 span{color:#1559bc}
.services-hero p:not(.services-eyebrow){color:#425f7e}
.services-hero-link{background:#0b4a9f;color:white}
.service-number{color:#165cb6}
.service-link{color:#1052b5}
.services-count{color:#1d5ca9}
.services-bottom{background:#eaf3ff}
.services-bottom-link{background:#123e7a}
.theme-violet{background:#eef4ff}
.theme-rose{background:#f4f7ff}
/* Onboarding: preserve focused, split-screen workflow while matching the new brand. */
.account-story{background:linear-gradient(135deg,#102c54,#18528c);color:#fff}
.account-story h1 span{color:#a9d3ff}
.account-story .eyebrow{color:#b9ddff}
.account-story>div>p:not(.eyebrow){color:#d7e8fa}
.account-main{background:#f5f9fe}
.account-card{border-color:#d8e5f3;box-shadow:0 20px 50px #1b4a7c12}
.account-tabs{background:#e9f2fd}
.account-tabs button{color:#4b617a}
.account-tabs button.active{color:#1253a7}
.step-indicator span{border-color:#d7e4f3}
.step-indicator span.active{background:#e5f1ff;border-color:#86b3e9;color:#1652a0}
.language-option:has(input:checked),.settings-language label:has(input:checked){background:#ecf5ff;border-color:#80aee6}
.profile-header{background:#fff;color:#112949}
.profile-nav nav a{color:#225087}
.profile-avatar{background:#e1eeff;color:#17539c}
.profile-sidebar{background:#f7faff;border-color:#dbe8f7}
.profile-side-item{color:#355b82}
.profile-side-item.active{background:#e4efff;color:#174e9a}
.profile-demo-tag{background:#e7f2ff;color:#164f99}
.profile-preview{background:#eef5fe}
.profile-preview pre{background:#132e51}
.finish-icon{background:#e1f5eb}
/* One footer on EVERY V2 page, including account. Designed to match the white header. */
.v2-site-footer{background:#f7faff!important;color:#102844!important;border-top:1px solid #dae6f3;margin-top:0}
.v2-footer-grid{display:grid;grid-template-columns:minmax(240px,1.65fr) repeat(3,minmax(120px,1fr));gap:clamp(20px,3vw,58px);padding:62px 0 56px}
.v2-footer-brand{color:#0c2343!important;font-size:25px;letter-spacing:-.06em}
.v2-footer-brand .brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:7px;background:#0b4392;color:#fff;font-size:26px;transform:skewX(-7deg);padding:0}
.v2-footer-brand .brand-dot{color:#1559bf}
.v2-footer-about>p{max-width:355px;color:#576b84;font-size:13px;line-height:1.8;margin:19px 0 22px}
.v2-footer-tag{display:inline-block;font-size:10px;letter-spacing:.13em;font-weight:850;color:#1f5eaa}
.v2-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.v2-footer-column h2{font-size:13px;font-weight:900;color:#102642;margin:5px 0 12px;letter-spacing:.01em}
.v2-footer-column a{color:#425977;font-size:13px;line-height:1.45;text-decoration:none}
.v2-footer-column a:hover{color:#0e51a8;text-decoration:underline;text-underline-offset:3px}
.v2-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d9e5f2;padding:20px 0 25px;font-size:11px;color:#708198}
.v2-site-footer a:focus-visible{outline:3px solid #85b9f5;outline-offset:4px}
@media(max-width:900px){.v2-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.v2-footer-about{grid-column:1/-1}.v2-footer-about>p{max-width:560px}}
@media(max-width:600px){.v2-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 15px;padding:42px 0}.v2-footer-about{grid-column:1/-1}.v2-footer-column a{font-size:12px}.v2-footer-column h2{margin-bottom:6px}.v2-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}.catalog-hero{padding:49px 0 55px}.services-hero{padding:52px 0}.v2-account-shell{min-height:0}}
@media(prefers-reduced-motion:reduce){.service-card,.catalog-result-card{transition:none}}

/* Homepage below-the-fold sections also use the approved restrained blue identity. */
.learning-band{background:#103762;color:#fff}
.learning-band .section-kicker-light{color:#c5e1ff}
.learning-grid>div:first-child>p:not(.section-kicker){color:#c9dcef}
.button-light{color:#153b6e}
.lesson-preview{background:#183e6c;border-color:#35618f}
.lesson-preview-top{border-color:#38638d;color:#d3e7ff}
.lesson-preview-top>div{background:#102c50}
.language-tab.active{background:#1559ad}
.lesson-preview-body p{color:#d1e2f2}
.lesson-code{background:#0c2747}
.lesson-preview-body small{color:#adcbe7}
.business-art{background:linear-gradient(130deg,#e7f1ff,#cbdfff)}
.business-art-inner{background:#ffffffdb;border-color:#a9c7ea;box-shadow:0 18px 35px #174a7620}
.business-art-inner span{color:#155ba9}
.business-art-inner strong{color:#113d78}
.v2-popular .filter.active{background:#104b9f}
.v2-popular .course-link{color:#1453a8}