.haos-pd{padding:clamp(40px, 6vw, 88px) var(--haos-pad) clamp(48px, 7vw, 96px);border-top:1px solid var(--haos-line);color:var(--haos-ink)}.haos-pd-breadcrumb{font:500 11px/1 var(--haos-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--haos-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(28px,4vw,44px);display:flex}.haos-pd-breadcrumb a{color:var(--haos-muted);text-decoration:none;transition:color .2s}.haos-pd-breadcrumb a:hover{color:var(--haos-ink)}.haos-pd-breadcrumb span[aria-hidden=true]{color:var(--haos-line)}.haos-pd-breadcrumb span[aria-current=page]{color:var(--haos-ink)}.haos-pd-head{border-bottom:1px solid var(--haos-line);padding-bottom:clamp(28px,4vw,44px)}.haos-pd-eyebrow{font:500 12px/1 var(--haos-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--haos-muted);border-left:3px solid var(--haos-yellow);margin-bottom:18px;padding-left:12px;display:inline-block}.haos-pd-title{font:800 clamp(34px, 5.5vw, 68px)/1 var(--haos-display);letter-spacing:-.02em;color:var(--haos-ink);margin:0}.haos-pd-summary{max-width:640px;color:var(--haos-ink);margin:20px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.55}.haos-pd-body{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:start;gap:clamp(32px,5vw,72px);margin-top:clamp(36px,5vw,60px);display:grid}.haos-pd-main{gap:clamp(32px,4vw,52px);display:grid}.haos-pd-block{gap:16px;display:grid}.haos-pd-label{font:500 12px/1 var(--haos-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--haos-muted);border-bottom:1px solid var(--haos-line);padding-bottom:12px}.haos-pd-desc{color:var(--haos-ink);margin:0;font-size:16px;line-height:1.7}.haos-pd-components{border-top:1px solid var(--haos-line);margin:0;padding:0;list-style:none}.haos-pd-component{border-bottom:1px solid var(--haos-line-2);grid-template-columns:minmax(140px,.4fr) 1fr;align-items:baseline;gap:clamp(16px,3vw,40px);padding:18px 0;display:grid}.haos-pd-component-label{color:var(--haos-ink);font-size:15px;font-weight:700}.haos-pd-component-desc{color:var(--haos-muted);font-size:15px;line-height:1.55}.haos-pd-aside{position:sticky;top:104px}.haos-pd-card{background:var(--haos-paper-2);border:1px solid var(--haos-line);gap:22px;padding:clamp(20px,2.4vw,28px);display:grid}.haos-pd-docs{margin:0;padding:0;list-style:none;display:grid}.haos-pd-doc{border-top:1px solid var(--haos-line-2)}.haos-pd-doc:first-child{border-top:0}.haos-pd-doc-link{color:var(--haos-ink);gap:4px;padding:16px 0;text-decoration:none;transition:padding-left .2s;display:grid}.haos-pd-doc-link:hover{padding-left:6px}.haos-pd-doc-link:focus-visible{outline:2px solid var(--haos-yellow);outline-offset:2px}.haos-pd-doc-kind{font:500 11px/1 var(--haos-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--haos-muted)}.haos-pd-doc-title{font-size:15px;font-weight:700;line-height:1.35}.haos-pd-doc-link:hover .haos-pd-doc-title{text-decoration:underline;-webkit-text-decoration-color:var(--haos-yellow);text-decoration-color:var(--haos-yellow);text-underline-offset:3px}.haos-pd-doc-meta{font:400 12px/1 var(--haos-mono);color:var(--haos-muted)}.haos-pd-empty{color:var(--haos-muted);margin:0;font-size:14px}.haos-pd-spec{border-top:1px solid var(--haos-line);gap:12px;margin:0;padding-top:20px;display:grid}.haos-pd-spec>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.haos-pd-spec dt{font:500 11px/1 var(--haos-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--haos-muted)}.haos-pd-spec dd{color:var(--haos-ink);text-align:right;margin:0;font-size:14px;font-weight:600}.haos-pd-cta{background:var(--haos-ink);color:var(--haos-paper);justify-content:center;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.haos-pd-cta:hover{background:var(--haos-yellow);color:var(--haos-ink)}.haos-pd-cta:focus-visible{outline:2px solid var(--haos-yellow);outline-offset:2px}.haos-pd-foot{border-top:1px solid var(--haos-line);margin-top:clamp(40px,6vw,72px);padding-top:28px}.haos-pd-back{font:600 14px/1 var(--haos-sans);color:var(--haos-ink);border-bottom:1px solid var(--haos-line);padding-bottom:2px;text-decoration:none;transition:border-color .2s}.haos-pd-back:hover{border-color:var(--haos-yellow)}@media (width<=880px){.haos-pd-body{grid-template-columns:1fr}.haos-pd-aside{position:static}}@media (width<=540px){.haos-pd-component{grid-template-columns:1fr;gap:4px}}