/* Standalone case studies share the application identity without a second app runtime. */
:root{--ink:var(--tag-brand-navy);--navy:var(--tag-brand-navy);--blue:var(--tag-brand-blue);--teal:var(--tag-brand-blue);--brand:var(--tag-brand-blue);--brand-ink:var(--tag-brand-white);--paper:var(--tag-brand-canvas);--canvas:var(--tag-brand-canvas);--muted:var(--tag-brand-ink);--line:var(--tag-brand-line);--border:var(--tag-brand-line);--surface:var(--tag-brand-soft);--soft:var(--tag-brand-shell);--pale:var(--tag-brand-soft);--mint:var(--tag-brand-soft);--wash:var(--tag-brand-shell);--font-ui:var(--tag-brand-font);--font-display:var(--tag-brand-font)}
body[data-tag-surface="showcase"]{margin:0;background:var(--tag-brand-canvas);color:var(--tag-brand-navy);font-family:var(--tag-brand-font);-webkit-font-smoothing:antialiased}
body[data-tag-surface="showcase"] :is(h1,h2,h3){font-family:var(--tag-brand-font);letter-spacing:-.035em}
body[data-tag-surface="showcase"] h1{font-size:var(--tag-brand-title);font-weight:var(--tag-brand-title-weight);line-height:1.08}
body[data-tag-surface="showcase"] :is(p,li){line-height:var(--tag-brand-body-leading)}
body[data-tag-surface="showcase"] :is(button,input,select,textarea){font-family:var(--tag-brand-font)}
body[data-tag-surface="showcase"] :is(a.button,button.button,a.btn,a.callbtn,.primary-cta){min-height:48px;border-radius:var(--tag-brand-radius-control);font-weight:600;box-shadow:none}
body[data-tag-surface="showcase"] :focus-visible{outline:3px solid var(--tag-brand-blue);outline-offset:5px}
body[data-tag-view="workspace"] h1{font-size:clamp(24px,2.2vw,32px)}
body[data-tag-view="workspace"]{--surface:var(--tag-brand-white)}
/* This example used red as its brand accent; operational error colors elsewhere retain their meaning. */
body[data-tag-variant="foundation"]{--red:var(--tag-brand-blue);--deep:var(--tag-brand-navy);--gray:var(--tag-brand-ink);--fog:var(--tag-brand-shell)}
body[data-tag-variant="foundation"] :is(.thesis h2 span,.outcome b,.state.after .state-label){color:#8fcaff}
body[data-tag-variant="voice"] :is(.hero,.hero-kpi)>*{min-width:0}
body[data-tag-variant="voice"] .hero-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
.tag-showcase-takeaway{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:34px;border:1px solid var(--tag-brand-line);border-radius:var(--tag-brand-radius-lg)}
.tag-showcase-journey{display:flex;justify-content:center;align-items:center;gap:16px 32px;flex-wrap:wrap;padding:32px var(--tag-brand-gutter);border-top:1px solid var(--tag-brand-line);background:var(--tag-brand-shell);font:600 14px/1.5 var(--tag-brand-font)}
.tag-showcase-journey a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;color:var(--tag-brand-navy);text-decoration:none}
.tag-showcase-journey a:last-child{padding:12px 20px;border-radius:var(--tag-brand-radius-control);background:var(--tag-brand-blue);color:#fff}
.tag-showcase-journey a:last-child:hover{background:var(--tag-brand-blue-hover)}
@media(max-width:600px){.tag-showcase-takeaway{grid-template-columns:1fr;padding:24px}.tag-showcase-takeaway .callbtn{justify-self:start}.tag-showcase-journey{gap:12px 24px}.tag-showcase-journey a:last-child{width:100%}}
@media print{.tag-showcase-journey{display:none}}

/* Approved supplied artwork, with unchanged case-study and product identities. */
body[data-tag-surface="showcase"] .tag-approved-logo{display:block;flex:none;width:72px;height:28px;max-width:none;object-fit:contain}
.tag-showcase-lockup{display:inline-flex;align-items:center;gap:12px}.tag-showcase-lockup>span{font-size:11px;line-height:1.5;letter-spacing:.06em}
body[data-tag-view="workspace"] .tag-preview-return{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:var(--tag-brand-navy);font:600 12px/1.5 var(--tag-brand-font);text-decoration:underline;text-underline-offset:3px}