/* Short, scannable scenario details share Cami's existing illustration grid. */
.scenario-page{max-width:1040px;margin-inline:auto;padding-bottom:24px}
.scenario-label{font-size:14px;color:#80601f;line-height:1.8}
.scenario-page>.scenario-label{padding-top:24px}
.scenario-page .page-hero{max-width:968px;grid-template-columns:minmax(0,480px) 360px;justify-content:center;gap:64px;padding-block:32px 64px}
.scenario-page .page-hero h1{font-size:clamp(36px,3.8vw,48px);line-height:1.4;letter-spacing:-.035em}
.scenario-page .page-intro{font-size:18px;line-height:1.85;margin-block:24px}
.scenario-page .page-art{width:360px}
.scenario-page .page-art img{width:100%;height:320px;object-fit:contain}
.scenario-page h2{font-size:28px;line-height:1.5;letter-spacing:-.025em;margin-bottom:24px}
.scenario-page p,.scenario-page li{font-size:17px;line-height:1.85;color:#53584d}
.scenario-page .scenario-needs{padding:40px;background:#fff5ce;border-radius:24px;margin-bottom:56px}
.scenario-needs ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.scenario-help{padding-block:0 56px}
.scenario-help>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.scenario-number{font-size:14px;color:#9e7c2a;display:block;margin-bottom:16px}
.scenario-help h3{font-size:22px;line-height:1.5;margin-bottom:16px}
.scenario-start{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-block:0 56px}
.scenario-start ol{padding-left:24px;margin:0}
.scenario-start li+li{margin-top:16px}
.scenario-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:40px;background:#eef3ed;border-radius:24px;margin-bottom:56px}
.scenario-example blockquote{font-size:20px;line-height:1.8;margin:16px 0 24px;color:#30382c}
.scenario-example .example-note{font-size:14px;color:#68715f}
.scenario-example ul{padding-left:22px;margin:0}
.scenario-example li+li{margin-top:12px}
.scenario-page .product-reading{margin:0 0 48px;padding:0}
.scenario-page .product-reading a{font-size:17px;line-height:1.7;display:flex;justify-content:space-between;gap:24px;padding:16px 0;color:#765719}
.scenario-page .page-related{margin-block:0 48px;padding-top:0}
.scenario-page .page-cta{margin-top:0}
@media(min-width:901px) and (max-width:1100px){.scenario-page .page-hero{grid-template-columns:minmax(0,480px) 320px;gap:48px}.scenario-page .page-art{width:320px}}
@media(max-width:900px){.scenario-page .page-hero{grid-template-columns:1fr;gap:32px;padding-block:32px 48px;text-align:left}.scenario-page .page-art{width:min(360px,100%);justify-self:center}.scenario-page .page-intro{max-width:560px}.scenario-needs ul,.scenario-help>div{grid-template-columns:1fr;gap:24px}.scenario-page .scenario-needs{padding:32px;margin-bottom:48px}.scenario-help{padding-bottom:48px}.scenario-start{grid-template-columns:1fr;gap:0;padding-bottom:48px}.scenario-example{gap:32px;padding:32px;margin-bottom:48px}.scenario-page h2{font-size:26px}}
@media(max-width:600px){.scenario-page .page-hero h1{font-size:32px}.scenario-page .page-intro{font-size:17px}.scenario-page .page-art img{height:auto;max-height:300px}.scenario-page .scenario-needs,.scenario-example{padding:24px}.scenario-example{grid-template-columns:1fr}.scenario-page h2{font-size:25px}.scenario-help h3{font-size:21px}.scenario-example blockquote{font-size:18px}.scenario-page .page-cta{padding:28px 24px}.scenario-page .page-cta h2{font-size:26px}}