/* Cycle 1: inherits the existing product palette, typography, and surface roles. */
.framework-explorer{margin:32px 0 48px;padding:28px 0;border-block:1px solid var(--hairline)}
.framework-explorer h2{font-size:clamp(28px,4vw,42px);text-wrap:balance}
.framework-intro{max-width:760px}.framework-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:28px;margin-top:26px;align-items:start}
.framework-choices{display:grid;gap:8px}.framework-choices button{display:flex;text-align:left;align-items:center;gap:12px;width:100%;min-height:68px;padding:14px;border:1px solid var(--hairline);border-radius:16px;background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.4}
.framework-choices button:hover{background:var(--fog)}.framework-choices button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.framework-choices strong{display:block;font-weight:600}.framework-choices small{display:block;font-size:12px;margin-top:4px}.framework-number{font-size:14px;flex-shrink:0}.framework-selected{font-size:10px;margin-left:auto;visibility:hidden}.framework-choices [aria-pressed=true] .framework-selected{visibility:visible}
.framework-panel{padding:28px;background:var(--fog);border:1px solid var(--hairline);border-radius:24px;min-width:0}.framework-panel[hidden]{display:none}.framework-panel h3{font-size:30px;margin-top:12px;line-height:1.2;text-wrap:balance}.framework-panel h4{font-size:17px;line-height:1.4;margin:12px 0}.framework-panel p{font-size:16px;line-height:1.7}.framework-example{padding:4px 0 8px;border-block:1px solid var(--hairline);margin:22px 0}.framework-connection a{font-weight:600;text-decoration:underline;text-underline-offset:4px}.framework-limits{margin-top:16px;max-width:850px}.framework-limits summary{cursor:pointer;padding:14px 0;font-weight:600;min-height:48px}.framework-limits p{line-height:1.7}.framework-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.framework-explorer button:focus-visible,.framework-explorer a:focus-visible,.framework-explorer summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:720px){.framework-layout{grid-template-columns:1fr;gap:18px}.framework-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.framework-choices button{align-items:flex-start;padding:12px;gap:8px;flex-wrap:wrap;font-size:14px;min-height:96px}.framework-choices button>span:nth-child(2){flex:1;min-width:0}.framework-selected{width:100%;margin-left:22px}.framework-panel{padding:22px}.framework-panel h3{font-size:27px}.framework-explorer{margin-top:24px}}
@media(max-width:360px){.framework-choices{grid-template-columns:1fr}.framework-choices button{min-height:68px}.framework-selected{width:auto;margin-left:auto}}

.framework-other{padding-top:24px;max-width:850px}.framework-other h3{font-size:26px}.framework-other .actions{flex-wrap:wrap}.framework-other a{white-space:normal}