.skill-main{--skill-ink:#e9f2ff;--skill-muted:#aebed4;--skill-blue:#73a9ff;--skill-yellow:#f4cf58;--skill-field:#111a2b}.skill-hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.skill-hero .content-hero-copy{max-width:680px}.skill-hero .content-hero-visual{align-self:stretch;align-items:center;display:flex}.skill-field{background:var(--skill-field);min-height:clamp(420px,47vw,620px);color:var(--skill-ink);border-color:#334763;padding:clamp(18px,3vw,34px)}.skill-field svg{width:100%;height:auto;overflow:visible}.skill-field-paper{fill:#172238;stroke:#607a9e;stroke-width:1.5px}.skill-field-grid path,.skill-field-guides path{fill:none;vector-effect:non-scaling-stroke}.skill-field-grid path{stroke:#3c5271;stroke-width:1px;opacity:.56}.skill-field-guides path{stroke:var(--skill-yellow);stroke-width:1.5px;stroke-dasharray:5 7;opacity:.9}.skill-field-guides circle,.skill-field-point{fill:var(--skill-yellow)}.skill-field-frame{fill:color-mix(in srgb, var(--skill-blue) 15%, transparent);stroke:var(--skill-blue);stroke-width:2px;vector-effect:non-scaling-stroke}.skill-field-accent{fill:none;stroke:var(--skill-blue);stroke-width:2px;vector-effect:non-scaling-stroke}.skill-field-labels{fill:#d6e5fb;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.skill-field-legend{color:var(--skill-muted);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;font-size:11px;line-height:16px;display:flex;position:absolute;bottom:clamp(16px,3vw,30px);right:clamp(18px,3vw,34px)}.skill-field-legend span{align-items:center;gap:7px;display:inline-flex}.skill-swatch{background:var(--skill-blue);border-radius:50%;width:8px;height:8px;display:inline-block}.skill-swatch.is-yellow{background:var(--skill-yellow)}.skill-definition-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:30px 0 0;display:grid}.skill-definition-list>div{border-top:1px solid var(--portal-line);padding:18px 0 20px}.skill-definition-list dt{color:var(--portal-ink);letter-spacing:-.02em;font-size:16px;font-weight:680}.skill-definition-list dd{color:var(--portal-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.skill-heading-note{max-width:31ch;color:var(--portal-muted);margin:25px 0 0;font-size:14px;line-height:1.55}.skill-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.skill-example{min-width:0;margin:0}.skill-example-art{border:1px solid var(--portal-ink);background:#111a2b;overflow:hidden}.skill-example-art svg{width:100%;height:auto;display:block}.example-paper{fill:#f4f1ea}.example-line,.example-guide,.example-rule{fill:none;vector-effect:non-scaling-stroke}.example-line{stroke:#b9c7d7;stroke-width:1px}.example-guide{stroke:#5f81ad;stroke-width:1px;stroke-dasharray:4 5}.example-block{fill:#73a9ff;fill-opacity:.82}.example-dot{fill:#f0c94f}.example-type-xl,.example-type-lg,.example-type-md,.example-type-sm,.skill-example-art text{fill:#172238;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.example-type-xl{letter-spacing:-.08em;font-size:54px;font-weight:650}.example-type-lg{letter-spacing:-.06em;font-size:34px;font-weight:650}.example-type-md{letter-spacing:-.04em;font-size:22px;font-weight:550}.example-type-sm,.skill-example-art text{letter-spacing:.1em;font-size:10px;font-weight:700}.example-check{fill:none;stroke:#27755c;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.example-rule{stroke:#7c8ea4;stroke-width:1.5px}.skill-example figcaption{gap:6px;padding-top:12px;display:grid}.skill-example figcaption strong{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.skill-example figcaption span{color:var(--portal-muted);font-size:13px;line-height:1.45}.skill-install-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.skill-install-card{border:1px solid var(--content-accent-line);background:color-mix(in srgb, var(--content-accent-ink) 6%, transparent);padding:22px}.skill-card-label{color:var(--content-accent-ink);letter-spacing:.1em;margin:0;font-size:11px;font-weight:750;line-height:16px}.skill-install-card h3{color:var(--content-accent-ink);letter-spacing:-.035em;margin:17px 0 18px;font-size:20px;line-height:1.1}.skill-install-card pre{color:var(--content-accent-ink);background:color-mix(in srgb, var(--content-accent-ink) 9%, transparent);white-space:pre;margin:0;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.skill-install-card code{font:inherit}.skill-install-card>p:last-child,.skill-install-note{color:var(--content-accent-muted);font-size:13px;line-height:1.55}.skill-install-card>p:last-child{margin:15px 0 0}.skill-install-card>p:last-child code,.skill-install-note code{color:var(--content-accent-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.skill-install-note{margin:18px 0 0}.skill-contract-table th,.skill-contract-table td{vertical-align:top}.skill-license-note{margin-top:24px}@media (width<=900px){.skill-hero{grid-template-columns:1fr}.skill-hero .content-hero-visual{align-self:auto}.skill-example-grid,.skill-install-grid{grid-template-columns:1fr}}@media (width<=560px){.skill-definition-list{grid-template-columns:1fr}.skill-field{min-height:360px;padding:12px}.skill-field-legend{justify-content:flex-start;margin-top:10px;position:static}.skill-install-card{padding:16px}.skill-install-card pre{margin-inline:-2px;font-size:11px}}