/* Designer source: Paper, Porcelain 1A, 12 October 2026.
   Shared by the React and generated-page renderers. */
:root {
  --zs-page: #F6F5F2;
  --zs-section: #ECEAE5;
  --zs-card: #FBFAF8;
  --zs-hero: #F1F0EF;
  --zs-border: #D7D4CD;
  --zs-denim: #123C68;
  --zs-ink: #202D42;
  --zs-muted: #465568;
  --zs-accent: #E2EA83;
  --zs-on-dark: #F7F7F2;
  --zs-gutter: clamp(20px, 4.167vw, 60px);
  --background: var(--zs-page);
  --foreground: var(--zs-ink);
  --card: var(--zs-card);
  --card-foreground: var(--zs-ink);
  --popover: var(--zs-card);
  --popover-foreground: var(--zs-ink);
  --primary: var(--zs-denim);
  --primary-foreground: var(--zs-on-dark);
  --secondary: var(--zs-section);
  --secondary-foreground: var(--zs-ink);
  --muted: var(--zs-section);
  --muted-foreground: var(--zs-muted);
  --accent: var(--zs-section);
  --accent-foreground: var(--zs-ink);
  --border: var(--zs-border);
  --input: #969995;
  --ring: var(--zs-denim);
  --citron: var(--zs-accent);
}

/* Designer Porcelain 1A system across generated page families and localized shells. */
.editorial-site{--ink:var(--zs-ink);--paper:var(--zs-page);--muted:var(--zs-muted);--line:var(--zs-border);--sky:var(--zs-hero);--citron:var(--zs-accent);background:var(--zs-page);color:var(--zs-ink)}
.localized-core #root{--muted:var(--zs-section)}
.editorial-site .site-wrap{width:min(1320px,calc(100% - var(--zs-gutter)*2))}
.editorial-site .site-nav{background:var(--zs-page);border-color:var(--zs-border)}
.editorial-site .site-nav>.site-wrap{min-height:76px}
.editorial-site .site-logo img{width:184px}
.editorial-site :is(.site-nav-panel,.site-mobile-menu>nav,.language-list){background:var(--zs-card);border-color:var(--zs-border)}
.editorial-site :is(.site-menu-art,.site-menu-primary,.language-list a:hover,.language-list a[aria-current]){background:var(--zs-section)}
.editorial-site .site-menu-primary:hover{background:var(--zs-border)}
.editorial-site .site-button{background:var(--zs-accent);color:var(--zs-ink);border-radius:12px;min-height:48px}
.editorial-site .site-button:hover{background:#d7e36d;color:var(--zs-ink)}
.editorial-site .site-nav-actions>.site-button{border-radius:32px}
.editorial-site .site-footer{background:var(--zs-denim);color:var(--zs-on-dark);margin-top:0}
.editorial-site .site-footer .site-footer-tagline{color:var(--zs-on-dark)}
.editorial-site .site-footer .site-button{background:var(--zs-accent);color:var(--zs-ink);border-color:transparent}
.editorial-site .site-footer .site-button:hover{background:#d7e36d;color:var(--zs-ink)}
.editorial-site .site-footer .language-list{color:var(--zs-ink)}
.editorial-site :is(.editorial-hero,.discovery-masthead,.platform-hero){background:var(--zs-hero)}
.editorial-site :is(.editorial-hero-art,.editorial-seam,.platform-tapestry,.recovery-art:before){display:none}
.editorial-site .editorial-hero{padding-bottom:0}
.editorial-site .editorial-hero>.site-wrap{padding-bottom:48px}
.editorial-site .reading-masthead{padding-bottom:0}
.editorial-site :is(.editorial-hero h1,.discovery-heading h1,.tool-page-header h1,.comparison-hero h1,.information-heading h1,.platform-hero h1){font-weight:800;letter-spacing:-.035em;line-height:1.12}
.editorial-site :is(.editorial-hero h1,.discovery-heading h1,.platform-hero h1){font-size:clamp(2.75rem,4.65vw,4.125rem)}
.editorial-site :is(.editorial-description,.discovery-heading p,.platform-intro,.comparison-intro,.tool-heading-grid p){color:var(--zs-muted)}
.editorial-site :is(.editorial-sharing,.reading-next,.native-diagram,.editorial-mobile-toc,.information-mobile-toc,.information-policy-links a[aria-current]){background:var(--zs-section);border-color:var(--zs-border)}
.editorial-site .reading-article .editorial-rail,.reading-article .editorial-rail{background:var(--zs-section)}
.editorial-site .editorial-toc a:is(:hover,[aria-current]){background:var(--zs-card);color:var(--zs-ink)}
.editorial-site :is(.related-grid>a,.hub-card,.information-state,.editorial-body .table-scroll){background:var(--zs-card);border-color:var(--zs-border)}
.editorial-site :is(.related-grid>a:hover,.reading-article .related-grid>a:hover){background:var(--zs-section)}
.editorial-site .editorial-body th{background:var(--zs-section);color:var(--zs-ink)}
.editorial-site .editorial-body tr:nth-child(even) td{background:var(--zs-page)}
.editorial-site .native-diagram .diagram-row:nth-child(2) .diagram-node:nth-child(3){background:var(--zs-denim);color:var(--zs-on-dark)}
.editorial-site .recovery-art{background:none}
/* Original exported ribbon and vector underlay: identical crop to the homepage. */
.porcelain-static-edge{position:relative;width:100%;aspect-ratio:12/1;min-height:36px;overflow:hidden;pointer-events:none;isolation:isolate}
.porcelain-static-edge>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.porcelain-static-edge>picture{display:block;position:absolute;top:-161.67%;height:416.67%;width:104.375%;left:-2.014%}
.porcelain-static-edge img{display:block;width:100%;height:100%;max-width:none}
.porcelain-static-edge.porcelain-footer{aspect-ratio:1440/115;background:var(--zs-page)}
.porcelain-static-edge.porcelain-footer>picture{inset:0 auto 0 -2.085%;width:104.17%;height:100%}
.porcelain-static-edge.porcelain-return{aspect-ratio:1440/156}
.porcelain-static-edge.porcelain-return>picture{top:38.46%;height:61.54%;width:102.85%;left:-1.425%}
/* Country guides retain their flags, product and location-specific content. */
.country-landing{--cl-ink:var(--zs-ink);--cl-muted:var(--zs-muted);--cl-sky:var(--zs-hero)}
.country-landing .cl-hero{background:var(--zs-hero);padding-bottom:0;overflow:hidden}
.country-landing .cl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;padding-block:48px 36px;min-height:550px}
.country-landing .cl-hero h1{font-size:clamp(2.75rem,4.65vw,4.125rem);letter-spacing:-.035em;line-height:1.12}
.country-landing :is(.cl-intro,.cl-funding,.cl-geonode,.cl-crumbs){color:var(--zs-muted)}
.country-landing .cl-download{background:var(--zs-accent);color:var(--zs-ink);border-radius:12px;border-color:transparent}
.country-landing .cl-download:hover{background:#d7e36d;color:var(--zs-ink)}
.country-landing .cl-exchange{background:var(--zs-page)}
.country-landing :is(.cl-exchange-sheet,.cl-faq>div:last-child){background:var(--zs-card);border-color:var(--zs-border)}
.country-landing .cl-price{background:var(--zs-denim);color:var(--zs-on-dark)}
.country-landing .cl-price:before,.country-landing .cl-exchange:after,.country-landing .cl-download-art:after{display:none}
.country-landing .cl-price strong{color:var(--zs-accent)}
.country-landing .cl-price span{color:var(--zs-on-dark)}
.country-landing :is(.cl-kicker,.cl-exchange p){color:var(--zs-muted)}
.country-landing :is(.cl-exchange-facts,.cl-setup){background:var(--zs-section);border-color:var(--zs-border)}
.country-landing .cl-download-section{background:var(--zs-page)}
.country-landing .cl-crafted .cl-app{background:var(--zs-card)}
/* Directories keep native filters and clear active states. */
.discovery-page{--discovery-ink:var(--zs-ink);--discovery-muted:var(--zs-muted)}
.discovery-page .discovery-masthead{padding-bottom:0}
.discovery-masthead>.site-wrap{padding-bottom:48px}
.discovery-page :is(.discovery-field,.discovery-topic-single .discovery-entry a){background:var(--zs-card);border-color:var(--zs-border)}
.discovery-page :is(.discovery-regions a:hover,.discovery-topics a:hover,.discovery-alphabet a:hover,.discovery-country-group li a:hover){background:var(--zs-section)}
.discovery-page .discovery-regions a[aria-current=page]{background:var(--zs-denim);color:var(--zs-on-dark)}
.discovery-page :is(.discovery-featured,.discovery-featured-art,.discovery-editorial .discovery-featured>a>div:first-child,.discovery-editorial .discovery-featured>a>.discovery-arrow){background:var(--zs-section)}
.discovery-editorial .discovery-featured>a>div:first-child,.discovery-editorial .discovery-featured>a>.discovery-arrow,.discovery-editorial .discovery-featured-art{background:var(--zs-section)}
.discovery-editorial .discovery-entries .discovery-entry a{background:var(--zs-card);border-color:var(--zs-border)}
.discovery-editorial .discovery-entries .discovery-entry a:is(:hover,:focus-visible){background:var(--zs-section)}
.discovery-reference .table-scroll,.discovery-reference th{background:var(--zs-section)}
/* Platform directories and comparisons preserve their native responsive anatomy. */
.platform-page{--platform-ink:var(--zs-ink);--platform-muted:var(--zs-muted)}
.platform-page .platform-hero{padding-bottom:0}
.platform-page :is(.platform-identity,.platform-group li>a){background:var(--zs-section);border-color:var(--zs-border)}
.platform-page :is(.platform-app,.platform-faq>div:last-child){background:var(--zs-card);border-color:var(--zs-border)}
.platform-page .platform-group li>a:hover{background:var(--zs-accent);border-color:var(--zs-border)}
.comparison-page{--comparison-paper:var(--zs-card);--comparison-sky:var(--zs-section)}
.comparison-page :is(.comparison-table-shell,.comparison-method,.comparison-participation){background:var(--zs-section);border-color:var(--zs-border)}
.comparison-page .comparison-article .table-scroll th{background:var(--zs-section)!important}
/* Tools keep semantic results and error states; the canvas matches the website. */
.tool-page :is(.tool-stage,.tool-ip-readout,.tool-dns-handoff){background:var(--zs-section);border-color:var(--zs-border)}
.tool-page :is(.tool-intro,.tool-table,.tool-page-related a,.tool-workbench input:not([type=checkbox]),.tool-workbench select,.tool-workbench textarea){background:var(--zs-card);border-color:var(--zs-border)}
.tool-page :is(.tool-ip-primary,.tool-result-panel){background:var(--zs-denim);color:var(--zs-on-dark)}
.tool-page .tool-workbench [data-slot=button]{border-radius:12px}
.tool-page .tool-result-panel textarea{background:transparent;color:var(--zs-on-dark)}
.tool-page .tool-table th{background:var(--zs-section)}
.tool-page .tool-table tr:nth-child(even){background:var(--zs-page)}
.tool-page .tool-page-related a:hover{background:var(--zs-section)}
@media(max-width:1099px){.country-landing .cl-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}.country-landing .cl-product{margin:0 auto}.editorial-site .site-nav>.site-wrap{min-height:76px}}
@media(max-width:767px){.editorial-site .site-wrap{width:calc(100% - 40px)}.editorial-site .site-logo img{width:150px}.editorial-site :is(.editorial-hero h1,.discovery-heading h1,.platform-hero h1,.country-landing .cl-hero h1){font-size:clamp(2.2rem,9vw,3.2rem)}.country-landing .cl-hero-grid{padding-block:32px 20px;gap:26px}.discovery-masthead>.site-wrap,.editorial-site .editorial-hero>.site-wrap{padding-bottom:32px}}
@media(max-width:359px){.editorial-site .site-logo img{width:128px}}