/* Soft capsule labels, matching the supplied Polymetric reference. */
html body[data-page] :is(.study-label,.study-eyebrow,.article-tag,.editorial-kicker){display:inline-flex;align-items:center;gap:0.5625rem;width:fit-content;max-width:100%;height:auto;min-height:1.8125rem;padding:0.375rem 0.75rem;border:1px solid var(--line);border-radius:62.4375rem;background:color-mix(in srgb,var(--pill) 75%,transparent);color:var(--ink);font:550 0.625rem/1.5 Arial,Roboto,sans-serif;letter-spacing:.055em;text-transform:uppercase;box-shadow:inset 0 1px 2px #00000004;align-self:start}
html body[data-page] :is(.study-label,.study-eyebrow,.article-tag,.editorial-kicker):before{content:'';width:0.3125rem;height:0.3125rem;flex:0 0 0.3125rem;background:var(--cobalt);border-radius:50%}
html body[data-page] .study-eyebrow{background:#f4f5f3b0;border-color:#ccd5d080;color:#203b3c;font-size:0.625rem}
html[data-theme=dark] body[data-page] .study-eyebrow{background:#263a39b0;border-color:#52615e80;color:#e4ede7}
html body[data-page] .editorial-kicker{margin-bottom:1.375rem;margin-top:0}
html body[data-page] .article-tag{margin-bottom:1.5rem}
/* Increase the outside top margin without adding padding inside the bar. */
header,body[data-page=home] header{top:0;margin-top:1.625rem}
header.nav-hidden,body[data-page=home] header.nav-hidden{transform:translateY(calc(-100% - 2.625rem))}
header .nav-unit{gap:1.375rem}
header .nav-unit .tools{margin-left:0;padding:0.3125rem;border:1px solid var(--line);border-radius:62.4375rem;background:transparent;backdrop-filter:none;box-shadow:none;flex-shrink:0}
header .nav-unit .tools .icon{border-color:transparent}
header .nav-unit .tools .icon:hover{background:var(--pill)}
header .nav-unit nav{margin-left:auto}
/* Consistent tint treatment from the seven-colour Polymetric palette. */
:root{--primary-label:color-mix(in srgb,var(--cobalt) 8%,white);--primary-disc:color-mix(in srgb,var(--cornflower) 25%,white);--primary-text:#29439a;--secondary-label:color-mix(in srgb,var(--jade) 8%,white);--secondary-disc:color-mix(in srgb,var(--jade) 21%,white);--secondary-text:#225d4c}
html[data-theme=dark]{--primary-label:color-mix(in srgb,var(--cobalt) 20%,#20272b);--primary-disc:color-mix(in srgb,var(--cornflower) 35%,#263137);--primary-text:#d0dbff;--secondary-label:color-mix(in srgb,var(--jade) 15%,#20272b);--secondary-disc:color-mix(in srgb,var(--jade) 30%,#263137);--secondary-text:#c0e8d8}
html body[data-page] .button.button.primary .button-label{background:var(--primary-label);color:var(--primary-text)}
html body[data-page] .button.button.primary .button-arrow{background:var(--primary-disc);color:var(--primary-text);border:0}
html body[data-page] .button.button.secondary .button-label{background:var(--secondary-label);color:var(--secondary-text)}
html body[data-page] .button.button.secondary .button-arrow{background:var(--secondary-disc);color:var(--secondary-text);border:0}
html body[data-page] .button.button.primary:hover .button-label{background:color-mix(in srgb,var(--cobalt) 14%,var(--bg));color:var(--primary-text)}
html body[data-page] .button.button.primary:hover .button-arrow{background:var(--cobalt);color:white}
html body[data-page] .button.button.secondary:hover .button-label{background:color-mix(in srgb,var(--jade) 16%,var(--bg));color:var(--secondary-text)}
html body[data-page] .button.button.secondary:hover .button-arrow{background:var(--jade);color:white}
/* Extra scope covers contextual styles in the hero and research bands. */
html body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary .button-label{background:var(--secondary-label);color:var(--secondary-text)}
html body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary .button-arrow{background:var(--secondary-disc);color:var(--secondary-text)}
html body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary:hover .button-label{background:color-mix(in srgb,var(--jade) 16%,var(--bg));color:var(--secondary-text)}
html body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary:hover .button-arrow{background:var(--jade);color:white}
html body[data-page=home] :is(.field-arrow,.article-arrow){background:var(--primary-disc);color:var(--primary-text);border:0}
html body[data-page=home] :is(.connected-field,.article-teaser):is(:hover,:focus-within) :is(.field-arrow,.article-arrow){background:var(--cobalt);color:white;border-color:var(--cobalt)}
@media(max-width:56.25em){header .nav-unit{gap:0.875rem}}
@media(max-width:50em){header .nav-unit .tools{margin-left:auto}header .nav-unit nav{left:0;right:0;max-width:none}}
@media(max-width:40.625em){header,body[data-page=home] header{top:0;margin-top:1.125rem}header .nav-unit{gap:0.5rem}header .nav-unit .tools{padding:3px}header .nav-unit .brand img{width:7.8125rem}html body[data-page] .study-eyebrow{font-size:0.5rem;padding:0.375rem 0.5625rem;gap:0.4375rem}.study-hero-inner{padding-top:6.625rem}html body[data-page] .article-tag{font-size:0.5625rem;letter-spacing:.055em;padding:0.3125rem 0.5rem;gap:0.375rem}}
html[data-theme=dark] body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary .button-label{background:var(--secondary-label);color:var(--secondary-text)}
html[data-theme=dark] body[data-page=home] :is(.study-hero,.research-band) .button.button.secondary:hover .button-label{background:color-mix(in srgb,var(--jade) 16%,var(--bg));color:var(--secondary-text)}
html[data-theme=dark] body[data-page=home] :is(.field-arrow,.article-arrow){background:var(--primary-disc);color:var(--primary-text);border:0}
html[data-theme=dark] body[data-page=home] :is(.connected-field,.article-teaser):is(:hover,:focus-within) :is(.field-arrow,.article-arrow){background:var(--cobalt);color:white}
html[data-theme=dark] body[data-page=home] .study-hero .button.button.primary .button-arrow{background:var(--primary-disc);color:var(--primary-text)}
html[data-theme=dark] body[data-page=home] .study-hero .button.button.primary:hover .button-arrow{background:var(--cobalt);color:white}
/* A dedicated, transparent reciprocal-current study for the Home research section. */
html body[data-page=home] .study-research-art{background:transparent;border:0;border-radius:0;overflow:visible;min-width:0}
html body[data-page=home] .study-research-art .artwork-window{background:transparent;border:0;border-radius:0;overflow:visible}
html body[data-page=home] .study-research-art .artwork-window iframe{transform:scale(1.12);transform-origin:center}
html body[data-page=home] .research-band .study-research-art{background:transparent;border:0;border-radius:0}
html body[data-page=home] .study-research-art .artwork-window iframe{transform:scale(1.18)}
@media(max-width:43.75em){html body[data-page=home] .study-research-art .artwork-window iframe{transform:scale(1.14)}}
