/* Editorial use-case library. Scoped so shared product layouts remain intact. */
.uc-main{--uc-ink:#18313a;--uc-muted:#4b6268;--uc-mint:#cce9db;--uc-paper:#fff;--uc-border:#d4dfd8}
.uc-main .uc-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding:48px 0 58px}
.uc-main h1{font-size:clamp(42px,4.9vw,68px);line-height:1.03;margin:18px 0 24px;max-width:760px;text-wrap:balance}
.uc-main h1 em{font-style:normal;color:#35705a}
.uc-lede{font-size:20px;color:var(--uc-muted);max-width:650px}
.uc-diagram{margin:0;background:#102b35;color:#eff7f2;border-radius:16px;overflow:hidden;border:1px solid #3c575d;box-shadow:0 20px 45px #16392d12}
.uc-diagram-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:11px;letter-spacing:.12em;color:#c7e5d6;border-bottom:1px solid #3b535a}
.uc-dot{width:8px;height:8px;border-radius:50%;background:#98ddbc}
.uc-diagram svg{display:block;width:100%;height:auto}
.uc-diagram figcaption{display:grid;gap:8px;padding:22px 24px;border-top:1px solid #3b535a}
.uc-diagram figcaption strong{font-size:18px;line-height:1.3}
.uc-diagram figcaption span{font-size:12px;color:#b7c9c9}
.uc-intro-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--uc-border);gap:32px;padding:18px 0}
.uc-intro-strip strong{display:block;color:var(--uc-ink);margin-bottom:3px}
.uc-intro-strip p{color:var(--uc-muted)}
.uc-jump{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;border-bottom:1px solid var(--uc-border);padding:26px 0;font-size:14px}
.uc-jump span{font-weight:700}.uc-jump a{color:var(--uc-ink)}
.uc-section{padding:52px 0 10px;scroll-margin-top:100px}
.uc-section>p{max-width:780px;color:var(--uc-muted);font-size:18px}
.uc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.uc-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--uc-border);border-radius:12px;background:var(--uc-paper);color:var(--uc-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.uc-card:hover{border-color:#58947c;box-shadow:0 8px 24px #18352d0d}
.uc-card-label{font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#35674f}
.uc-card h3{font-size:27px;line-height:1.15;margin:18px 0 10px;text-wrap:balance}
.uc-card p{font-size:16px;color:var(--uc-muted);margin:0 0 28px}
.uc-card-link{display:flex;justify-content:space-between;gap:12px;margin-top:auto;font-size:14px;font-weight:700;color:var(--uc-ink)}
.uc-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:steps}
.uc-steps li{border-top:2px solid #5a9379;padding-top:20px;counter-increment:steps}
.uc-steps li:before{content:'0' counter(steps);display:block;color:#467459;font-size:14px;margin-bottom:20px}
.uc-steps strong{display:block;font-size:21px;line-height:1.2}.uc-steps p{color:var(--uc-muted);font-size:16px}
.uc-availability{padding:20px 24px;background:#edf2eb;border-left:3px solid #709573;font-size:15px!important;color:var(--uc-muted)!important;max-width:none!important}
.uc-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.uc-summary-grid p{color:var(--uc-muted)}
.uc-summary-grid a,.uc-inline-links a,.uc-next a:not(.lp-button),.uc-article a,.uc-sidebar a,.uc-method a,.uc-section>p>a{color:#82520f}
.uc-next{margin:64px 0 8px;padding:42px;background:#e5eee4;border:1px solid #cfddcf;border-radius:14px}.uc-next h2{max-width:760px}.uc-next p{max-width:820px;color:var(--uc-muted)}
.uc-article-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(220px,1fr);gap:64px;align-items:start}
.uc-article{min-width:0}.uc-article p,.uc-article li{font-size:18px;line-height:1.7}
.uc-article h3{font-size:25px}.uc-story{border-left:3px solid #79a88a;padding:22px 28px;background:#edf2eb;margin:26px 0}.uc-story p:last-child{margin-bottom:0}
.uc-questions{padding-left:24px}.uc-questions li{margin:10px 0}
.uc-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.uc-feature{border:1px solid var(--uc-border);border-radius:10px;background:var(--uc-paper);padding:24px;display:flex;flex-direction:column}
.uc-feature-name{font-size:12px;font-weight:700;color:#35674f;letter-spacing:.02em}
.uc-feature p{font-size:16px;margin:0 0 20px}.uc-feature small{font-size:12px;line-height:1.6;color:var(--uc-muted);margin-top:auto;margin-bottom:14px}.uc-feature a{font-size:14px;font-weight:700}
.uc-zone-steps,.uc-setup{padding-left:24px}.uc-zone-steps li,.uc-setup li{padding-left:8px;margin:18px 0}
.uc-article .uc-small{font-size:14px;color:var(--uc-muted)}
.uc-inline-links{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:15px;padding:16px 0}
.uc-practice{border-top:1px solid var(--uc-border);margin-top:24px;padding-top:10px}.uc-practice p{color:var(--uc-muted)}
.uc-sidebar{padding:28px;background:var(--uc-paper);border:1px solid var(--uc-border);border-radius:12px;margin-top:52px}.uc-sidebar h2{font-size:28px}.uc-sidebar p,.uc-sidebar dd{font-size:14px;color:var(--uc-muted);line-height:1.7}.uc-sidebar dt{font-weight:700;font-size:14px;margin:20px 0 4px}.uc-sidebar dd{margin:0}.uc-sidebar a{font-size:14px;font-weight:700}
.uc-back{text-decoration:none}.uc-method{font-size:13px;color:var(--uc-muted);line-height:1.8;padding-top:36px;margin-top:36px;border-top:1px solid var(--uc-border)}
html[data-theme=dark] .uc-body{background:#101f27;color:#eef6f3;--accent:#f7c780;--line:#37545d}
html[data-theme=dark] .uc-main{--uc-ink:#eef6f3;--uc-muted:#bed0d2;--uc-paper:#19333d;--uc-border:#37545d}
html[data-theme=dark] .uc-main h1,html[data-theme=dark] .uc-main h2,html[data-theme=dark] .uc-main h3{color:var(--uc-ink)}
html[data-theme=dark] .uc-main .public-breadcrumbs,html[data-theme=dark] .uc-main .lp-faq details p{color:var(--uc-muted)}
html[data-theme=dark] .uc-main .lp-button:not(.lp-button--primary){color:#eef6f3;border-color:#729087}
html[data-theme=dark] .uc-main .lp-button:not(.lp-button--primary):hover{background:#294a42}
html[data-theme=dark] .uc-main h1 em,html[data-theme=dark] .uc-card-label,html[data-theme=dark] .uc-feature-name{color:#99d7b9}
html[data-theme=dark] .uc-story,html[data-theme=dark] .uc-availability,html[data-theme=dark] .uc-next{background:#203e3b;border-color:#4d7567}
html[data-theme=dark] .uc-main a:not(.lp-button):not(.uc-card):not(.uc-back){color:#f7c780}
html[data-theme=dark] .uc-steps li:before{color:#9aceb1}
@media(max-width:1100px){.uc-main .uc-hero{gap:30px}.uc-article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 240px}.uc-feature-list{grid-template-columns:1fr}.uc-card{padding:22px}}
@media(max-width:800px){.uc-main .uc-hero{grid-template-columns:1fr;padding:30px 0 36px}.uc-diagram{max-width:600px;width:100%}.uc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-article-layout{grid-template-columns:1fr}.uc-sidebar{margin:20px 0 0}.uc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-summary-grid{grid-template-columns:1fr;gap:8px}.uc-next{padding:28px}.uc-article p,.uc-article li{font-size:17px}.uc-section{padding-top:38px}}
@media(max-width:520px){.uc-main .uc-hero{gap:26px}.uc-main h1{font-size:42px}.uc-lede{font-size:18px}.uc-card-grid,.uc-intro-strip{grid-template-columns:1fr;gap:14px}.uc-intro-strip{padding:18px 0}.uc-intro-strip p{margin:0}.uc-card h3{font-size:25px}.uc-steps{grid-template-columns:1fr;gap:14px}.uc-steps li:before{margin-bottom:10px}.uc-next{padding:22px;margin-top:38px}.uc-jump{gap:14px 20px}.uc-story{padding:20px}.uc-availability{padding:18px}.uc-main .lp-actions{align-items:stretch}.uc-main .lp-button{white-space:normal}.uc-diagram-top{padding:16px;font-size:9px}.uc-diagram figcaption{padding:18px}.uc-feature{padding:20px}}
@media(prefers-reduced-motion:reduce){.uc-card{transition:none}}