/* Static scenario library. Native links and disclosures work without JavaScript. */
.brand-site .scenario-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:30px;border-block:1px solid var(--line)}
.brand-site .scenario-index h2{font-size:19px;line-height:1.4;margin:0 0 20px}
.brand-site .scenario-index ul{list-style:none;margin:0;padding:0}
.brand-site .scenario-index li+li{margin-top:8px}
.brand-site .scenario-index a{display:flex;align-items:baseline;gap:12px;padding-block:8px;color:var(--text);font-size:14px;line-height:1.6}
.brand-site .scenario-index a>span{font-variant-numeric:tabular-nums;color:var(--muted)}
.brand-site .scenario-index a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.brand-site .scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;align-items:start}
.brand-site .scenario-card{padding:30px;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--brand-surface);scroll-margin-top:110px}
.brand-site .scenario-card:target{border-color:#b3d4df;box-shadow:0 0 0 2px #b3d4df33}
.brand-site .scenario-card .scenario-number{font-size:12px;letter-spacing:.12em;color:var(--muted);margin:0 0 18px}
.brand-site .scenario-card h3{font-size:25px;line-height:1.35;margin:0 0 18px}
.brand-site .scenario-card p,.brand-site .scenario-card dd{font-size:16px;line-height:1.8;color:var(--text)}
.brand-site .scenario-card details{border-block:1px solid var(--line);margin-top:24px;padding-block:18px}
.brand-site .scenario-card summary{font-weight:600;cursor:pointer;line-height:1.6;color:var(--ink)}
.brand-site .scenario-card dt{font-weight:650;color:var(--ink);margin:22px 0 8px}
.brand-site .scenario-card dd{margin:0}
.brand-site .scenario-card .scenario-source{font-size:13px;margin:20px 0 0}
.brand-site .scenario-card dl{margin-bottom:6px}
@media(max-width:850px){.brand-site .scenario-index{grid-template-columns:1fr;gap:26px}.brand-site .scenario-index h2{margin-bottom:10px}}
@media(max-width:700px){.brand-site .scenario-grid{grid-template-columns:1fr;gap:18px}.brand-site .scenario-card{padding:24px}.brand-site .scenario-card h3{font-size:23px}}
@media print{.brand-site .scenario-grid{display:block}.brand-site .scenario-card{break-inside:avoid;margin-bottom:20px}}
