/* V57: readable cards and visible owner navigation */
.vk-header,body>.vk-header{flex-wrap:wrap;gap:14px 24px}
.vk-header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}
.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto}
.header-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:9px;font-size:14px;font-weight:750;line-height:1.35;text-decoration:none}
.header-actions .owner-claim{border:1px solid #8fa99d;background:white;color:#174c3b}
.header-actions .owner-register{background:#175d43;color:white}
.header-actions .nav-search{background:transparent;color:#175d43;border:0}
.panel,.grid>*{min-width:0}.panel h2{font-size:clamp(21px,2vw,27px);line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.025em}
.provider-list{align-items:stretch;gap:20px}
.provider-list .provider-card{padding:24px;display:flex;flex-direction:column;gap:16px;overflow:visible}
.provider-list .provider-card h2{font-size:23px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.provider-list .provider-thumb{width:88px;height:66px;object-fit:cover;border-radius:9px;flex:none}
.provider-heading{display:flex;align-items:center;gap:15px;min-height:66px}
.provider-heading h2{min-width:0}
.provider-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;padding-top:8px}
.provider-actions .button{margin:0;min-height:44px;font-size:15px}
.provider-actions>a:not(.button){font-size:14px;text-decoration:underline}
.owner-invite{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px;background:#eef3eb;border:1px solid #cadbcd;border-radius:18px;margin:32px 0}
.owner-invite h2{font-size:24px;margin:0 0 8px}.owner-invite p{margin:0}.owner-invite .owner-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.seo-breadcrumb{line-height:1.5;min-height:0;padding:0;margin:8px 0 18px;gap:8px;align-items:baseline}
.planner-intro{padding-top:12px!important;margin-bottom:24px!important}.planner-intro h1{margin-top:8px}
.planner-layout,.planner-layout>*{min-width:0}.planner-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media(max-width:1000px){.planner-layout{grid-template-columns:1fr}.header-actions{gap:8px}}
@media(max-width:760px){.vk-header,body>.vk-header{position:relative!important;gap:12px;padding:14px 18px!important}.vk-header .brand{font-size:21px}.vk-header .mobile-menu{order:0;margin-left:auto}.header-actions{order:1;width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}.header-actions a{font-size:13px;padding:10px}.header-actions .nav-search{display:none}.vk-header nav{order:2}.vk-header nav[hidden]{display:none!important}.owner-invite{align-items:stretch;flex-direction:column}.owner-invite .owner-actions{flex-shrink:1}.provider-list .provider-card{padding:20px}.provider-list .provider-card h2{font-size:21px}.provider-heading{min-height:0}.provider-list .provider-thumb{width:72px;height:54px}.planner-layout form,.planner-preview{padding:18px}.seo-breadcrumb{font-size:13px; margin:4px 0 14px}.planner-intro{padding-top:8px!important}.planner-intro h1{font-size:32px!important}.planner-layout legend{font-size:24px}}

/* Legacy form pages also wrap the shared header in #site-header. */
#site-header>.vk-header{flex-direction:row;align-items:center;flex-wrap:wrap}
#site-header .vk-header .brand{font:850 24px/1.3 system-ui,sans-serif;letter-spacing:-.035em}
@media(max-width:760px){#site-header>.vk-header{padding:14px 18px;gap:12px}#site-header .vk-header .brand{font-size:21px}#site-header .vk-header nav{gap:0}}

/* Desktop header: logo, navigation and actions on one shared centre line. */
@media(min-width:1280px){
.vk-header,body>.vk-header,#site-header>.vk-header{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;padding:20px 3vw}
.vk-header .brand,#site-header .vk-header .brand{flex:none;font-size:23px}
.vk-header nav,#site-header .vk-header nav{order:0;flex:1 1 auto;width:auto;flex-basis:auto;flex-wrap:nowrap;justify-content:center;gap:14px}
.vk-header nav a,#site-header .vk-header nav a{font-size:13px}
.header-actions{flex:none;margin-left:0;flex-wrap:nowrap;gap:8px}
.header-actions a{font-size:13px;padding:10px 12px;white-space:nowrap}
}
@media(min-width:1280px) and (max-width:1499px){.header-actions .nav-search{display:none}}
