/* BérNavigátor editorial polish: presentation only, no runtime dependencies. */
:root { --ux-ink:#172139; --ux-muted:#526078; --ux-line:#dfe5ef; --ux-accent:#4f46e5; --ux-paper:#fff; --ux-soft:#f5f7fc; --ux-radius:18px; }
html.dark { --ux-ink:#eef2ff; --ux-muted:#bdc8dc; --ux-line:#344158; --ux-accent:#b4adff; --ux-paper:#151f32; --ux-soft:#1c2940; }
.ux-home,.editorial-page { color:var(--ux-ink); }
.ux-home .page-card { border-radius:24px; box-shadow:0 12px 36px -26px #27355644; }
.ux-home .hero-section { background:none; }
.ux-home .hero-glow::before { display:none; }
.ux-home .section-hero--calc { background:transparent !important; }
.ux-home .hero-compact { padding:0 0 8px; }
.ux-home .main-stack { padding-top:0; }
.ux-home .hero-section,.ux-home .section-hero--calc { padding-top:0 !important; }
.ux-home #calculatorSection { padding-top:8px !important; }
.ux-home .hero-compact h1 { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.16; letter-spacing:-.035em; max-width:950px; }
.ux-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:var(--ux-accent); font-size:.75rem; line-height:1.5; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin:0 0 14px; }
.ux-eyebrow span { color:var(--ux-muted); padding-left:10px; border-left:1px solid var(--ux-line); }
.ux-home .glass-card,.ux-home .result-card { border-radius:var(--ux-radius); }
.ux-home .glass-card { box-shadow:0 6px 20px -16px #25385c44; border:1px solid var(--ux-line); }
.ux-home .result-card { box-shadow:0 12px 24px -20px #29215d; }
.ux-home .calc-left { padding:24px; }
.ux-home .mini-tracker { margin-bottom:20px; }
.ux-home .calc-left > .mb-10 { margin-bottom:24px; }
.ux-home .result-ring { transform:scale(.82); margin-block:-10px; }
.ux-home .mode-btn,.ux-home .profile-btn { font-size:.75rem; letter-spacing:.015em; border-radius:12px; box-shadow:none; }
.ux-home #stickyCta { display:none !important; }
.ux-home .ux-home-section { width:100%; max-width:1152px; margin:0 auto; padding:36px 16px; border-top:1px solid var(--ux-line); }
.ux-home .ux-home-section h2,.ux-how > h2 { font-size:clamp(1.3rem,2.1vw,1.8rem); letter-spacing:-.025em; font-weight:750; line-height:1.3; font-style:normal; }
.ux-section-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.ux-section-heading a,.ux-text-link,.ux-fineprint a { color:var(--ux-accent); text-decoration:underline; text-underline-offset:3px; font-size:.875rem; }
.ux-wage-data dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.ux-wage-data dl > div { border-left:2px solid var(--ux-line); padding-left:18px; }
.ux-wage-data dt { color:var(--ux-muted); font-size:.75rem; line-height:1.6; min-height:40px; }
.ux-wage-data dd { margin:8px 0 0; font-size:1.7rem; font-weight:750; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.ux-wage-data dd span { font-size:.85rem; font-weight:500; }
.ux-fineprint { margin-top:22px; color:var(--ux-muted); font-size:.8rem; line-height:1.7; }
.ux-how > p { max-width:78ch; color:var(--ux-muted); font-size:.95rem; line-height:1.8; margin:16px 0; }
.ux-more { border-block-start:1px solid var(--ux-line); margin-top:20px; }
.ux-more > summary { padding:18px 0; font-size:.95rem; font-weight:650; cursor:pointer; color:var(--ux-ink); }
.ux-more > section { padding:10px 0 20px !important; margin:0 !important; border:none !important; }
.ux-more .glass-card { border:none; background:transparent; box-shadow:none; padding:12px 0 !important; height:auto; }
.ux-more h2,.ux-more h3 { font-size:1.1rem !important; letter-spacing:normal !important; }
.ux-home .ux-guides > div:first-child { margin-bottom:24px; }
.ux-home .ux-fresh-links { padding:20px 0 0; margin:20px 0 0; }
.ux-home .ux-fresh-links .fresh-cta { display:none; }
.ux-home .ux-fresh-links .glass-card { padding:16px !important; height:auto; }
.ux-home #quickAnswerBox { margin:0 auto; }
.ux-home #quickAnswerBox > .glass-card { border:0; padding:0; background:none; box-shadow:none; }
.ux-home .faq-section > div { padding-block:0; }

/* Articles share one calm reading column, retaining any embedded calculator. */
.editorial-page main { padding-top:32px !important; padding-bottom:48px !important; }
.editorial-page .ux-article-grid { display:block !important; grid-template-columns:minmax(0,1fr) !important; width:100%; max-width:960px; margin:0 auto; }
.editorial-page .ux-article { width:100%; max-width:none; margin:0; padding:clamp(20px,4vw,48px) !important; border:1px solid var(--ux-line); border-radius:24px !important; background:var(--ux-paper) !important; box-shadow:0 10px 30px -24px #26365755; overflow:visible; font-size:1rem; line-height:1.8; }
.ux-article > div { min-width:0; }
.editorial-page .ux-article-header { padding:0 0 24px !important; margin:0 0 24px !important; border-bottom:1px solid var(--ux-line); }
.ux-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:.8rem; color:var(--ux-muted); margin-bottom:24px; }
.ux-breadcrumb a { color:var(--ux-muted); text-decoration:underline; text-underline-offset:3px; }
.editorial-page .ux-article h1 { color:var(--ux-ink) !important; font-size:clamp(1.8rem,3.6vw,2.6rem) !important; line-height:1.18 !important; letter-spacing:-.035em !important; font-weight:750; font-style:normal !important; margin:0 0 20px !important; text-wrap:pretty; }
.editorial-page .ux-article .ux-lead { border:0 !important; padding:0 !important; color:var(--ux-muted) !important; font-size:1.0625rem !important; line-height:1.75 !important; font-weight:400; margin:0 0 20px; }
.ux-meta { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:.78rem; line-height:1.7; color:var(--ux-muted); }
.ux-method-link { display:inline-block; color:var(--ux-accent); text-decoration:underline; text-underline-offset:3px; font-size:.8rem; margin-top:10px; }
.editorial-page .ux-article h2 { font-size:clamp(1.2rem,2.4vw,1.5rem) !important; line-height:1.35; letter-spacing:-.02em !important; color:var(--ux-ink) !important; font-style:normal; margin:32px 0 14px; }
.editorial-page .ux-article h3 { font-size:1.0625rem !important; line-height:1.5; letter-spacing:normal !important; color:var(--ux-ink) !important; margin:24px 0 10px; }
.editorial-page .ux-article h2,.editorial-page .ux-article h3 { text-transform:none !important; font-weight:650 !important; }
.editorial-page .ux-article p,.editorial-page .ux-article li { line-height:1.8; text-align:left; overflow-wrap:break-word; }
.editorial-page .ux-article strong { white-space:normal; overflow-wrap:anywhere; }
.editorial-page .ux-article p { margin-block:12px; }
.editorial-page .ux-article .text-justify { text-align:left; }
.editorial-page .ux-article section { min-width:0; scroll-margin-top:24px; }
.editorial-page .ux-article h2,.editorial-page .ux-article h3 { scroll-margin-top:24px; }
.editorial-page .ux-article .not-prose,.editorial-page .ux-article .glass-lite,.editorial-page .ux-article .callout { border-radius:var(--ux-radius) !important; box-shadow:none !important; }
.editorial-page .ux-article .not-prose { padding:20px !important; margin-block:24px !important; }
.editorial-page .ux-article .not-prose h2:first-child,.editorial-page .ux-article .not-prose h3:first-child { margin-top:0; }
.editorial-page .ux-article .ux-context { background:var(--ux-soft) !important; border:1px solid var(--ux-line); border-radius:var(--ux-radius); padding:18px 20px !important; margin:20px 0 !important; }
.ux-toc { background:var(--ux-soft); border:1px solid var(--ux-line); border-radius:var(--ux-radius); margin:24px 0; }
.ux-toc > summary { padding:16px 20px; cursor:pointer; font-weight:650; color:var(--ux-ink); font-size:.95rem; }
.ux-toc > summary span { font-size:.75rem; font-weight:400; color:var(--ux-muted); margin-left:12px; white-space:nowrap; }
.ux-toc nav { padding:0 20px 16px; }
.ux-toc ol { list-style:none; padding:0; margin:0; }
.ux-toc li { margin:0 !important; }
.ux-toc a { display:block; padding:6px 0; color:var(--ux-accent); font-size:.875rem; line-height:1.5; text-decoration:none; }
.ux-toc a:hover { text-decoration:underline; }
.ux-toc .ux-toc-sub { padding-left:18px; }
.ux-toc .ux-toc-sub a { color:var(--ux-muted); font-size:.8125rem; }
.ux-table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; border:1px solid var(--ux-line); border-radius:12px; margin:20px 0; }
.ux-table-scroll table { margin:0 !important; width:100%; border-collapse:collapse; font-size:.875rem; line-height:1.6; }
.ux-table-scroll th,.ux-table-scroll td { padding:12px 14px !important; border-color:var(--ux-line) !important; }
.ux-table-scroll th { background:var(--ux-soft) !important; color:var(--ux-ink) !important; text-align:left; font-weight:650; }
.ux-table-scroll td { color:var(--ux-ink); }
.editorial-page .ux-article .table-wrap { padding:0; border:0; background:transparent; box-shadow:none; overflow:visible; }
.editorial-page .ux-article .not-prose .ux-table-scroll { margin-block:12px; }
.editorial-page .ux-article .ux-sources { margin-top:40px; padding-top:24px; border-top:1px solid var(--ux-line); }
.ux-sources > h2 { margin-top:0 !important; }
.ux-sources > p { color:var(--ux-muted); font-size:.875rem; }
.ux-sources ul,.ux-next ul { list-style:none; padding:0; margin:16px 0 0; }
.ux-sources li { padding:10px 0; border-top:1px solid var(--ux-line); }
.ux-sources li a { display:block; color:var(--ux-accent); font-size:.875rem; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.ux-sources li span { display:block; color:var(--ux-muted); font-size:.75rem; }
.ux-next { padding:24px !important; background:var(--ux-soft); border:1px solid var(--ux-line); border-radius:var(--ux-radius); margin:32px 0 0; }
.ux-next h2 { margin-top:0 !important; }
.ux-next p { color:var(--ux-muted); font-size:.9rem; }
.ux-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border-radius:10px; background:#4f46e5; color:white !important; font-size:.875rem; font-weight:600; text-decoration:none; line-height:1.6; }
.ux-button:hover { background:#4338ca; }
.ux-next li a { color:var(--ux-accent); text-decoration:underline; text-underline-offset:3px; font-size:.875rem; display:inline-block; padding:6px 0; }
.ux-anchor { display:block; height:0; }
.editorial-page :focus-visible,.ux-home :focus-visible { outline:3px solid #818cf8; outline-offset:3px; }
@media(max-width:767px){
 .ux-home .ux-home-section { padding:28px 8px; }
 .ux-wage-data dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
 .ux-wage-data dd { font-size:1.4rem; }
 .ux-wage-data dl > div { padding-left:12px; }
 .ux-home .calc-left { padding:16px; }
 .ux-home .hero-compact h1 { font-size:1.7rem; }
 .editorial-page main { padding-inline:12px !important; padding-top:20px !important; }
 .editorial-page .ux-article { padding:20px 16px !important; border-radius:18px !important; }
 .editorial-page .ux-article .not-prose { padding:16px !important; margin-block:20px !important; }
 .editorial-page .ux-article .not-prose .not-prose { padding:8px 0 !important; border:0 !important; background:transparent !important; }
 .ux-meta { display:grid; gap:4px; }
 .ux-breadcrumb { margin-bottom:16px; }
 .ux-toc > summary { padding:14px; }
 .ux-toc nav { padding-inline:14px; }
 .ux-next { padding:18px !important; }
 .ux-next .ux-button { width:100%; }
}