/* Use Cases: editorial extension of the ClaraStream page system. */
.use-cases-page .uc-hero{background:#151a1f;padding-block:76px 82px}
.use-cases-page .uc-hero h1{max-width:680px}
.use-cases-page .uc-context,.use-cases-page .uc-beyond{background:#f4f7f8}
.use-cases-page .uc-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,7vw,104px)}
.use-cases-page .uc-heading h2{max-width:720px;margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.035em;font-weight:300}
.use-cases-page .uc-intro-body p{max-width:780px;margin:0;color:#50585e;font-size:1.0625rem;line-height:1.7}
.use-cases-page .uc-intro-body p+p{margin-top:18px}
.use-cases-page .uc-support-line{max-width:880px;margin:38px 0 0;padding:19px 0 0;border-top:1px solid rgba(21,26,31,.25);font-size:.98rem;line-height:1.65;color:#50585e}

.use-cases-page .uc-product-nav{padding-block:46px;background:#edf1f3}
.use-cases-page .uc-product-nav .hw-eyebrow{margin-bottom:13px}
.use-cases-page .uc-product-intro{max-width:820px;margin:0;color:#50585e;font-size:1.02rem;line-height:1.65}
.use-cases-page .uc-product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,42px);list-style:none;margin:32px 0 0;padding:0}
.use-cases-page .uc-product-list li{min-width:0;padding:18px 0 15px;border-top:1px solid rgba(21,26,31,.28)}
.use-cases-page .uc-product-list a{display:inline-block;border-bottom:1px solid #7a5a3a;font-size:1.3rem;font-weight:500;line-height:1.4}
.use-cases-page .uc-product-list a:hover,.use-cases-page .uc-product-list a:focus-visible{color:#7a5a3a}
.use-cases-page .uc-product-list p{margin:12px 0 0;font-size:1.03rem;line-height:1.6;color:#50585e}
.use-cases-page .uc-product-list span{display:block;margin-top:14px;font:500 .72rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.07em;color:#7a5a3a}

.use-cases-page .uc-environment{background:#f4f7f8}
.use-cases-page .uc-environment.uc-dark,.use-cases-page .uc-field{background:#151a1f;color:#f4f7f8}
.use-cases-page .uc-dark .hw-eyebrow,.use-cases-page .uc-field .hw-eyebrow{color:#9fb8d8}
.use-cases-page .uc-dark .uc-intro-body p,.use-cases-page .uc-field .uc-intro-body p{color:rgba(244,247,248,.78)}
.use-cases-page .uc-subhead{margin:54px 0 0;padding-bottom:14px;border-bottom:1px solid rgba(21,26,31,.32);font:500 .78rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.07em;color:#7a5a3a}
.use-cases-page .uc-dark .uc-subhead{border-color:rgba(244,247,248,.32);color:#9fb8d8}
.use-cases-page .uc-example{display:grid;grid-template-columns:minmax(210px,.76fr) minmax(0,1.55fr);gap:clamp(34px,6vw,95px);padding:31px 0 34px;border-bottom:1px solid rgba(21,26,31,.2)}
.use-cases-page .uc-dark .uc-example{border-color:rgba(244,247,248,.2)}
.use-cases-page .uc-example h3{max-width:370px;margin:0;font-size:clamp(1.25rem,1.65vw,1.55rem);line-height:1.32;font-weight:400;letter-spacing:-.02em}
.use-cases-page .uc-status{display:inline-block;margin-top:20px;font:500 .75rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#7a5a3a}
.use-cases-page .uc-example dl{min-width:0;margin:0}
.use-cases-page .uc-example dl>div{display:grid;grid-template-columns:minmax(128px,.35fr) minmax(0,1fr);gap:24px;padding:4px 0}
.use-cases-page .uc-example dt{font:500 .76rem/1.55 "IBM Plex Mono",monospace;letter-spacing:.025em;color:#7a5a3a}
.use-cases-page .uc-dark .uc-example dt{color:#9fb8d8}
.use-cases-page .uc-example dd{min-width:0;margin:0;color:#50585e;font-size:1rem;line-height:1.65}
.use-cases-page .uc-example dd a{border-bottom:1px solid currentColor;text-underline-offset:3px}
.use-cases-page .uc-example dd a:hover,.use-cases-page .uc-example dd a:focus-visible{color:#7a5a3a}
.use-cases-page .uc-dark .uc-example dd{color:rgba(244,247,248,.78)}
.use-cases-page .uc-dark .uc-example dd a:hover,.use-cases-page .uc-dark .uc-example dd a:focus-visible{color:#9fb8d8}
.use-cases-page .uc-reinforcement{max-width:850px;margin:40px 0 0;padding-top:17px;border-top:2px solid #9fb8d8;font-size:1.0625rem;line-height:1.55;font-weight:500}
.use-cases-page .uc-beyond .uc-reinforcement{color:#7a5a3a}

.use-cases-page .uc-form-placeholder{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:430px;width:100%;margin-top:44px;padding:clamp(30px,5vw,64px);background:#f4f7f8;color:#151a1f;border:1px solid rgba(244,247,248,.18)}
.use-cases-page .uc-form-placeholder strong{font:500 .78rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.09em;color:#7a5a3a}
.use-cases-page .uc-form-placeholder p{margin:15px 0 0;font-size:1rem;line-height:1.6;color:#50585e}
.use-cases-page .uc-submission-note{max-width:750px;margin:20px 0 0;color:rgba(244,247,248,.72);font-size:.94rem;line-height:1.6}

@media(max-width:1100px){
  .use-cases-page .uc-intro{grid-template-columns:1fr;gap:25px}
  .use-cases-page .uc-example{grid-template-columns:minmax(190px,.7fr) minmax(0,1.4fr);gap:35px}
  .use-cases-page .uc-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .use-cases-page .uc-hero{padding-block:58px 62px}
  .use-cases-page .uc-product-nav{padding-block:38px}
  .use-cases-page .uc-product-list{grid-template-columns:1fr;gap:7px;margin-top:24px}
  .use-cases-page .uc-heading h2{font-size:clamp(2rem,7.6vw,2.5rem)}
  .use-cases-page .uc-support-line{margin-top:28px}
  .use-cases-page .uc-subhead{margin-top:38px}
  .use-cases-page .uc-example{grid-template-columns:1fr;gap:19px;padding:27px 0 30px}
  .use-cases-page .uc-example h3{max-width:none}
  .use-cases-page .uc-example dl>div{grid-template-columns:1fr;gap:4px;padding:4px 0}
  .use-cases-page .uc-status{margin-top:12px}
  .use-cases-page .uc-reinforcement{margin-top:31px}
  .use-cases-page .uc-form-placeholder{min-height:340px;margin-top:34px;padding:30px 24px}
}