/* Charta 4.3.0 — global user-experience system */
:root{
  --charta-ux-blue:#245edb;--charta-ux-blue-2:#4879ef;--charta-ux-cyan:#18aebf;
  --charta-ux-ink:#172b44;--charta-ux-text:#344b64;--charta-ux-muted:#71839a;
  --charta-ux-line:#dfe8f2;--charta-ux-paper:#fff;--charta-ux-soft:#f4f7fb;
  --charta-ux-radius:20px;--charta-ux-shadow:0 16px 42px rgba(27,54,89,.08);
}
html{scroll-behavior:smooth}body{color:var(--charta-ux-text);background:#f3f6fa;}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgba(36,94,219,.28)!important;outline-offset:3px!important;}
.charta-header-shell{box-shadow:0 10px 28px rgba(10,29,49,.12);}
.charta-header-row{width:min(1840px,calc(100vw - 42px))!important;max-width:none!important;margin-inline:auto!important;}
.charta-header-nav-zone{min-width:0!important;}
.charta-header-nav-zone .wp-block-navigation__container{gap:clamp(12px,1.25vw,25px)!important;white-space:nowrap!important;}
.charta-header-nav-zone .wp-block-navigation-item__content{font-size:14px!important;font-weight:750!important;}
.charta-header-account-nav{display:flex;align-items:center;gap:9px;}
.charta-header-message-button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800;background:rgba(255,255,255,.045);}
.charta-header-message-button:hover{background:rgba(255,255,255,.11)}
.charta-header-message-button svg{width:18px;height:18px;fill:currentColor}.charta-header-message-button b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f24d5c;color:#fff;font-size:10px;}
.charta-header-account-menu{position:relative;}
.charta-header-account-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 9px 4px 5px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:linear-gradient(135deg,rgba(51,105,228,.55),rgba(24,174,191,.38));color:#fff;cursor:pointer;list-style:none;font-size:13px;font-weight:850;}
.charta-header-account-menu>summary::-webkit-details-marker{display:none}.charta-header-account-menu>summary img{width:34px;height:34px;border:2px solid rgba(255,255,255,.7);border-radius:10px;object-fit:cover}.charta-header-account-menu>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;}
.charta-header-account-popover{position:absolute;z-index:9999;right:0;top:calc(100% + 10px);display:grid;min-width:238px;padding:10px;border:1px solid #dce6f1;border-radius:17px;background:#fff;box-shadow:0 22px 55px rgba(13,35,61,.22);}
.charta-header-account-popover a{padding:10px 12px;border-radius:10px;color:#3b526b!important;text-decoration:none!important;font-size:13px;font-weight:750;}.charta-header-account-popover a:hover{background:#f1f6ff;color:#215bb7!important}.charta-header-account-popover .is-primary{background:linear-gradient(135deg,#245edb,#4778ef);color:#fff!important}.charta-header-account-popover .is-logout{margin-top:5px;border-top:1px solid #edf1f5;border-radius:0 0 10px 10px;color:#bd3f4b!important;}
.charta-header-account-person{display:flex;align-items:center;gap:10px;margin-bottom:7px;padding:9px;border-radius:12px;background:#f7f9fc}.charta-header-account-person img{width:46px;height:46px;border-radius:13px;object-fit:cover}.charta-header-account-person span{display:grid}.charta-header-account-person strong{color:#1c3049;font-size:14px}.charta-header-account-person small{color:#7b8da2;font-size:11px}

/* Reading pages remain readable while workspaces may use full width. */
body.single-post main .wp-block-post-content,body.single-charta_site main .wp-block-post-content,body.single-clc_material main .wp-block-post-content{max-width:860px;margin-inline:auto;line-height:1.85;font-size:17px;}
body.single-post main .wp-block-post-content :where(p,ul,ol,blockquote){margin-block:1.15em;}
body.single-post main .wp-block-post-content :where(h2,h3,h4){scroll-margin-top:90px;color:var(--charta-ux-ink);line-height:1.35;}
body.single-post main .wp-block-post-content img,body.single-clc_material main .wp-block-post-content img{border-radius:16px;box-shadow:0 10px 30px rgba(24,49,78,.08);}
body:has(.clc-center) main,body:has(.clc-case-gallery) main,body:has(.clc-content-hub) main{width:100%!important;max-width:none!important;padding-inline:0!important;}

.charta-reading-progress{position:fixed;z-index:10000;left:0;right:0;top:0;height:3px;background:transparent;pointer-events:none}.charta-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--charta-ux-blue),var(--charta-ux-cyan));box-shadow:0 0 10px rgba(36,94,219,.28);}

/* Common surfaces */
:where(.wp-block-post-template>li,.charta-card,.charta-panel,.charta-directory-card){border-color:var(--charta-ux-line)!important;border-radius:var(--charta-ux-radius)!important;box-shadow:var(--charta-ux-shadow)!important;}
:where(button,.wp-element-button,.wp-block-button__link,input[type=submit]){border-radius:12px!important;font-weight:800!important;}
:where(input[type=text],input[type=email],input[type=search],input[type=password],input[type=url],textarea,select){border:1px solid #d5e0ec;border-radius:12px;min-height:43px;background:#fff;}

@media(max-width:1380px){
  .charta-header-row{width:min(100%,calc(100vw - 26px))!important;}
  .charta-header-nav-zone .wp-block-navigation__container{gap:13px!important;}
  .charta-header-nav-zone .wp-block-navigation-item__content{font-size:13px!important;}
  .charta-header-message-button span{display:none}.charta-header-message-button{width:42px;justify-content:center;padding:0;}
}
@media(max-width:1050px){
  .charta-header-nav-zone{order:3;width:100%!important;}
  .charta-header-row{flex-wrap:wrap!important;row-gap:10px!important;}
  .charta-header-actions{flex:1!important;justify-content:flex-end!important;}
  .charta-header-nav-zone .wp-block-navigation__responsive-container-open{display:flex!important;}
  .charta-header-nav-zone .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important;}
}
@media(max-width:620px){
  .charta-header-row{width:calc(100vw - 18px)!important;}
  .charta-header-account-menu>summary span{display:none}.charta-header-account-menu>summary{padding-right:5px;}
  .charta-header-account-popover{position:fixed;left:10px;right:10px;top:78px;min-width:0;}
  body.single-post main .wp-block-post-content{font-size:16px;line-height:1.78;padding-inline:14px;}
}
