.hr-quick{padding-top:8px;padding-bottom:8px;scroll-margin-top:96px}.hr-quick-label{margin:0 0 10px}.hr-live-demo{min-width:0;scroll-margin-top:96px}.hr-quick-code{max-width:720px;min-width:0}.hr-recipes{padding-top:24px}.hr-recipe{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start;padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:96px}.hr-recipe:first-child{border-top:0;padding-top:0}.hr-recipe .cp-eyebrow code{font-family:var(--font-mono);font-size:13px;text-transform:none;letter-spacing:0}.hr-recipe .cp-h2--sm{margin:10px 0 0}.hr-recipe .cp-story-lede code,.hr-recipe-note code{font-family:var(--font-mono);font-size:.88em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}.hr-recipe-note{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.55;color:var(--ink);max-width:48ch}.hr-recipe-code{min-width:0}@media (max-width:1080px){.hr-recipe{grid-template-columns:minmax(0,1fr)}}.hr-ref{padding-top:24px;padding-bottom:24px}.hr-ref-block{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start;padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:96px}.hr-ref-block:first-child{border-top:0;padding-top:0}.hr-ref .cp-h2--sm{margin:10px 0 0}.hr-ref .cp-eyebrow code{font-family:var(--font-mono);font-size:13px;text-transform:none;letter-spacing:0}.hr-ref-body{min-width:0}.hr-table-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-x:auto}.hr-table{width:100%;border-collapse:collapse}.hr-table td,.hr-table th{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.55}.hr-table thead th{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2)}.hr-table tbody th{width:32%;font-weight:600;color:var(--ink)}.hr-table td{color:var(--ink-2)}.hr-table tbody tr:last-child td,.hr-table tbody tr:last-child th{border-bottom:0}.hr-gotchas code,.hr-table code{font-family:var(--font-mono);font-size:.88em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}.hr-gotchas{list-style:none;margin:0;padding:0;display:grid;gap:12px}.hr-gotchas li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.hr-gotcha-n{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent-text);background:var(--accent-soft)}.hr-gotchas h3{margin:2px 0 4px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.hr-gotchas p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.hr-sources{margin:8px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.6;color:var(--ink-3)}.hr-sources-label{font-weight:700;color:var(--ink-2)}.hr-sources a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;overflow-wrap:anywhere}.hr-sources a:hover{color:var(--accent-text)}.hr-td-docs{width:1%;white-space:nowrap}.hr-table a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.hr-table a:hover{color:var(--accent-text)}.hr-ref-block--wide{grid-template-columns:minmax(0,1fr);gap:20px}.hr-ref-block--wide .hr-ref-copy{max-width:760px}.hr-table--wide{min-width:640px}.hr-table--wide tbody th{width:22%;background:var(--surface)}.hr-table--wide tbody th,.hr-table--wide thead th:first-child{position:sticky;left:0;z-index:1}.hr-table-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;font-size:14px;line-height:1.55;color:var(--ink)}.hr-table-note code{font-family:var(--font-mono);font-size:.88em}.hr-table-sources{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--ink-3)}.hr-table-sources a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;overflow-wrap:anywhere}.hr-table-sources a:hover{color:var(--accent-text)}.hr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1080px){.hr-ref-block{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.hr-table td,.hr-table th{padding:11px 10px}}.hr-related{padding-top:16px;padding-bottom:16px}.hr-related .cp-h2--sm{margin:10px 0 18px}.hr-related-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hr-related-grid>li{display:flex;min-width:0}.hr-related-link{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s ease}.hr-related-link:hover{border-color:var(--accent)}.hr-related-link:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.hr-related-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.hr-related-desc{font-size:14px;line-height:1.55;color:var(--ink-2)}@media (max-width:760px){.hr-related-grid{grid-template-columns:minmax(0,1fr)}}.hr-nav-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hr-nav-grid>li,.hr-nav-link{display:flex;min-width:0}.hr-nav-link{flex:1;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s ease}a.hr-nav-link:hover{border-color:var(--accent)}a.hr-nav-link:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.hr-nav-link.is-current{background:var(--accent-soft);border-color:var(--accent)}.hr-nav-title{font-size:14.5px;font-weight:600;line-height:1.3}.hr-nav-meta{font-family:var(--font-mono);overflow-wrap:anywhere}.hr-nav-meta,.hr-nav-sub{font-size:12px;color:var(--ink-3)}.hr-nav-sub{margin:24px 0 10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media (max-width:1080px){.hr-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.hr-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.hr-nav-grid{grid-template-columns:minmax(0,1fr)}}