/* Guided customer examples: compact discovery, generous detail, original images. */
.uc-hero { padding: 42px 0 32px; border-bottom: 1px solid var(--line); }
.site .uc-hero h1 { max-width: 970px; margin: 12px 0 20px; font-size: clamp(32px,3.6vw,48px); line-height: 1.13; letter-spacing: -.04em; }
.uc-lead { max-width: 820px; font-size: clamp(16px,1.5vw,19px); line-height: 1.8; color: var(--ink-2); }
.uc-promises { display:flex; flex-wrap:wrap; gap:16px 30px; margin-top:28px; font-size:13px; color:var(--ink-3); }
.uc-promises span { display:flex; align-items:center; gap:9px; }
.uc-promises .icon { color:var(--teal-ink); }
.uc-library { padding:32px 0 64px; }
.uc-search { max-width:680px; margin:0 0 24px; }
.uc-search label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.uc-search__row { display:flex; gap:10px; }
.uc-search input { flex:1; min-width:0; padding:13px 16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); font:inherit; }
.uc-search .btn { flex-shrink:0; }
.uc-categories { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; }
.uc-categories a { display:flex; align-items:center; gap:9px; padding:11px 16px; border:1px solid var(--line); border-radius:50px; color:var(--ink-2); background:var(--paper); text-decoration:none; font-size:13px; font-weight:600; }
.uc-categories a span { font-size:11px; color:var(--ink-3); padding-left:3px; }
.uc-categories a[aria-current], .uc-categories a:hover { color:var(--teal-ink); border-color:var(--teal); background:var(--teal-soft); }
.uc-category-intro, .uc-results { color:var(--ink-2); margin:0 0 28px; max-width:850px; line-height:1.7; }
.uc-results a { margin-left:12px; }
.uc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.uc-card { min-width:0; border:1px solid var(--line); border-radius:20px; background:var(--paper); overflow:hidden; transition:box-shadow .18s,border-color .18s; }
.uc-card:hover { border-color:var(--teal); box-shadow:0 10px 26px rgba(35,25,75,.09); }
.uc-card__link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.uc-card__link:focus-visible { outline-offset:-4px; border-radius:inherit; }
.uc-card__image { aspect-ratio:16/8; overflow:hidden; border-bottom:1px solid var(--line); background:var(--paper-2); }
.uc-card__image img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.uc-card__body { display:flex; flex-direction:column; flex:1; padding:24px; }
.uc-card__category { display:flex; gap:8px; align-items:center; font-size:11px; font-weight:600; color:var(--teal-ink); }
.site .uc-card h2 { margin:14px 0 12px; font-size:21px; line-height:1.35; letter-spacing:-.02em; }
.uc-card p { margin:0 0 24px; color:var(--ink-2); font-size:14px; line-height:1.75; }
.uc-card__foot { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; color:var(--ink-3); font-size:11px; }
.uc-card__foot span:last-child { display:flex; gap:7px; color:var(--teal-ink); align-items:center; font-weight:600; }
.uc-bottom-note { display:flex; gap:12px; align-items:flex-start; color:var(--ink-3); margin-top:30px; max-width:900px; font-size:12px; line-height:1.8; }
.uc-bottom-note p { margin:0; }.uc-bottom-note .icon { flex-shrink:0; margin-top:3px; }
.uc-empty { text-align:center; padding:60px 20px; border:1px dashed var(--line); border-radius:20px; }
.uc-breadcrumb { display:flex; gap:12px; margin-bottom:28px; font-size:13px; color:var(--ink-3); flex-wrap:wrap; }
.uc-breadcrumb a { color:var(--teal-ink); text-decoration:none; }
.uc-audience { display:flex; align-items:center; gap:10px; color:var(--ink-3); font-size:13px; margin-top:24px; }
.site .uc-walkthrough { display:grid; grid-template-columns:240px minmax(0,1fr); gap:56px; align-items:start; padding-top:42px; padding-bottom:60px; }
.uc-toc { position:sticky; top:calc(var(--header-h,100px) + 24px); font-size:13px; }
.uc-toc summary { font-weight:600; color:var(--ink); padding:0 0 15px; cursor:pointer; }
.uc-toc nav { display:grid; border-left:1px solid var(--line); }
.uc-toc nav a { color:var(--ink-2); text-decoration:none; display:flex; align-items:baseline; gap:10px; padding:9px 0 9px 16px; line-height:1.5; border-left:2px solid transparent; margin-left:-1px; }
.uc-toc nav a:hover { color:var(--teal-ink); border-color:var(--teal); }
.uc-toc nav span { font-size:10px; color:var(--ink-3); }
.uc-toc__product { display:flex; align-items:center; gap:10px; margin-top:25px; font-weight:600; color:var(--teal-ink); text-decoration:none; }
.uc-article { min-width:0; }
.uc-article section { scroll-margin-top:calc(var(--header-h,100px) + 28px); }
.uc-prerequisites { padding:28px 32px; border:1px solid var(--line); border-radius:20px; background:var(--paper); margin-bottom:48px; }
.site .uc-prerequisites h2, .site .uc-context h2 { margin:8px 0 16px; font-size:23px; }
.uc-prerequisites ul,.uc-context ul { padding-left:20px; margin:0; display:grid; gap:12px; font-size:14px; line-height:1.8; color:var(--ink-2); }
.uc-prerequisites li::marker,.uc-context li::marker { color:var(--teal-ink); }
.uc-step { margin:0 0 52px; padding-bottom:44px; border-bottom:1px solid var(--line); }
.uc-step__heading { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.uc-step__number { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:13px; background:var(--teal-soft); color:var(--teal-ink); font-size:14px; font-weight:600; }
.site .uc-step h2 { font-size:clamp(22px,2.4vw,30px); letter-spacing:-.025em; margin:0; line-height:1.3; }
.uc-where { display:flex; align-items:flex-start; gap:9px; color:var(--ink-3); font-size:12px; line-height:1.7; margin:0 0 24px; }
.uc-where .icon { flex-shrink:0; margin-top:2px; }
.uc-where strong { color:var(--ink-2); font-weight:600; }
.uc-step__copy { max-width:820px; font-size:15px; line-height:1.9; color:var(--ink-2); }
.uc-step__copy p { margin:0 0 16px; }
.uc-step__screens { display:grid; gap:20px; margin-top:26px; }
.uc-step__screens:empty { display:none; }
.uc-step .product-shot__open { aspect-ratio:auto; }.uc-step .product-shot__image { height:auto; }
.uc-step .product-shot { box-shadow:none; }
.uc-code { margin:24px 0; border:1px solid var(--line); border-radius:14px; background:var(--paper); padding:18px 20px; }
.uc-code summary { cursor:pointer; font-weight:600; color:var(--teal-ink); font-size:14px; }
.uc-code p { font-size:12px; color:var(--ink-3); line-height:1.7; }
.uc-code pre { overflow:auto; max-width:100%; font-size:12px; line-height:1.8; padding:18px; background:var(--paper-2); border-radius:10px; color:var(--ink-2); }
.uc-outcome { display:flex; align-items:flex-start; gap:18px; background:var(--teal-soft); border-radius:20px; padding:30px 32px; margin-bottom:40px; border:1px solid var(--line); }
.uc-outcome__icon { color:var(--teal-ink); flex-shrink:0; }.site .uc-outcome h2 { font-size:24px; margin:0 0 12px; }
.uc-outcome p { font-size:15px; line-height:1.8; margin:0; }
.uc-context { padding:0 4px; }.uc-capture-note { font-size:12px; line-height:1.8; color:var(--ink-3); margin-top:25px; }
.uc-related { border-top:1px solid var(--line); padding:44px 0 60px; background:var(--paper); }.site .uc-related h2 { font-size:27px; margin:0 0 24px; }
.uc-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:28px; }
.uc-related__grid a { display:grid; gap:12px; padding:24px; border:1px solid var(--line); border-radius:16px; color:var(--ink); text-decoration:none; }
.uc-related__grid a:hover { border-color:var(--teal); background:var(--paper-2); }
.uc-related__grid span { color:var(--teal-ink); font-size:11px; }.uc-related__grid strong { font-size:17px; line-height:1.5; }
.uc-related__grid .icon { color:var(--teal-ink); }
.uc-bridge { border-top:1px solid var(--line); padding:32px 0; }.uc-bridge .wrap { display:flex; gap:24px; justify-content:space-between; align-items:center; }.uc-bridge p { margin:0; color:var(--ink-2); max-width:700px; line-height:1.7; }.uc-bridge a { flex-shrink:0; }
@media (max-width:1100px) { .uc-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.site .uc-walkthrough {grid-template-columns:200px minmax(0,1fr);gap:32px;} }
@media (max-width:820px) { .site .uc-walkthrough {grid-template-columns:minmax(0,1fr);gap:30px;}.uc-toc {position:static;}.uc-toc nav {grid-template-columns:repeat(2,minmax(0,1fr));}.uc-toc__product {display:none;}.uc-related__grid {grid-template-columns:minmax(0,1fr);} }
@media (max-width:580px) { .uc-hero {padding:36px 0 28px;}.uc-promises {gap:12px;font-size:11px;}.uc-grid {grid-template-columns:minmax(0,1fr);gap:20px;}.uc-categories {gap:8px;}.uc-categories a {padding:9px 12px;font-size:12px;}.uc-card__body {padding:22px;}.uc-toc nav {grid-template-columns:minmax(0,1fr);}.uc-prerequisites,.uc-outcome {padding:24px 20px;}.uc-step__copy {font-size:14px;}.uc-step__heading {gap:12px;}.uc-step__number {width:34px;height:34px;}.uc-bridge .wrap {align-items:flex-start;flex-direction:column;} }
@media (prefers-reduced-motion:reduce) { .uc-card {transition:none;} }
@media print { .uc-toc,.uc-related,.uc-bridge {display:none;}.site .uc-walkthrough {display:block;}.uc-hero {padding:24px 0;}.uc-step {break-inside:auto;}.uc-step__heading {break-after:avoid;}.uc-code>pre {display:block;}.uc-code::details-content {content-visibility:visible;} }