/* Editorial finish: the approved hero is intentionally outside these selectors. */
body { --ua-accent: #F4ED2F; }
.ua-approved :is(h2,h3), .ua-refined-pages :is(h2,h3),
.ua-archive-layout :is(h1,h2,h3), .ua-reading-layout :is(h2,h3),
.ua-story-head :is(h1,h2), .ua-case-showcase :is(h1,h2,h3),
.ua-insight-title .wp-block-post-title, .ua-case-hero .wp-block-post-title,
.ua-refined-pages h1 { font-weight: 700!important; }
.ua-approved .hero :is(h2,h3) { font-weight: 500!important; }
.ua-approved :is(.section-label,.article-category,.layer-index,.capability-index,.delivery-label,.detail-label,.source-label),
.ua-refined-pages :is(.ua-eyebrow,.ua-page-index,.ua-page-photo-note),
:is(.ua-eyebrow,.ua-card-type,.ua-card-category,.ua-evidence-source,.ua-evidence-metric figcaption,.ua-sidebar-title,.ua-story-breadcrumb,.ua-brief-label,.ua-insight-byline .wp-block-post-terms) {
 font-family: Inter, sans-serif; font-weight: 600; letter-spacing: .025em;
}
.ua-approved :is(.layer-index,.capability-index,.delivery-label) { font-size: 11px; letter-spacing: .04em; }
.ua-approved :is(.detail-label,.source-label) { font-size: 12px; }
.ua-approved :is(.ai-preview,.project-story,.method-priority) :is(.detail-label,.source-label) { font: 600 12px/1.6 Inter,sans-serif; letter-spacing: .025em; }
.ua-approved .brand-relationship .delivery-label { font: 600 11px/1.6 Inter,sans-serif; letter-spacing: .04em; }
.ua-approved :is(.layer-question,.text-link,.engine-example>summary,.layer-scope>summary),
.ua-header-nav a,.ua-form label { font-weight: 600; }
.ua-approved .hero :is(.section-label,.text-link) { font-weight: 600; }
.ua-approved .usp-copy h3 { font-size: 12px; font-weight: 700; }
.ua-approved .usp-copy p { font-size: 12px; }
.ua-highlight {
 color: inherit; background: linear-gradient(transparent 66%, var(--ua-accent) 66%, var(--ua-accent) 94%, transparent 94%);
 padding-inline: .025em; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.ua-dark .ua-highlight, .dark .ua-highlight, .ua-work .ua-highlight { color: var(--ua-accent); background: none; }
.ua-accent { color: var(--yellow, var(--ua-accent)); }

/* The same native disclosures now sit on an open, connected visual journey. */
.ua-approved .framework-layers { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; align-items: start; margin-top: 28px; }
.ua-approved .framework-layer { display: block; padding: 0; min-width: 0; position: relative; }
.ua-approved .layer-identity { padding: 0; border: 0; }
.ua-approved .layer-identity .layer-index { margin-bottom: 6px; }
.ua-approved .layer-identity h3 { font-size: 28px; margin: 6px 0 16px; }
.ua-approved .layer-content { padding: 0; }
.ua-approved .layer-question { font-size: 16px; line-height: 1.6; min-height: 3.2em; max-width: 30ch; }
.ua-approved .layer-scope { margin-top: 0; }
.ua-approved .layer-scope>summary { font-size: 13px; min-height: 44px; gap: 16px; }
.ua-approved .layer-terms { font-size: 14px; line-height: 1.8; }
.ua-approved .system-art { display: block; width: 100%; height: 158px; margin-bottom: 18px; overflow: visible; }
.ua-approved .art-guide { stroke: var(--navy); stroke-width: 1.5; opacity: .25; }
.ua-approved .art-orbit { stroke: var(--navy); stroke-width: 1.5; opacity: .45; }
.ua-approved .art-ink { stroke: var(--navy); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ua-approved .art-fill { fill: var(--yellow); stroke: var(--navy); stroke-width: 1.5; }
.ua-approved .framework-layer .art-fill { transform-box: fill-box; transform-origin: center; transition: transform .3s ease; }
.ua-approved .framework-layer:is(:hover,:focus-within):not(:has(details[open])) .art-fill { transform: scale(1.08); }
.ua-approved .framework-layer:has(details[open]) .art-fill { transform: scale(1.16); }
.ua-approved .framework-layer:has(details[open]) .art-guide { opacity: .8; }
.ua-approved .framework-feedback { margin-top: 28px; padding: 18px 24px; border: 0; border-radius: 8px; background: color-mix(in srgb,var(--yellow) 13%,var(--paper)); grid-template-columns: 1fr 2fr; }
.ua-approved .framework-feedback .feedback-label { font-size: 14px; font-weight: 700; }
.ua-approved .framework-feedback>p:last-child { font-size: 14px; }
.ua-approved .engine-example { background: color-mix(in srgb,var(--slate) 12%,var(--paper)); border-radius: 8px; padding-inline: 28px; }
.ua-approved .engine-example>summary { font-size: 16px; }
.ua-approved .stage-title { font-weight: 650; }
.ua-approved .system-stage[open] summary:before { background: var(--yellow); }
.ua-approved .system-stage[open] .stage-title { text-decoration-color: var(--yellow); }
.ua-approved .stage-detail h3 { font-weight: 600; line-height: 1.35; }
.ua-approved .journey-example { grid-template-columns: 1fr; gap: 16px; padding-top: 12px; }
.ua-approved .journey-example>.journey-outcome { grid-column: 1; font-size: 14px!important; }
.ua-approved .enquiry-path { gap: 24px; font-size: 14px; }
.ua-approved .enquiry-path li { border: 0; padding: 16px; border-radius: 8px; background: var(--paper); display: grid; grid-template-columns: 36px 1fr; gap: 3px 12px; align-items: center; }
.ua-approved .enquiry-path .is-focus { padding: 16px; border: 0; background: var(--yellow); border-radius: 8px; }
.ua-approved .enquiry-path li:not(:last-child):after { top: 50%; right: -20px; transform: translateY(-50%); font-size: 18px; }
.ua-approved .enquiry-path .enquiry-icon { grid-row: 1/3; width: 32px; height: 32px; stroke: var(--navy); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ua-approved .enquiry-path span { margin: 0; }

/* The visual changes with the selected AI step; all explanatory copy stays editable. */
.ua-approved .ai-preview { border-top: 0; margin-top: 24px; padding: 18px 24px 24px; border-radius: 12px; background: color-mix(in srgb,var(--navy) 55%,var(--deep)); }
.ua-approved .ai-workflow-art { display: block; width: 100%; height: 116px; margin: 0 0 12px; overflow: visible; }
.ua-approved .ai-wire { stroke: var(--slate); stroke-width: 1.5; opacity: .5; }
.ua-approved .ai-art-node { stroke: var(--slate); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s ease; }
.ua-approved .ai-art-node>circle:first-child { fill: var(--deep); }
.ua-approved .ai-art-node.is-current { stroke: var(--yellow); }
.ua-approved .ai-art-node.is-current>circle:first-child { fill: var(--yellow); }
.ua-approved .ai-art-node.is-current>path,.ua-approved .ai-art-node.is-current>circle:not(:first-child) { stroke: var(--deep); }
.ua-approved .ai-preview .detail-label { color: var(--yellow); margin-bottom: 12px; }
.ua-approved .ai-preview h3 { font-size: 25px; }
.ua-approved .ai-preview>p:not(.detail-label) { font-size: 15px; line-height: 1.7; }
.ua-approved .ai-preview .example-note { font: 500 12px/1.7 Inter,sans-serif; letter-spacing: 0; margin-top: 18px; }
.ua-approved .ai-flow button { transition: background .2s ease; border-radius: 8px; padding-inline: 18px; }
.ua-approved .ai-flow button[aria-pressed="true"] { background: color-mix(in srgb,var(--yellow) 8%,var(--deep)); }
.ua-approved .ai-flow strong { font-weight: 650; }
.ua-approved .ai-domains { margin-top: 32px; }
.ua-approved .method-disclosure>summary { font-weight: 650; padding-left: 24px; position: relative; }
.ua-approved .method-disclosure>summary:before { content: ''; position: absolute; left: 0; top: 28px; width: 9px; height: 9px; border: 1.5px solid var(--navy); border-radius: 50%; background: var(--paper); }
.ua-approved .method-disclosure[open]>summary:before { background: var(--yellow); }
.ua-approved .method-disclosure>p { padding-left: 24px; }
.ua-approved .home-blog-item h3 { font-weight: 650; }
.ua-approved .home-blog-item>.article-category { font-size: 11px; }
.ua-approved .home-blog-item>.article-meta { font-size: 12px; }
.ua-approved .brand-relationship h3 { font-weight: 650; }

/* A real experience figure, not a fabricated year-by-year timeline. */
.ua-refined-pages .ua-experience-number { font: 750 clamp(88px,10vw,144px)/1 Sora,sans-serif; letter-spacing: -.07em; margin: 24px 0 12px!important; color: var(--ua-navy); }
.ua-refined-pages .ua-experience-number span { color: var(--ua-navy); }
.ua-refined-pages .ua-experience-caption { font: 600 13px/1.6 Inter,sans-serif; max-width: 30ch; margin: 0 0 16px!important; }
.ua-experience-bars { display: flex; gap: 6px; max-width: 320px; margin-bottom: 24px; }
.ua-experience-bars i { display: block; height: 12px; flex: 1; background: var(--ua-navy); border-radius: 2px; }
.ua-experience-bars i:nth-last-child(-n+3) { background: var(--ua-accent); }
.ua-refined-pages .ua-experience-step { border: 0; padding: 16px 0 12px 18px; position: relative; }
.ua-refined-pages .ua-experience-step:before { content: ''; position: absolute; left: 0; top: 24px; width: 6px; height: 6px; border-radius: 50%; background: var(--ua-navy); }
.ua-refined-pages .ua-experience-journey { gap: 6px 28px; }
:is(summary,button,a):focus-visible { outline: 2px solid var(--ua-navy); outline-offset: 5px; }
.ua-approved .ai-chapter :is(button,a):focus-visible { outline-color: var(--yellow); }

@media(max-width:1000px) {
 .ua-approved .framework-layers { gap: 22px; }
 .ua-approved .layer-identity h3 { font-size: 23px; }
 .ua-approved .system-art { height: 125px; }
 .ua-approved .layer-question { font-size: 15px; }
 .ua-approved .enquiry-path { gap: 20px; }
 .ua-approved .enquiry-path li,.ua-approved .enquiry-path .is-focus { display: block; padding: 12px; }
 .ua-approved .enquiry-path .enquiry-icon { display: block; margin-bottom: 10px; }
}
@media(max-width:650px) {
 .ua-approved .framework-layers { grid-template-columns: 1fr; gap: 30px; }
 .ua-approved .framework-layer { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 0 18px; }
 .ua-approved .layer-identity { display: contents; }
 .ua-approved .layer-identity .layer-index { grid-column: 2; margin: 4px 0 6px; }
 .ua-approved .system-art { grid-column: 1; grid-row: 1/4; height: 100%; min-height: 114px; margin: 0; }
 .ua-approved .layer-identity h3 { grid-column: 2; font-size: 24px; margin: 0 0 10px; }
 .ua-approved .framework-layer .layer-content { grid-column: 2; }
 .ua-approved .usp-grid>.usp-item:last-child { grid-column: auto; }
 .ua-approved .layer-question { min-height: 0; font: 500 14px/1.6 Inter,sans-serif; }
 .ua-approved .framework-feedback { grid-template-columns: 1fr; gap: 8px; padding: 18px; }
 .ua-approved .engine-example { padding-inline: 18px; }
 .ua-approved .engine-example>summary { font-size: 15px; }
 .ua-approved .enquiry-path { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .ua-approved .enquiry-path li,.ua-approved .enquiry-path .is-focus { padding: 14px; }
 .ua-approved .enquiry-path li:not(:last-child):after { content: none; }
 .ua-approved .ai-preview { padding: 12px 18px 20px; }
 .ua-approved .ai-workflow-art { height: 94px; }
 .ua-approved .ai-flow button { padding-inline: 12px; }
 .ua-approved .usp-copy h3 { font-size: 11px; }
 .ua-approved .usp-copy p { font-size: 12px; }
 .ua-refined-pages .ua-experience-number { font-size: 112px; }
}
@media(prefers-reduced-motion:reduce) {
 .ua-approved :is(.art-fill,.ai-art-node,.ai-flow button) { transition: none; }
 .ua-approved .framework-layer:is(:hover,:focus-within,:has(details[open])) .art-fill { transform: none; }
}