/* MOITELK UI refresh, 2026-11-05: sitewide theme, accessible contrast, micro-interactions. */
:root{--glow-main:rgba(2,163,243,.48);--glow-hot:rgba(255,117,0,.4);--glow-ring:#27b6fa;--card-fill:#ffffff;--card-ink:#112345;--nav-glass:#ffffff;--theme-outline:#c8d8eb}
html{color-scheme:light}body{transition:background-color .27s ease,color .27s ease}
/* Correct huge SVGs in the two secondary calculator rows (native SVG default = 300x150). */
svg.icon{max-width:56px;max-height:56px}
.tool-panel h2>svg.icon,.tool-panel h3>svg.icon,.page-body h2>svg.icon{display:inline-block!important;vertical-align:-.19em!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;max-width:27px!important;max-height:27px!important;margin-right:8px;color:#1664c9;flex-shrink:0!important}
.tool-panel h2:has(>svg.icon){display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.35}
.tool-panel h2:has(>svg.icon)>svg.icon{margin-right:2px}
/* Theme control; always available next to the support action. */
.theme-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;padding:0;border:1px solid var(--theme-outline);border-radius:12px;background:#f5f9ff;color:#174c93;transition:border .2s,background .2s,color .2s,transform .2s,box-shadow .2s}
.theme-toggle .theme-icon{width:23px;height:23px;max-width:23px;max-height:23px}.theme-toggle .theme-sun{display:none}.theme-toggle:hover{background:#e8f3ff;transform:translateY(-2px);box-shadow:0 0 0 2px rgba(19,166,249,.14),0 0 17px rgba(12,156,240,.32)}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
/* Full disease menu, navigable by mouse, keyboard, and touchscreen. All 55 disease articles are here. */
.nav-item:has(.mega-disease-menu):hover::before{content:"";position:absolute;left:-8px;top:95%;width:calc(100% + 16px);height:24px;z-index:299}
.nav-drop.mega-disease-menu{position:fixed;top:75px;left:50%;right:auto;transform:translateX(-50%);width:min(1120px,96vw);max-height:min(77vh,740px);overflow-y:auto;overscroll-behavior:contain;padding:0;border-radius:20px;background:var(--nav-glass);box-shadow:0 24px 75px rgba(9,30,68,.22);border:1px solid var(--line);z-index:300;scrollbar-width:thin}
.mega-nav-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 21px;background:var(--nav-glass);border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(15,38,70,.04)}
.mega-nav-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--muted)}
.nav-drop .mega-all-link,.nav-drop .mega-nav-foot>a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:800;color:#1258a5;background:#eaf5ff;border-radius:10px;white-space:nowrap}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px}
.mega-group{border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;background:var(--card-fill)}
.mega-group h3{font-size:14px;line-height:1.3;margin:0;background:#edf5ff;color:#142d58}
.mega-group h3 a,.nav-drop .mega-group h3 a{display:flex;align-items:center;gap:8px;padding:13px 12px;border-radius:0;font-size:14px}
.mega-num{font-size:11px;font-weight:850;background:#24549e;color:white;border-radius:8px;padding:6px 7px}
.mega-count{margin-left:auto;font-size:11px;border-radius:99px;padding:2px 6px;background:#dcebf8;color:#123a75}
.mega-group ul{list-style:none;padding:7px;margin:0}
.mega-group li{margin:0}.mega-group li a,.nav-drop .mega-group li a{font-size:12.5px;line-height:1.38;font-weight:600;padding:6px 8px 6px 22px;border-radius:7px;position:relative;white-space:normal;display:block;color:var(--text)}
.mega-group li a::before{content:"";position:absolute;top:13px;left:9px;width:5px;height:5px;background:#ff801c;border-radius:50%}
.mega-nav-foot{position:sticky;bottom:0;z-index:2;display:flex;justify-content:center;gap:15px;padding:13px 18px;background:var(--nav-glass);border-top:1px solid var(--line)}
.nav-drop .mega-all-link:hover,.nav-drop .mega-nav-foot>a:hover{background:#d5ebff;color:#0e4286}
/* Neon lift on every actionable button and article/card tile. Also when focused by keyboard. */
:where(.action-btn,.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card,.filter-chip,.support-head,.donation-buttons button,.search-form button,.control-btn,.nav-link,.nav-drop a,.theme-toggle,.cta-panel a,.dialog-close,.remove-text,.faq-item summary,.toolbar-actions button,.toolbar-actions a){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease;will-change:auto}
@media(hover:hover) and (pointer:fine){
  :where(.action-btn,.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card,.filter-chip,.support-head,.donation-buttons button,.search-form button,.control-btn,.nav-link,.nav-drop a,.theme-toggle,.cta-panel a,.dialog-close,.remove-text,.faq-item summary,.toolbar-actions button,.toolbar-actions a):hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--glow-ring),0 0 12px var(--glow-main),0 5px 24px var(--glow-hot)!important}
  :where(.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card):hover{border-color:var(--glow-ring)!important;transform:translateY(-4px)}
}
:where(.action-btn,.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card,.filter-chip,.support-head,.donation-buttons button,.search-form button,.control-btn,.nav-link,.nav-drop a,.theme-toggle,.cta-panel a,.faq-item summary):focus-visible{border-color:var(--glow-ring)!important;box-shadow:0 0 0 2px var(--glow-ring),0 0 22px var(--glow-main),0 6px 20px var(--glow-hot)!important}
/* Center-of-screen indicator is assigned by JS on mobile & tablet, not on all cards. */
:where(.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card).is-center-glow{position:relative;z-index:1;border-color:#16b8ff!important;box-shadow:0 0 0 2px rgba(30,193,255,.73),0 0 20px rgba(0,175,253,.49),0 6px 35px rgba(255,119,16,.19)!important;transform:translateY(-2px)}
/* Ensures anchored rows are not hidden behind header and slide-over elements. */
[id^="grupa-"],.tool-panel[id]{scroll-margin-top:100px}
/* DESKTOP: theme button fits without crowding the original screenshot header. */
.header-inner{gap:13px}.main-nav{gap:7px}
/* DARK MODE: durable contrast in all 143 articles, forms, tables, inputs, and calculators. */
html[data-theme="dark"]{color-scheme:dark;--bg:#081525;--surface:#11243d;--text:#eef5ff;--muted:#b7c8e0;--line:#304966;--navy:#f3f7ff;--shadow:0 9px 23px rgba(0,0,0,.32);--card-fill:#122743;--card-ink:#eef5ff;--nav-glass:#13253e;--theme-outline:#3b6387;--glow-main:rgba(0,208,255,.6);--glow-hot:rgba(255,118,21,.38);--glow-ring:#44d9ff}
html[data-theme="dark"] body{background:#081525;color:#edf5ff}
html[data-theme="dark"] :is(.site-header,.main-nav,.nav-drop,.mega-nav-head,.mega-nav-foot){background:#111e34;color:#eef5ff;border-color:#334b68}
html[data-theme="dark"] .brand{background:#fff;border-radius:12px;padding:3px 5px;margin-left:-5px}
html[data-theme="dark"] .site-header{box-shadow:0 3px 16px rgba(0,0,0,.3)}
html[data-theme="dark"] .theme-toggle{background:#263a59;color:#b9f4ff;border-color:#507499}
html[data-theme="dark"] .theme-toggle:hover{background:#304e70}
html[data-theme="dark"] :is(.nav-link,.nav-drop a,.mega-group li a){color:#f3f7ff}
html[data-theme="dark"] :is(.nav-link:hover,.nav-link.active,.nav-link[aria-expanded="true"],.nav-drop a:hover){background:#254568;color:#fff}
html[data-theme="dark"] .mega-group{background:#162b47;border-color:#304966}
html[data-theme="dark"] .mega-group h3{background:#233f63;color:#fff}
html[data-theme="dark"] .mega-group h3 a{color:#e6f4ff}
html[data-theme="dark"] .mega-count{background:#375679;color:#fff}
html[data-theme="dark"] .nav-drop :is(.mega-all-link,.mega-nav-foot>a){color:#b8edff;background:#204569}
html[data-theme="dark"] .nav-drop :is(.mega-all-link,.mega-nav-foot>a):hover{background:#2d597e}
html[data-theme="dark"] .hero{background:linear-gradient(110deg,#0d1e36 6%,#101f35 53%,#18365a 82%,#081525)}
html[data-theme="dark"] .hero::after{background:linear-gradient(90deg,#0d1e36 6%,rgba(13,30,54,.95) 38%,rgba(11,27,46,.3) 73%,rgba(13,30,54,.06))}
html[data-theme="dark"] .hero-medical{filter:brightness(.78) saturate(.94)}
html[data-theme="dark"] :is(.hero h1,.hero-subtitle,.section-heading,.page-hero h1,.page-hero p,.content-container h2,.content-container h3,.tool-panel h2,.tool-panel h3){color:#f3f8ff}
html[data-theme="dark"] .orange{color:#ff9d45}
html[data-theme="dark"] .page-hero{background:linear-gradient(120deg,#152a47,#0b172a 75%);border-bottom-color:#304963}
html[data-theme="dark"] :is(.page-hero .crumb,.page-hero p,.disease-section>p,.prose,.prose p,.prose li,.prose h2,.prose h3,.prose h4,.small-print){color:#e0eafa}
html[data-theme="dark"] .prose a,.page-body a:not(.control-btn):not(.cta-panel a){color:#88d6ff}
html[data-theme="dark"] .prose :is(blockquote,th){background:#1c3554;color:#edf5ff;border-color:#496886}
html[data-theme="dark"] .prose :is(td,th){border-color:#3e5878;color:#eaf3ff}
html[data-theme="dark"] :is(.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card,.support-band,.tool-panel,.form-card,.comorbidity-row,.check-row,.faq-item,.info-aside,.info-block,.rights-grid>div,.dialog,.search-form,.search-hints,.finance-line,.step-indicator,.source-detail){background:#13263f;color:#edf5ff;border-color:#344f70}
html[data-theme="dark"] :is(.quick-card h3,.topic-card span,.article-tile h3,.directory-card h3,.value-card h3,.support-text h3,.form-card legend,.info-aside h3,.info-block>strong,.rights-grid strong,.finance-line span,.finance-line strong,.inline-title h3){color:#f4f8ff}
html[data-theme="dark"] :is(.quick-card p,.article-tile p,.directory-card p,.disease-shortcut span,.value-card p,.support-text p,.faq-item p,.aside-note,.info-aside a,.info-block ul,.rights-grid p,.finance-line small,.results-list small,.helptext,.source-detail,.muted,.small-print,.mini-cta strong){color:#c2d5eb}
html[data-theme="dark"] :is(.icon-box,.theme-toggle,.badge,.article-tile .badge){background:#1d3d60;color:#a5e3ff}
html[data-theme="dark"] .icon-box.orange-box{background:#48331f;color:#ffb36a}
html[data-theme="dark"] .hero .search-form{background:#172a47;color:#eef5ff}
html[data-theme="dark"] :is(.search-form input,.search-form input::placeholder,.search-hints strong){color:#d6e5f7}
html[data-theme="dark"] .search-form .icon{color:#b4dfff}
html[data-theme="dark"] :is(.info-aside a,.quick-card .tiny-arrow,.topic-card .tiny-arrow){color:#a9dcff;border-color:#355375}
html[data-theme="dark"] .search-hints a:hover{background:#254c74}
html[data-theme="dark"] :is(.notice,.aside-note,.calc-result,.advanced-result){background:#173650;border-color:#3d6988;color:#e5f3ff}
html[data-theme="dark"] :is(.notice strong,.calc-result b,.calc-result small,.calc-result p,.advanced-result strong,.info-block>strong){color:#e0f5ff}
html[data-theme="dark"] :is(.form-card legend,.modern-tool label,.tool-panel label){color:#edf6ff}
html[data-theme="dark"] :is(.modern-tool .field input,.modern-tool .field select,.tool-panel input[type=number],.tool-panel input[type=date],.tool-panel input[type=text],.tool-panel input[type=search],.tool-panel select,#listing-search,.check-row input,.calc-row input){background:#0e2138;color:#f4f7ff;border-color:#4c729b}
html[data-theme="dark"] :is(input,select,textarea)::placeholder{color:#a9bfd8}
html[data-theme="dark"] input[type=date]{color-scheme:dark}
html[data-theme="dark"] :is(.step-indicator.active,.source-detail){background:#284a70;color:#dcefff}
html[data-theme="dark"] :is(.comorbidity-row,.source-detail){border-color:#426381}
html[data-theme="dark"] .tool-eyebrow{background:#543321;color:#ffd6b1;border-color:#865735}
html[data-theme="dark"] .warning-block{background:#422b30;color:#ffe0d8;border-color:#bd6b57}
html[data-theme="dark"] .step-indicator{color:#c6d8ed}
html[data-theme="dark"] .results-list small{color:#b0c6e0}
html[data-theme="dark"] .result-hero{background:linear-gradient(120deg,#194784,#256a9e);color:white}
html[data-theme="dark"] .result-hero :is(span,strong,b,small){color:white}
html[data-theme="dark"] .finance-line{border-bottom-color:#3b5878}
html[data-theme="dark"] .finance-line:last-child{background:#19493e}
html[data-theme="dark"] :is(.pension-scenario>span,.conditional-total>strong){color:#ffbe75}
html[data-theme="dark"] :is(.pension-scenario p,.pension-scenario small){color:#c5d8e9}
html[data-theme="dark"] .conditional-total{background:#3a2e29;border-color:#a26a43;color:#f9e8df}
html[data-theme="dark"] .mini-cta{background:linear-gradient(110deg,#2a3546,#243b53);border-color:#59718d}
html[data-theme="dark"] .filter-chip{background:#1a3453;color:#f4f8ff;border-color:#446587}
html[data-theme="dark"] :is(.filter-chip.is-selected,.filter-chip:hover){background:#2774af;color:white;border-color:#65caff}
html[data-theme="dark"] .control-btn.secondary{background:#284f75;color:#e6f6ff;border-color:#527797}
html[data-theme="dark"] :is(.donation-buttons button,.dialog-close){background:#273d5b;color:#ffc08e;border-color:#ff953b}
html[data-theme="dark"] .donation-buttons button:last-child,html[data-theme="dark"] .donation-buttons button:hover{background:#e56d17;color:white}
html[data-theme="dark"] .action-outline{background:#132944;color:#ffb677}
html[data-theme="dark"] .mypos-note{color:#b4cee9;border-left-color:#4d6b89}
html[data-theme="dark"] .mypos-note b{color:#86cfff}
html[data-theme="dark"] .disease-section h2{color:#edf5ff}
html[data-theme="dark"] .disease-section>p a{color:#ffb881}
html[data-theme="dark"] :is(.cta-panel,.stats-band,.site-footer){color:#fff}
html[data-theme="dark"] :is(.dialog p,.dialog .small-print){color:#d3e3f2}
html[data-theme="dark"] .link-more{color:#8fd6ff}
/* Honor high-contrast OS preferences independently of theme. */
@media(prefers-contrast:more){html[data-theme="dark"]{--muted:#e3eeff;--line:#7695b8}html[data-theme="dark"] :is(.article-tile,.directory-card,.tool-panel,.form-card){border-width:2px}}
@media(max-width:1180px){
 .header-inner{gap:10px}
 .main-nav.open{max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain}
 .nav-drop.mega-disease-menu{position:static;transform:none;width:100%;max-height:min(60vh,650px);overflow-y:auto;box-shadow:none;border:1px solid var(--line);border-radius:12px;margin-top:6px}
 .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}
 .mega-nav-head{padding:11px 12px}
 .mega-nav-foot{position:relative;flex-wrap:wrap}
 .nav-item:has(.mega-disease-menu):hover::before{display:none}
}
@media(max-width:760px){
 .theme-toggle{flex:0 0 39px;width:39px;height:39px;border-radius:10px}
 .header-inner{gap:8px}
 .mega-grid{grid-template-columns:1fr}
 .mega-nav-head{flex-wrap:wrap;gap:9px}
 .mega-group h3 a{font-size:14px}
 .nav-drop.mega-disease-menu{max-height:min(62dvh,610px)}
}
@media(max-width:420px){.brand img{width:145px}.header-inner{gap:6px;padding-left:9px;padding-right:9px}.theme-toggle{flex-basis:37px;width:37px;height:37px}.mobile-menu-btn{flex:0 0 37px;width:37px;height:37px}.support-head{padding:8px;height:37px}}
@media(max-width:620px){.tool-panel h2>svg.icon,.tool-panel h3>svg.icon{width:24px!important;height:24px!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important}}
@media(prefers-reduced-motion:reduce){:where(.action-btn,.quick-card,.topic-card,.article-tile,.directory-card,.disease-shortcut,.value-card,.filter-chip,.support-head,.donation-buttons button,.search-form button,.control-btn,.nav-link,.nav-drop a,.theme-toggle){transition:none!important;transform:none!important}}
@media print{.theme-toggle{display:none!important}html[data-theme="dark"]{color-scheme:light!important}html[data-theme="dark"] body{background:white!important;color:black!important}}

/* Header width optimisation at conventional laptop/desktop breakpoints. */
@media(min-width:1181px) and (max-width:1670px){
  .header-inner{padding-left:2.25%;padding-right:2.25%;gap:9px}
  .brand{flex:0 0 217px}.brand img{width:217px}
  .main-nav{gap:2px}.nav-link{font-size:13.6px;padding:9px 7px}
  .support-head{font-size:14px;padding:10px 12px}
  .theme-toggle{flex:0 0 39px;width:39px;height:39px}
}
/* Contrast corrections discovered in mobile/dark visual review. */
html[data-theme="dark"] .mobile-menu-btn{background:#263c59;color:#f1f7ff;border-color:#537391}
html[data-theme="dark"] .mobile-menu-btn svg{color:#f1f7ff}
html[data-theme="dark"] :is(.topic-card .icon,.directory-card .icon,.value-card .icon,.disease-shortcut .icon){color:#79d4ff}
html[data-theme="dark"] :is(.topic-card:nth-child(even) .icon,.topic-card .read){color:#ffaf61}
html[data-theme="dark"] .support-icon{background:#4a341f;color:#ffb572}
@media(min-width:1181px) and (max-width:1580px){.quick-card h3{font-size:13.7px;line-height:1.25}.quick-card .tiny-arrow{right:8px}}

/* Full-site keyword search, accessible dropdown and results (version 2026.11). */
.search-hints{background:var(--surface,#fff);color:var(--text);min-height:0;max-height:min(68vh,475px);border:1px solid var(--line);padding:6px;overscroll-behavior:contain}
.search-hints-heading{padding:10px 14px 9px;font-size:13px;font-weight:750;color:var(--muted);line-height:1.45}
.search-hints a.search-suggestion{padding:10px 12px;align-items:center;gap:12px;display:flex;min-height:62px;border-radius:10px;text-decoration:none;color:var(--text)}
.search-hints a.search-suggestion:hover,.search-hints a.search-suggestion.is-keyboard-selected,.search-hints a.search-suggestion:focus-visible{outline:0;background:#edf5ff;box-shadow:inset 0 0 0 2px #4d8bf0;color:#102649}
.search-suggestion-icon{display:flex;justify-content:center;align-items:center;border-radius:10px;background:#eaf3ff;color:#2056a4;font-size:19px;font-weight:700;width:36px;height:36px;flex:none}
.search-suggestion-content{display:flex;min-width:0;flex-direction:column;gap:3px;flex:1;text-align:left}
.search-hints a.search-suggestion .search-suggestion-content strong{margin:0;color:inherit;font-size:14px;line-height:1.35;font-weight:750;white-space:normal}
.search-suggestion-content small{color:#526b88;font-size:12px;line-height:1.25}
.search-suggestion-arrow{font-size:15px;color:#d86104}
.search-hints a.search-hints-more{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:750;border-top:1px solid var(--line);padding:12px 10px;color:#1c58a2;border-radius:0 0 8px 8px}
.search-hints a.search-hints-more:hover{background:#edf5ff}
.search-result-tile{height:auto}.search-result-tile .badge{max-width:100%;overflow-wrap:anywhere}
.search-empty{grid-column:1/-1}.search-empty p{margin:8px 0 16px;color:var(--muted)}
.search-reset{background:#194b99;color:white;border:0;border-radius:11px;padding:10px 19px;font-size:15px;font-weight:750;cursor:pointer}
html[data-theme="dark"] .search-hints{background:#172d4b;color:#f0f6ff;border-color:#406287}
html[data-theme="dark"] .search-hints-heading{color:#c7d9ed}
html[data-theme="dark"] .search-hints a.search-suggestion{color:#f3f8ff}
html[data-theme="dark"] .search-hints a.search-suggestion .search-suggestion-content strong{color:#f3f8ff}
html[data-theme="dark"] .search-suggestion-content small{color:#c3d8ed}
html[data-theme="dark"] .search-suggestion-icon{background:#254d75;color:#b8e6ff}
html[data-theme="dark"] .search-hints a.search-suggestion:hover,html[data-theme="dark"] .search-hints a.search-suggestion.is-keyboard-selected,html[data-theme="dark"] .search-hints a.search-suggestion:focus-visible{background:#264e78;color:#fff;box-shadow:inset 0 0 0 2px #6fc5ff}
html[data-theme="dark"] .search-hints a.search-hints-more{border-color:#406287;color:#a8e2ff}
html[data-theme="dark"] .search-hints a.search-hints-more:hover{background:#264e78}
@media(max-width:760px){.search-hints{max-height:min(57vh,390px)}.search-hints a.search-suggestion{min-height:57px}.search-suggestion-icon{width:31px;height:31px}.search-suggestion-content strong{font-size:13px}}

/* Search suggestions extend below the home hero; do not crop them behind the next tiles. */
.hero{overflow:visible;z-index:20}
.hero .search-form{z-index:24}
.hero .hero-medical{pointer-events:none}
.search-hints.is-open{isolation:isolate}

/* New article sidebar contrast and dark navigation stability */
html[data-theme="light"] .info-aside>a{color:#0b55a6;font-weight:650}
html[data-theme="dark"] .info-aside>a{color:#97dcff!important;font-weight:650}
html[data-theme="dark"] .site-header .main-nav :is(.nav-link,.dropdown-toggle){color:#f3f7ff!important}
html[data-theme="dark"] .new-topic-directory h2{color:#f3f7ff}