.icon{position:relative;overflow:hidden;vertical-align:middle;object-fit:contain;transform-origin:center center;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}footer{border-top:1px solid var(--border);background:var(--surface);padding:5rem var(--prs-page-padding-side) 3rem}.footer-brand,footer nav{max-width:120rem;margin-inline:auto}.footer-brand a{display:inline-flex;gap:1rem;align-items:center;color:var(--fg);font-size:1.8rem;letter-spacing:-.03em}.footer-brand img{width:2rem;height:2.8rem}.footer-brand p{margin:.6rem 0 3rem;color:var(--fg2);font-size:1.4rem}footer nav{display:flex;gap:1rem 2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border);color:var(--fg2);font-size:1.3rem}footer nav a{color:var(--fg2);text-decoration:none;border-bottom:1px dashed transparent}footer nav a:hover{border-bottom-color:var(--primary);color:var(--primary-strong)}footer .license{flex-grow:1;text-align:right}footer .license a{color:var(--primary-strong)}@media(max-width:680px){footer .license{flex-basis:100%;text-align:left}}.breadcrumbs{display:inline-flex;gap:.6rem;align-items:center;font-size:1.3rem;color:var(--heading);margin-bottom:2.4rem}.guide .breadcrumbs a{text-decoration:none}.guide .breadcrumbs a:hover{color:var(--primary)}.guide h1{margin-bottom:4rem;font-size:clamp(3.4rem,4vw,5rem)}.guide-grid{display:grid;gap:2.4rem}.guide-row{display:grid;gap:clamp(2.4rem,5vw,6rem);grid-template-columns:2fr 3fr;align-items:start;padding:2.4rem 0;border-top:1px solid var(--border)}.guide-row .col{min-width:0}.guide-row pre{margin-top:0}.guide-row>:only-child{grid-column:1 / -1}@media(max-width:960px){.guide-row{grid-template-columns:1fr}.guide-row>:only-child{grid-column:auto}}.example-link{display:block;padding:.8rem 1rem;color:var(--fg2);text-decoration:none;border-radius:6px}.example-link:hover{background:var(--surface-raised);color:var(--primary-strong)}section{border-bottom:1px solid var(--border)}.examples{position:relative;padding:clamp(6rem,8vw,10rem) 0;overflow:hidden;isolation:isolate}.examples__bg{position:absolute;inset:0;background:radial-gradient(55rem 35rem at 100% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 75%);pointer-events:none;z-index:0}.examples__inner{position:relative;z-index:1;max-width:132rem;margin:0 auto;padding:0 var(--prs-page-padding-side)}.examples__head{position:static;display:grid;gap:.6rem;margin-bottom:4rem}.examples__title{font-size:clamp(3.4rem,4.2vw,5.8rem);line-height:1.05;margin:0;text-align:left;margin-bottom:1rem}.examples__lead{margin:0;color:var(--fg2);font-size:1.7rem;text-align:left}.example-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}@media(max-width:1100px){.example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.example-groups{grid-template-columns:1fr}}.example-group{min-width:0;padding:2.2rem;border:1px solid var(--border);background:var(--surface);border-radius:12px}.example-group__title{margin:0 0 1.4rem;padding:0 0 1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:var(--heading);border-bottom:1px solid var(--border);font-weight:700}.example-list{list-style:none;padding:0;margin:0;display:grid;gap:.2rem}.example-list li{min-width:0}main.guides{display:block;padding-top:var(--height);max-width:none}