.four-layers-page{background:var(--light-bg);color:var(--light-fg)}.four-layers-page h1,.four-layers-page h2,.four-layers-page h3{letter-spacing:0}.four-layers-page a:focus-visible,.four-layers-page button:focus-visible{outline:3px solid var(--light-fg);outline-offset:5px}.four-layers-page .framework-hero{background:var(--background);color:var(--on-dark)}.four-layers-page .framework-hero a:focus-visible{outline-color:var(--on-dark)}.four-layers-page .framework-inline{text-decoration:underline;-webkit-text-decoration-color:var(--amber-ink);text-decoration-color:var(--amber-ink);text-underline-offset:4px;text-decoration-thickness:2px}.four-layers-page .framework-inline:hover{color:var(--amber-ink)}.four-layers-page .framework-section{scroll-margin-top:7rem}.four-layers-page .framework-table th{background:var(--ink);color:var(--on-dark)}.four-layers-page .framework-table td,.four-layers-page .framework-table th{vertical-align:top;text-align:left;padding:1.25rem}.four-layers-page .framework-table tbody tr{border-bottom:1px solid var(--light-border)}.four-layers-page .framework-table tbody th{background:var(--light-bg);color:var(--light-fg);border-left:4px solid var(--amber)}.four-layers-page .framework-example{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}@media(max-width:767px){.four-layers-page .framework-example{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html:has(.four-layers-page){scroll-behavior:auto}.four-layers-page *{transition:none!important;animation:none!important}}