.sl-x{gap:24px;margin-top:clamp(56px,8vw,104px);display:grid}.sl-x-head{border-top:var(--sl-bw) solid var(--sl-heading);gap:10px;max-width:72ch;padding-top:20px;display:grid}.sl-x-head h2{color:var(--sl-heading);font:var(--sl-heading-weight) clamp(28px, 3.4vw, 44px) / 1.05 var(--sl-font-heading);letter-spacing:var(--sl-tracking)}.sl-x-group{gap:20px;margin-top:16px;display:grid}.sl-x-list{gap:clamp(48px,6vw,80px);display:grid}.sl-x-pat{gap:24px var(--gutter,24px);grid-template-columns:minmax(0,1fr) min(390px,100%);grid-template-areas:"desk desk""info phone";align-items:start;scroll-margin-top:24px;display:grid}.sl-x-pat-info{grid-area:info;align-content:start;gap:12px;min-width:0;display:grid}.sl-x-pat-title{color:var(--sl-heading);font:var(--sl-heading-weight) clamp(22px, 2.2vw, 30px) / 1.1 var(--sl-font-heading);letter-spacing:var(--sl-tracking)}.sl-x-pat-title a{color:inherit;text-decoration:none}.sl-x-pat-title a:hover{text-decoration:underline}.sl-x-pat-id,.sl-x-pat-link{color:var(--sl-muted);font-size:14px}.sl-x-pat-link a,.sl-x-links a{color:var(--sl-link);text-decoration:underline}.sl-x code{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.9em}.sl-x-facts{border-top:1px solid var(--sl-border);border-bottom:1px solid var(--sl-border);grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;padding:12px 0;font-size:15px;display:grid}.sl-x-facts dt{color:var(--sl-muted)}.sl-x-facts dd{color:var(--sl-text);overflow-wrap:anywhere;margin:0}.sl-x-notes{color:var(--sl-text);gap:8px;max-width:70ch;font-size:15px;display:grid}.sl-x-desk,.sl-x-phone{gap:8px;min-width:0;margin:0;display:grid}.sl-x-desk{grid-area:desk}.sl-x-phone{grid-area:phone;width:min(390px,100%)}.sl-x-desk figcaption,.sl-x-phone figcaption{color:var(--sl-muted);font-size:13px}.sl-x-desk .ref-pattern-canvas,.sl-x-phone .ref-pattern-canvas{border:1px solid var(--sl-border);border-radius:var(--sl-radius);overflow:hidden}.sl-x-links{flex-wrap:wrap;gap:8px 18px;font-size:15px;display:flex}.sl-x-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.sl-x-cards a{border:1px solid var(--sl-border);border-radius:var(--sl-radius);color:var(--sl-text);gap:4px;padding:14px 16px;text-decoration:none;display:grid}.sl-x-cards a:hover{border-color:var(--sl-heading)}.sl-x-cards strong{color:var(--sl-heading)}.sl-x-cards span{color:var(--sl-muted);font-size:14px}.sl-x-pre{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);max-height:420px;font:12.5px/1.5 var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;padding:12px 14px;overflow:auto}@media (max-width:1023px){.sl-x-pat{grid-template-columns:minmax(0,1fr);grid-template-areas:"info""phone"}.sl-x-desk{display:none}.sl-x-phone{justify-self:start}}.sl-x-facts a,.sl-x-inline{color:var(--sl-link);text-decoration:underline}.sl-x-pair{gap:16px var(--gutter,24px);grid-template-columns:minmax(0,1fr) clamp(220px,21vw,300px);grid-template-areas:"head head""desk phone""info info"}.sl-x-pat-head{grid-area:head;gap:4px;min-width:0;display:grid}.sl-x-pair .sl-x-phone{width:auto}.sl-x-pair .sl-x-pat-info{max-width:96ch}.sl-x-frame{border-radius:var(--sl-radius);box-shadow:0 0 0 1px var(--sl-border);background:var(--sl-surface)}.sl-x-pair .ref-pattern-canvas{border:0;border-radius:0}@media (max-width:1023px){.sl-x-pair{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""phone""info"}.sl-x-pair .sl-x-phone{width:min(390px,100%)}}