/* Zinerge 2.2: one token-driven skin above the legacy module styles. */
html body{background:var(--bg);color:var(--ink)}html .site-header,html[data-color-mode] #primary-nav{background:var(--bg);color:var(--ink)}html .site-header{background:color-mix(in srgb,var(--bg) 94%,transparent)}html[data-color-mode] #primary-nav a{color:var(--ink)}html[data-color-mode] #primary-nav a:hover{color:var(--accent)}html[data-color-mode] .tone-light{background:var(--light);--ink:var(--light-ink);--muted:var(--light-muted);--line:var(--light-line);color:var(--ink)}html[data-color-mode] .tone-light .eyebrow{color:var(--light-accent)}html[data-color-mode] .eyebrow,html[data-color-mode] .hero-accent,html[data-color-mode] .process-grid .item-number,html[data-color-mode] .faq-icon{color:var(--accent)}html[data-color-mode] .tone-panel{background:var(--surface)}
html[data-color-mode] .site-footer{background:var(--dark-bg);--ink:var(--dark-ink);--muted:var(--dark-muted);--line:var(--dark-line);color:var(--ink)}html[data-color-mode] .site-footer .eyebrow{color:#c8a15a}
.brand .brand-lockup{display:flex;gap:10px;align-items:center}.brand-icon-22{width:42px!important;height:42px!important;border-radius:9px;flex:none}.brand-word-22{width:144px!important;height:48px!important;object-fit:contain}.brand-word-light{display:none}html[data-color-mode=light] .brand-word-dark{display:none}html[data-color-mode=light] .brand-word-light{display:block}.site-footer .brand-word-dark{display:block!important}.site-footer .brand-word-light{display:none!important}.drawer-heading .brand-icon-22{width:34px!important;height:34px!important}.drawer-heading .brand-word-22{width:116px!important;height:39px!important}
html .button:not(.button-outline),html .forminator-ui.forminator-custom-form .forminator-button-submit,html .forminator-ui.forminator-custom-form .forminator-button-next{background:linear-gradient(135deg,var(--button-start),var(--button-end))!important;color:var(--button-ink,#fff)!important;border:1px solid color-mix(in srgb,var(--button-start) 75%,white)!important;border-radius:10px;box-shadow:0 5px 18px color-mix(in srgb,var(--button-start) 16%,transparent);transition:transform .24s,box-shadow .24s,filter .24s}
html .button.portal-button{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:none}html .button-outline{background:transparent;color:var(--ink);border-color:var(--line)}html .prose .button{color:#fff;text-decoration:none}html .button span:last-child{color:inherit}html .forminator-ui{--form-accent:var(--accent)}
@media(hover:hover){html .button:not(.portal-button):hover,html .forminator-ui.forminator-custom-form .forminator-button-submit:hover,html .forminator-ui.forminator-custom-form .forminator-button-next:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 24px color-mix(in srgb,var(--button-start) 32%,transparent),0 0 0 3px color-mix(in srgb,var(--button-start) 12%,transparent)}html .zg-no-glow .button:hover{box-shadow:none}}
/* Card padding belongs to the card, never to an unpadded hover layer. */
html[data-color-mode=light] .content-card:not(.zg-work .content-card){background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 3px 14px #241a1d05}html[data-color-mode=light] .content-card .card-copy{padding:22px 16px 16px}html[data-color-mode=light] .content-card .card-media{border-radius:11px;overflow:hidden}html[data-color-mode=light] .zg-work .content-card .card-copy{padding:28px}html[data-color-mode=light] .zg-work .content-card{padding:0;border-radius:18px}html[data-color-mode=light] .module-card{border-radius:14px}html[data-color-mode=light] .pillars-grid .module-card,html[data-color-mode=light] .process-grid .module-card{box-shadow:none!important;transform:none!important}html .card-grid{gap:26px}html .card-copy h2{font-size:clamp(23px,2vw,29px);line-height:1.18}html .card-copy .text-link{padding-top:8px}.zg-posts .card-media img{aspect-ratio:16/10;object-fit:cover}
@media(hover:hover){html[data-color-mode=light] .content-card:hover{box-shadow:0 12px 28px #241a1d12;transform:translateY(-3px)}html[data-color-mode=light] .module-card:hover{box-shadow:0 10px 24px #241a1d0d}}
/* Editorial grid: contents widget lives in the sidebar, not a hidden grid column. */
html .article-shell.article{width:min(1200px,calc(100% - var(--gutter)*2));margin:auto}html .article-header{padding:64px 0 44px;max-width:none}html .article-header h1{max-width:980px;font-size:clamp(36px,5vw,68px);line-height:1.06}html .article-header .article-dek{max-width:760px;font-size:21px}html .article-header>img{width:100%;max-height:520px;object-fit:cover;aspect-ratio:16/7;border-radius:20px;margin-top:32px}html .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start}html .article-layout>.prose{grid-column:1;min-width:0;font-size:18px;line-height:1.85}html .article-layout>.article-side{grid-column:2;display:block;min-width:0;position:static}html .article-toc{position:static;background:var(--surface-2);padding:24px;border:1px solid var(--line);border-radius:14px;margin:0 0 24px}html .article-toc ol{columns:1;margin:0}html .article-toc a{font-size:14px}html .article-side-block,html .editorial-widget{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:20px}html .article-side p,html .article-side li{font-size:14px;line-height:1.7}html .article-side .eyebrow{font-size:11px;margin-bottom:14px}html .article-side input{width:100%;min-width:0}.article-side form{display:flex;gap:8px;flex-wrap:wrap}.article-side form button{max-width:100%;min-height:44px}html .article-layout .zg-section{padding:30px 0;background:transparent}html .article-layout .zg-section .shell{width:100%}html .article-layout :is(.narrative-layout,.split-layout,.features-grid,.hero-layout,.faq-layout,.inline-form-layout,.process-grid){grid-template-columns:minmax(0,1fr);gap:24px}html .article-layout .section-heading{margin-bottom:24px}html .article-layout h2{font-size:clamp(27px,3vw,38px);line-height:1.2;margin-top:28px}html .article-layout h3{font-size:25px;line-height:1.25}html .article-layout .prose img{margin-block:24px}html .article-layout blockquote{padding:24px;border-left:3px solid var(--accent);margin:30px 0;background:var(--surface-2)}html .article-related{padding-top:50px;margin-top:60px;border-top:1px solid var(--line)}.reading-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:150;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.package-context{padding:26px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;background:var(--surface-2);margin:0 0 28px}.package-context h3{font-size:26px;line-height:1.2}.package-context p{font-size:15px}.package-context .eyebrow{margin-bottom:12px}.zg-contact .contact-layout{align-items:start}.zg-contact .form-panel{min-width:0}.zg-contact .form-panel h2{font-size:clamp(30px,4vw,44px)}
@media(min-width:1281px){html #primary-nav>.menu>li>a{font-size:15px;font-weight:500}html #primary-nav>.menu{gap:clamp(8px,.85vw,15px)}html #primary-nav .sub-menu a{font-size:15px}.site-header>.shell{width:calc(100% - 64px);max-width:1560px}.header-inner{grid-template-columns:auto 1fr auto!important}.header-actions{gap:8px}.brand-word-22{width:132px!important}}
@media(max-width:900px){html .article-layout{grid-template-columns:minmax(0,1fr)}html .article-layout>.article-side{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-side>*{margin:0!important}html .article-header{padding-top:40px}html .article-header>img{aspect-ratio:16/10}}
@media(max-width:620px){.brand-word-22{width:118px!important;height:40px!important}.brand-icon-22{width:34px!important;height:34px!important}html .article-layout>.article-side{grid-template-columns:1fr}html .article-header h1{font-size:clamp(34px,9vw,48px)}html .article-layout>.prose{font-size:17px}html .article-related .card-grid{grid-template-columns:1fr}.package-context{padding:20px}html .content-card .card-copy{padding:20px 14px}html .article-shell.article{width:calc(100% - 40px)}html .nav-dialog #primary-nav>.menu>li>a{font-size:24px}}
@media(prefers-reduced-motion:reduce){html .button:hover,html .content-card:hover{transform:none!important}.reading-progress{display:none}}
html[data-color-mode] .lead,html[data-color-mode] .prose p,html[data-color-mode] .prose li{color:var(--muted)}html[data-color-mode] .prose a:not(.button){color:var(--accent)}html .zg-slide .lead{color:#eee7e9}html .site-footer .footer-copy,html .site-footer .footer-brand p{color:var(--dark-muted)}html .zg-form-experience{--form-accent:var(--accent);--form-on-accent:var(--accent-ink)}
@media(hover:hover){html body:not(.zg-no-glow) .forminator-ui.forminator-custom-form .forminator-button-submit:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--button-start) 32%,transparent)!important}html .zg-no-glow .forminator-ui button:hover{box-shadow:none!important}}
html .article-shell.article{padding-block:0 60px}html .article-header{margin-bottom:24px}html .article-layout>.article-side{border-top:0;padding-top:0}
