.hook-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hook-actions{display:flex;gap:8px;flex-shrink:0;padding-top:4px}.page-doc .hook-action{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:13.5px;font-weight:700;color:var(--charcoal);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .12s,color .15s}.page-doc .hook-action:hover{border-color:#cbd5e1;box-shadow:0 8px 20px -12px #0f172a29;transform:translateY(-1px);color:var(--slate)}.hook-action svg{width:17px;height:17px;fill:currentColor}.page-doc .install{border:1px solid var(--line);border-radius:14px;padding:24px 26px 20px;margin:36px 0 8px;background:var(--bg-soft);scroll-margin-top:80px}.page-doc .install h2{margin:0 0 12px;font-size:20px}.page-doc .install p{margin:0 0 14px}.page-doc .install-code{position:relative;background:var(--slate);color:#cbd5e1;border-radius:10px;padding:16px 18px;overflow-x:auto;margin:0 0 14px}.page-doc .install-copy{position:absolute;top:8px;right:8px;font:inherit;font-size:12px;line-height:1;color:#cbd5e1;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:5px 9px;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.page-doc .install-code:hover .install-copy,.page-doc .install-copy:focus-visible{opacity:1}.page-doc .install-copy:hover{background:#ffffff29}.page-doc .install-code code{background:none;border:0;padding:0;color:inherit;font-size:13px;line-height:1.6;white-space:pre}.page-doc .install-foot{font-size:13.5px;color:var(--muted);margin:0}.page-doc .os-tabs{margin:8px 0 14px}.page-doc .os-tabs>input{position:absolute;opacity:0;pointer-events:none}.page-doc .os-tab-labels{display:flex;gap:4px}.page-doc .os-tab-labels label{cursor:pointer;padding:6px 13px;font-size:13px;color:var(--muted);background:none;border:1px solid var(--border, #e2e8f0);border-bottom:none;border-radius:8px 8px 0 0;user-select:none}.page-doc .os-panel{display:none;border-top-left-radius:0}.page-doc #os-lx:checked~.os-tab-labels label[for=os-lx],.page-doc #os-la:checked~.os-tab-labels label[for=os-la],.page-doc #os-mac:checked~.os-tab-labels label[for=os-mac]{color:#cbd5e1;background:var(--slate);border-color:var(--slate)}.page-doc #os-lx:checked~.os-panel.p-lx,.page-doc #os-la:checked~.os-panel.p-la,.page-doc #os-mac:checked~.os-panel.p-mac{display:block}.page-doc .hook-bench{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.92rem;font-variant-numeric:tabular-nums}.page-doc .hook-bench th,.page-doc .hook-bench td{padding:.55rem .4rem;text-align:left;border-bottom:1px solid var(--border, #1e293b)}.page-doc .hook-bench th:first-child,.page-doc .hook-bench td:first-child{width:99%;padding-left:0}.page-doc .hook-bench th:not(:first-child),.page-doc .hook-bench td:not(:first-child){text-align:right;white-space:nowrap;width:4.5rem;padding-left:1.4rem}.page-doc .hook-bench thead th{font-weight:600;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom-width:2px}.page-doc .hook-bench tbody tr:last-child td{border-bottom:none}.page-doc .hook-bench .bench-note{color:var(--muted);font-weight:400;font-size:.85em}.page-doc .intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.hook-tag{font-size:17px;font-weight:600;color:#4d7c0f}.hook-status{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hook-status.status-available{color:#4d7c0f}.hook-status.status-coming-soon,.hook-status.status-example{color:#b45309}.hook-status.status-idea{color:var(--muted)}.hook-back{margin-top:28px}.hook-back a{font-weight:700}.page-doc .spotlight{background:#f7fee7;border:1px solid #d9f99d;border-radius:16px;padding:28px 28px 24px;margin:40px 0 8px}.spotlight-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4d7c0f;margin:0 0 8px}.page-doc .spotlight-title{font-size:22px;font-weight:800;color:var(--slate);margin:0 0 12px;scroll-margin-top:84px}.page-doc .spotlight-blurb{font-size:15.5px;color:#334155;line-height:1.7;margin:0 0 18px}.spotlight-links{display:flex;flex-wrap:wrap;gap:10px}.page-doc .spotlight-link{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d9f99d;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:700;color:#4d7c0f;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .12s}.page-doc .spotlight-link:hover{border-color:#bef264;box-shadow:0 8px 20px -12px #0f172a2e;transform:translateY(-1px);color:var(--slate)}.spotlight-link svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.page-doc .spotlight-foot{font-size:13px;color:var(--muted);line-height:1.6;margin:18px 0 0}
