/* Buildless responsive layer, loaded after the retained theme. */
[hidden]{display:none!important}html{scroll-padding-top:100px}body{min-width:0}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5279e8;outline-offset:3px}
.pwa-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;padding:12px 14px;background:var(--surface,#fff);border:1px solid var(--border,#dce4ef);border-radius:12px;font-size:12px;color:var(--text,#253550)}.pwa-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.pwa-toolbar button{font:inherit;cursor:pointer;background:var(--surface-2,#f2f5fc);color:inherit;border:1px solid var(--border,#dce4ef);border-radius:8px;padding:9px 12px;min-height:44px}.pwa-toolbar p{flex-basis:100%;margin:0;line-height:1.6;overflow-wrap:anywhere}.pwa-toolbar #connectionStatus::before{content:'';display:inline-block;width:7px;height:7px;background:#1c996c;border-radius:50%;margin-right:8px}.offline-data .pwa-toolbar #connectionStatus::before{background:#d78a19}.offline-data [data-edit],.offline-data [data-delete],.offline-data #topAdd,.offline-data #sideAdd,.offline-data #bulkDeleteBtn{display:none!important}
@media(max-width:790px){
 html,body{width:100%;overflow-x:clip}.app-shell{display:block!important;min-width:0!important}.app-main,#overview.app-main{width:100%!important;min-width:0!important;margin:0!important}.content-wrap{padding:16px 12px calc(24px + env(safe-area-inset-bottom))!important}.main-grid{display:block!important}.right-rail{margin-top:16px}.topbar{position:sticky!important;top:0;z-index:40;padding:8px 12px!important;min-height:64px;height:auto!important;background:var(--surface,#fff)}.topbar-left,.topbar-right{min-width:0;gap:4px!important}.topbar-left>.crumb-muted,.topbar-left>.crumb-icon,.topbar-left>strong,.topbar-date,.profile-avatar{display:none!important}.topbar-right .icon-button,.mobile-menu{height:44px!important;width:44px!important}.mobile-menu{display:grid!important}.global-search{max-width:150px;min-width:0!important;min-height:44px}.global-search span{font-size:0}.global-search span::after{content:'Rehberde ara';font-size:12px}.global-search kbd{display:none!important}
 .access-bar{position:relative!important;top:auto!important;right:auto!important;border-radius:0!important;box-shadow:none!important;width:100%;justify-content:space-between;padding:7px 12px!important;min-height:48px;background:var(--surface,#fff);color:var(--text,#253550)}.access-bar button{min-height:40px}.menu-open{overflow:hidden!important}#sidebar.sidebar{width:min(310px,88vw)!important;z-index:10020!important;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}#sidebar.sidebar:not(.open){transform:translateX(-110%)!important}#sidebar.sidebar.open{transform:translateX(0)!important}#mobileShade:not([hidden]){z-index:10019!important}.sidebar a,.sidebar button{min-height:44px}.sidebar .brand-words{min-width:0}.sidebar .brand-words strong{font-size:18px}
 .hero{border-radius:16px!important;min-height:185px!important}.hero-copy{width:100%!important;max-width:100%!important;padding:22px 18px!important}.hero h2{font-size:clamp(22px,6vw,30px)!important;line-height:1.25!important;overflow-wrap:anywhere}.hero p{font-size:13px!important;line-height:1.65!important;max-width:85%!important}.hero-chip{font-size:9px!important;white-space:normal!important}.hero-art{pointer-events:none;opacity:.16!important}.hero-link{min-height:44px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat-card{min-width:0;padding:14px!important}.stat-title,.stat-foot{white-space:normal!important;overflow-wrap:anywhere}.stat-title{font-size:12px!important}.stat-foot{font-size:10px!important}.stat-value{font-size:27px!important}.stat-trend{display:none!important}
 .panel,.panel-heading,.table-tools,.tool-actions{min-width:0;max-width:100%}.panel-heading{flex-wrap:wrap;gap:12px}.panel-heading h2{font-size:19px!important}.table-tools{display:flex!important;flex-wrap:wrap!important;padding:0 14px 14px!important;gap:10px!important}.table-tools .search-field{width:100%!important;min-width:0!important;flex:1 1 100%}.search-field input{width:100%;min-width:0;font-size:16px!important}.search-field kbd{display:none}.tool-actions{width:100%;display:flex;gap:8px}.tool-actions select{min-width:0;flex:1;max-width:100%}.button,.pager,.action-icon{min-height:44px!important}.pager,.action-icon{min-width:44px!important}input,select,textarea{font-size:16px!important;max-width:100%}.filter-bar{grid-template-columns:1fr!important}.filter-bar>*{grid-column:1!important;min-width:0}.active-filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-height:none!important;padding:2px 14px 14px!important;gap:8px;overscroll-behavior-x:contain}.active-filters button{flex-shrink:0;min-height:44px;max-width:260px;white-space:normal!important;text-align:left}.table-scroll{overflow:visible!important}
 .directory-table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important;background:transparent!important}.directory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.directory-table tbody{display:grid!important;gap:12px;padding:0 12px 12px}.directory-table tr{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%;border:1px solid var(--border,#dce4ef);border-radius:12px;overflow:hidden;background:var(--surface,#fff)}.directory-table td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:9px 13px!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important}.directory-table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted,#697991);font:600 9px/1.5 system-ui;letter-spacing:.7px;margin-bottom:5px}.directory-table td:empty{display:none!important}.directory-table td .pill{max-width:100%!important;white-space:normal!important;line-height:1.5}.directory-table td small,.directory-table td strong{white-space:normal!important;overflow-wrap:anywhere}.directory-table .phone-link{display:inline-flex;align-items:center;min-height:40px}.directory-table td .action-group{justify-content:flex-start}.directory-table td[colspan]{padding:22px 14px!important}.table-footer{display:flex!important;flex-wrap:wrap;gap:12px;padding:14px!important}.page-controls{margin-left:0!important;gap:10px}.page-size{display:none!important}.bottom-note{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.modal-backdrop,.access-modal{padding:12px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.modal-dialog,.access-dialog{width:100%!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px!important}.form-grid{grid-template-columns:1fr!important}.form-grid .span-two{grid-column:1!important}.modal-actions{position:sticky;bottom:-20px;padding-block:12px;background:var(--surface,#fff)}.meb-actions{flex-wrap:wrap}.meb-actions .button{max-width:100%;white-space:normal}.pwa-toolbar{padding:10px 12px;font-size:11px}.pwa-toolbar>div{width:100%;gap:6px}.pwa-toolbar button{font-size:11px;flex:1}.right-rail .tool-list strong{font-size:13px!important}.right-rail .tool-list small{font-size:12px!important}
}
@media(min-width:600px) and (max-width:790px){.directory-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-table tr{align-content:start}}
@media print{.pwa-toolbar{display:none!important}}

body.rehber-guest .director-command,body.rehber-guest #addCategoryBtn{display:none!important}
@media(max-width:790px){#overview .directory-table{min-width:0!important;width:100%!important;table-layout:auto!important}#overview .table-scroll{overflow:visible!important;max-height:none!important}#overview .directory-table td{padding:9px 13px!important}#overview .company-cell{align-items:flex-start}#overview .company-cell-text strong{font-size:13px;line-height:1.55}#overview .company-cell-text small{white-space:normal!important;overflow:visible!important;font-size:11px;line-height:1.5}#overview .director-cell strong{font-size:13px}#overview .active-filters{scrollbar-width:thin}#overview .hero p{max-width:100%!important}}

@media(max-width:790px){#overview .whatsapp-share-button,#overview .phone-with-share>a{min-height:44px;display:inline-flex;align-items:center;padding:8px}#overview .director-cell a{font-size:12px}#overview .whatsapp-share-button{font-size:12px}}

/* Responsive contact cards shared by mobile and desktop. */
 #contacts-section>.table-scroll{display:none!important}
 #mobileContactList{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px;padding:0 16px 16px;align-items:stretch}
 #mobileContactList .contact-card{min-width:0;background:var(--surface,#fff);border:1px solid var(--border,#e3e8f0);border-radius:14px;padding:15px 15px 0;box-shadow:0 2px 5px #16345b05;overflow:hidden;display:flex;flex-direction:column}
 .contact-card-header{display:flex;align-items:flex-start;gap:11px;min-width:0}
 .contact-card-avatar{width:34px;height:38px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft,#eef4ff);color:var(--accent,#2b70e5)}
 .contact-card-avatar .icon{width:18px;height:18px}
 .contact-card-header>div{min-width:0;flex:1}
 #mobileContactList h3{font:700 13px/1.5 system-ui,sans-serif;color:var(--text,#1e304d);margin:0;overflow-wrap:anywhere;letter-spacing:0}
 .contact-card-header p{font:400 11px/1.5 system-ui,sans-serif;color:var(--muted,#697991);margin:4px 0 0;overflow-wrap:anywhere}
 .contact-card-person{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;margin:13px 0 8px;padding-top:11px;border-top:1px solid var(--border,#e9edf3)}
 .contact-card-person>span{font:400 12px/1.5 system-ui;color:var(--muted,#697991)}
 .contact-card-person strong{font:650 12px/1.5 system-ui;color:var(--text,#1e304d);overflow-wrap:anywhere}
 .contact-card-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .contact-card-phone{min-width:0;display:flex;flex-direction:column;gap:0}
 .contact-card-phone>span:first-child{color:var(--muted,#697991);font:400 10px/1.5 system-ui}
 .contact-card-phone>a{display:flex;align-items:center;min-height:40px;font:650 13px/1.3 system-ui;color:var(--text,#253954);text-decoration:none;white-space:nowrap}
 .contact-card-missing{display:flex;align-items:center;min-height:40px;font-size:12px;color:var(--muted,#697991)}
 .contact-card-address{margin-top:2px;margin-bottom:0}
 .contact-card-address summary{min-height:40px;display:flex;align-items:center;gap:7px;font:400 11px/1.5 system-ui;color:var(--muted,#697991);cursor:pointer;list-style:none}
 .contact-card-address summary::-webkit-details-marker{display:none}
 .contact-card-address summary .icon{width:13px;height:13px}
 .contact-card-address summary .icon:last-child{margin-left:auto;transition:transform .15s}
 .contact-card-address[open] summary .icon:last-child{transform:rotate(180deg)}
 .contact-card-address p{font:400 12px/1.6 system-ui;color:var(--text,#253954);margin:0 0 12px;overflow-wrap:anywhere}
 .contact-card-actions{display:flex;align-items:stretch;gap:0;border-top:1px solid var(--border,#e9edf3);margin:auto -15px 0;background:var(--surface-2,#fafbfd)}
 .contact-card-actions>a,.contact-card-actions>button,.contact-card-actions>span{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--text,#354b69);font:600 12px/1.5 system-ui;text-decoration:none;cursor:pointer;padding:8px}
 .contact-card-actions>a{color:var(--accent,#2b70e5)}
 .contact-card-actions>button+button{flex:0 0 44px}
 .contact-card-actions>*+*{border-left:1px solid var(--border,#e9edf3)!important}
 .contact-card-actions .icon{width:15px;height:15px}
 .contact-card-actions>*:hover{background:var(--accent-soft,#eef4ff)}
 .contact-card-header>.row-check{flex:none;width:20px;height:20px;margin:2px 0 0}
 .contact-cards-empty{padding:30px 15px;text-align:center;font-size:13px;color:var(--muted,#697991)}

.contact-card-phones{padding-bottom:4px}.contact-card-actions{flex-shrink:0}.contact-card-address{flex-shrink:0}

@media(max-width:790px){
 #overview .active-filters{scrollbar-width:none!important;margin-bottom:4px}#overview .active-filters::-webkit-scrollbar{display:none}
 .topbar #shortcutBtn{display:none!important}
 .topbar::after{content:'İletişim Rehberi';position:absolute;left:66px;top:50%;transform:translateY(-50%);font:650 14px/1.3 system-ui;color:var(--text,#253954);pointer-events:none}
 .topbar .global-search{display:none!important}
}

@media(max-width:599px){#mobileContactList{grid-template-columns:minmax(0,1fr);padding:0 12px 12px;gap:12px}}
@media print{#mobileContactList{display:none!important}#contacts-section>.table-scroll{display:block!important}}

/* Explicit category colors shared across cards, category list and chart. */
#mobileContactList .contact-card{--card-tint:color-mix(in srgb,var(--card-accent) 4%,var(--surface,#fff));--card-soft:color-mix(in srgb,var(--card-accent) 10%,var(--surface,#fff));--card-ink:color-mix(in srgb,var(--card-accent) 75%,#15213b);border-top:3px solid var(--card-accent);background:linear-gradient(145deg,var(--card-tint),var(--surface,#fff) 70%)}
#mobileContactList .contact-card-avatar{background:var(--card-soft);color:var(--card-accent)}
#mobileContactList .contact-card-header p{display:inline-block;background:var(--card-soft);color:var(--card-ink);padding:3px 7px;border-radius:6px;font-size:10px;font-weight:550;line-height:1.5}
#mobileContactList .contact-card-actions{background:var(--card-tint)}
#mobileContactList .contact-card-actions>a{color:var(--card-ink)}
#mobileContactList .contact-card-actions>*:hover{background:var(--card-soft)}
body.theme-dark #mobileContactList .contact-card{--card-ink:color-mix(in srgb,var(--card-accent) 35%,#fff);--card-tint:color-mix(in srgb,var(--card-accent) 9%,var(--surface));--card-soft:color-mix(in srgb,var(--card-accent) 22%,var(--surface))}
body.theme-dark #mobileContactList .contact-card-avatar{color:var(--card-ink)}
/* A single, uncluttered toolbar replaces the horizontally scrolling category strip. */
#contacts-section #categoryChips{display:none!important}
#contacts-section>.panel-heading{padding:22px 20px 16px!important;gap:12px}
#contacts-section>.panel-heading h2{font:700 22px/1.4 system-ui,sans-serif!important;letter-spacing:-.5px;color:var(--text,#243750)}
#contacts-section>.panel-heading .section-kicker{display:none!important}
#contacts-section>.panel-heading p{font:400 12px/1.6 system-ui;color:var(--muted,#718096);margin-top:5px}
#contacts-section #tableBadge{font:600 11px/1.5 system-ui;letter-spacing:0;vertical-align:middle;padding:4px 8px}
#contacts-section .table-tools{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0 16px 18px!important;border-bottom:0!important;margin:0!important}
#contacts-section .table-tools .search-field{width:100%!important;max-width:none!important;min-width:0!important;min-height:48px!important;flex:none!important;background:var(--surface-2,#f7f9fc);border:1px solid var(--border,#e3e8f0);border-radius:10px;padding:0 13px!important;box-shadow:none}
#contacts-section #searchInput{font:400 14px/1.5 system-ui!important;min-height:46px;color:var(--text,#243750)}
#contacts-section .tool-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(145px,.7fr) auto!important;gap:10px!important;align-items:end;width:100%;min-width:0}
#contacts-section .tool-actions>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0!important}
#contacts-section .tool-actions>label>span{font:550 11px/1.5 system-ui;color:var(--muted,#718096)}
#contacts-section .tool-actions select{display:block;min-width:0;width:100%!important;max-width:100%!important;height:44px;font:500 12px/1.5 system-ui!important;padding:0 30px 0 12px;border:1px solid var(--border,#e3e8f0);border-radius:9px;background-color:var(--surface,#fff);color:var(--text,#243750)}
#contacts-section #filterToggle{height:44px;min-height:44px;padding:0 13px;border:1px solid var(--border,#e3e8f0);border-radius:9px;background:var(--surface-2,#f7f9fc);color:var(--text,#354b69);font:550 12px/1.5 system-ui}
#contacts-section #refreshBtn{background:transparent;border:1px solid var(--border,#e3e8f0);box-shadow:none;font:550 12px/1.5 system-ui}
#contacts-section #filterBar{margin:0 16px 16px;padding:12px;border-radius:10px}
#contacts-section #filterBar label:has(#filterCategory){display:none!important}
#categoryList .cat-color{color:var(--category-accent)!important;background:var(--category-soft)!important}
#categoryList .category-meter>i{background:var(--category-accent)!important}
@media(max-width:599px){
 #contacts-section>.panel-heading{padding:18px 15px 14px!important;align-items:center}
 #contacts-section>.panel-heading h2{font-size:20px!important}
 #contacts-section>.panel-heading p{display:none}
 #contacts-section>.panel-heading>div{flex:1;min-width:0}
 #contacts-section #refreshBtn{min-height:40px!important;padding:0 10px!important}
 #contacts-section .table-tools{padding:0 12px 15px!important;gap:10px!important}
 #contacts-section .tool-actions{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
 #contacts-section .category-quick{grid-column:1/-1}
 #contacts-section #searchInput{font-size:16px!important}
 #contacts-section .tool-actions select{font-size:14px!important}
}

/* Compact, searchable category panel with fully readable names. */
#categories-section{overflow:hidden!important}
#categories-section .rail-head{align-items:center;padding-bottom:8px!important}
#categories-section h2{font:700 18px/1.4 system-ui!important;letter-spacing:-.3px;color:var(--text)!important;margin:0!important}
#categories-section .rail-description{font:400 12px/1.6 system-ui!important;margin:0 0 14px!important}
.category-panel-search{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border,#e3e8f0);background:var(--surface-2,#f7f9fc);border-radius:9px;margin-bottom:9px;min-width:0}
.category-panel-search .icon{width:15px;height:15px;color:var(--muted,#718096);flex:none}
.category-panel-search input{min-width:0;width:100%;min-height:42px;background:transparent;border:0;outline:none;color:var(--text);font:400 12px/1.5 system-ui}
#categoryList{display:grid;gap:3px;margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important}
#categoryList .rail-category{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;align-items:center;gap:8px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--border,#edf0f5)!important;min-width:0}
#categoryList .rail-category[hidden]{display:none!important}
#categoryList .cat-color{width:30px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--category-accent) 10%,var(--surface))!important;color:var(--category-accent)!important}
#categoryList .cat-name{max-width:none!important;min-width:0!important;width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left;font:550 12px/1.5 system-ui!important;color:var(--text)!important;border:0;background:none;padding:4px 0!important;min-height:36px;cursor:pointer}
#categoryList .cat-count{justify-self:end;display:grid;place-items:center;min-width:28px;height:25px;border-radius:7px;font:650 11px/1.3 system-ui;color:var(--category-accent)!important;background:color-mix(in srgb,var(--category-accent) 8%,var(--surface))!important}
#categoryList .category-meter{display:none!important}
#categoryList .cat-actions{grid-column:2/-1;justify-content:flex-end}
#categoryList .cat-actions button{width:36px;height:36px}
.category-panel-toggle{width:100%;min-height:44px;margin-top:10px;border:1px solid var(--border,#e3e8f0);border-radius:9px;background:var(--surface-2,#f7f9fc);color:var(--text);font:550 12px/1.5 system-ui;cursor:pointer}
.category-panel-empty{font:400 12px/1.7 system-ui;color:var(--muted);margin:16px 0;text-align:center}
body.theme-dark #categoryList .cat-color,body.theme-dark #categoryList .cat-count{color:color-mix(in srgb,var(--category-accent) 35%,white)!important}
@media(max-width:790px){.category-panel-search input{font-size:16px}#categoryList .cat-name{min-height:44px!important}#categoryList .cat-actions button{width:44px;height:44px}}

body.rehber-guest #directorStatJump{background:var(--surface)!important;border-color:var(--border)!important;border-left-color:#0f9b83!important;cursor:default}
body.rehber-guest #directorStatJump .stat-value{color:var(--text)!important}
body.rehber-guest #directorStatJump .stat-symbol{color:#0f9b83;background:#e6f7f2}
body.rehber-guest #directorStatJump .stat-micrograph{color:#89d6c5}
body.theme-dark.rehber-guest #directorStatJump .stat-symbol{background:#173e39;color:#83dcc8}

#overview #contacts-section .tool-actions select{height:44px!important;min-height:44px!important;padding:0 30px 0 12px!important}
#overview #contacts-section #refreshBtn{width:auto!important;min-width:80px!important;flex:none!important}
#overview #contacts-section .panel-heading h2{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
body.rehber-guest #overview #directorStatJump{background:var(--surface)!important;border-color:var(--border)!important;border-left:4px solid #0f9b83!important}
body.rehber-guest #overview #directorStatJump #premiumWarningCount{color:var(--text)!important}

/* Reference banner: live text and the supplied school illustration in its original composition. */
#overview .hero.hero-reference{position:relative;display:block;height:184px!important;min-height:184px!important;border:0!important;border-radius:12px!important;background:linear-gradient(109deg,#082654 0%,#1046a2 40%,#195ce4 67%,#7022dc 100%)!important;box-shadow:none!important;isolation:isolate}
#overview .hero.hero-reference::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(145deg,transparent 20%,#ffffff05 20%,#ffffff05 44%,transparent 44%),radial-gradient(ellipse at 50% 100%,#076bcb66,transparent 65%)}
#overview .hero-reference .hero-copy{position:relative;z-index:2;width:59%!important;height:100%;padding:20px 30px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#overview .hero-reference h2{font:750 clamp(28px,2.6vw,38px)/1.18 system-ui,sans-serif!important;letter-spacing:-1px!important;margin:0!important;max-width:none!important;color:white!important}
#overview .hero-reference p{font:400 15px/1.5 system-ui,sans-serif!important;margin:5px 0 0!important;max-width:550px!important;color:#e4ecff!important}
#overview .hero-reference .hero-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px!important;min-height:36px!important;padding:8px 13px!important;border:1px solid #e1e8fb;border-radius:7px!important;background:#fff!important;color:#153f8c!important;box-shadow:0 3px 9px #001e4b24!important;font:650 12px/1.4 system-ui!important}
#overview .hero-reference-art{position:absolute!important;z-index:1;inset:0 0 0 auto!important;width:53.125%!important;height:100%!important;opacity:1!important;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 8%)}
#overview .hero-reference-art svg{display:block;width:100%;height:100%;filter:none}
@media(min-width:1600px){#overview .hero.hero-reference{height:210px!important;min-height:210px!important}#overview .hero-reference .hero-copy{padding-inline:34px!important}#overview .hero-reference h2{font-size:40px!important}#overview .hero-reference p{font-size:16px!important}}
@media(min-width:791px) and (max-width:1150px){#overview .hero-reference .hero-copy{width:65%!important;padding-inline:24px!important}#overview .hero-reference h2{font-size:29px!important}#overview .hero-reference p{font-size:13px!important;max-width:420px!important}#overview .hero-reference-art{width:47%!important}}
@media(max-width:790px){
 #overview .hero.hero-reference{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;border-radius:14px!important;background:linear-gradient(110deg,#082654,#1254c7 65%,#6927dc)!important}
 #overview .hero-reference .hero-copy{width:100%!important;height:auto!important;padding:22px 20px 0!important}
 #overview .hero-reference h2{font-size:clamp(24px,6.4vw,34px)!important;line-height:1.2!important;letter-spacing:-.7px!important}
 #overview .hero-reference p{font-size:13px!important;line-height:1.6!important;margin-top:9px!important;max-width:100%!important}
 #overview .hero-reference .hero-link{min-height:44px!important;margin-top:13px!important}
 #overview .hero-reference-art{position:relative!important;inset:auto!important;align-self:flex-end;width:min(100%,620px)!important;height:auto!important;aspect-ratio:629/181;margin-top:8px;mask-image:linear-gradient(to bottom,transparent,#000 18%)}
}

#overview .topbar-breadcrumb{display:flex;align-items:center;gap:10px;font:400 12px/1.5 system-ui;color:var(--muted,#718096)}
#overview .topbar-breadcrumb .icon{width:13px;height:13px}
#overview .topbar-breadcrumb strong{font-weight:600;color:var(--text,#243750)}
@media(max-width:790px){#overview .topbar-breadcrumb{display:none}}