.qp .ocp-page>section{padding:56px 0;border-top:1px solid var(--hairline-soft)}.qp .ocp-page>section:first-of-type{border-top:0}.qp .ocp-wrap{margin:0 auto;max-width:980px;padding:0 20px}.qp .ocp-hero{padding:40px 0 28px}.qp .ocp-eyebrow{margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.qp .ocp-lede{margin:16px 0 0;max-width:62ch;color:var(--body);font-size:17px;line-height:1.65}.qp .ocp-body{margin:0 0 16px;max-width:68ch;color:var(--body);font-size:16.5px;line-height:1.7}.qp .ocp-note{margin:14px 0 0;max-width:68ch;color:var(--muted);font-size:14.5px;line-height:1.6}.qp .ocp-fine{margin:14px 0 0;max-width:72ch;color:var(--muted-soft);font-size:13.5px;line-height:1.6}.qp .ocp-builder{display:grid;gap:6px;padding:6px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--hairline)}@media(min-width:1024px){.qp .ocp-builder{grid-template-columns:minmax(300px,5fr) 7fr;grid-template-areas:"controls result" "presets  result";align-items:start}.qp .ocp-controls{grid-area:controls}.qp .ocp-result{grid-area:result}.qp .ocp-presets{grid-area:presets}}.qp .ocp-controls{display:grid;gap:16px;align-content:start;padding:6px;border-radius:var(--r-btn);background:var(--surface-soft)}.qp .ocp-controls>*{padding:0 12px}.qp .ocp-controls>:first-child{padding-top:12px}.qp .ocp-controls>:last-child{padding-bottom:12px}.qp .ocp-reset{margin:0;padding:0;border:0}.qp .ocp-field>label,.qp .ocp-field>legend{display:block;margin:0 0 8px;padding:0;color:var(--ink);font-size:14.5px;font-weight:600}.qp .ocp-number{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--edge);border-radius:4px;background:var(--canvas);color:var(--ink);font:inherit;font-size:16px;font-variant-numeric:tabular-nums}.qp .ocp-hint{margin:6px 0 0;color:var(--muted-soft);font-size:13px}.qp .ocp-chips{display:flex;flex-wrap:wrap;gap:8px}.qp .ocp-chip{min-height:44px;padding:10px 14px;border:1px solid var(--edge);border-radius:var(--r-pill);background:var(--canvas);color:var(--body);font:inherit;font-size:14.5px;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.qp .ocp-chip:active{transform:scale(.96)}.qp .ocp-chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:600}.qp .ocp-result{display:block}.qp .ocp-card{padding:18px;border-radius:var(--r-btn);background:var(--accent-soft)}.qp .ocp-card-quiet{background:var(--surface-soft)}.qp .ocp-headline{margin:0;color:var(--ink);font-size:18px;font-weight:600;line-height:1.5}.qp .ocp-sub{margin:14px 0 0;color:var(--body);font-size:15px;line-height:1.65}.qp .ocp-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.qp .ocp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0 0}.qp .ocp-stats>div{padding:10px 12px;border-radius:4px;background:var(--surface)}.qp .ocp-stats dt{margin:0 0 4px;color:var(--muted);font-size:13px}.qp .ocp-stats dd{margin:0;color:var(--ink);font-size:19px;font-weight:600}.qp .ocp-chapters{margin:18px 0 0}.qp .ocp-chapters-label{margin:0 0 8px;color:var(--muted);font-size:13.5px;font-weight:600}.qp .ocp-chapter-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.qp .ocp-chapter-list li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:baseline;padding:8px 12px;border-radius:4px;background:var(--surface);font-size:15px}.qp .ocp-ch-no{color:var(--muted-soft);font-size:13px;text-align:right}.qp .ocp-ch-title{color:var(--ink)}.qp .ocp-ch-take{color:var(--muted);font-size:13.5px;white-space:nowrap}.qp .ocp-presets-label{margin:0 0 8px;color:var(--muted);font-size:13.5px}.qp .ocp-preset{display:inline-flex;gap:8px;align-items:baseline;min-height:44px;padding:10px 14px;border:1px dashed var(--edge);border-radius:var(--r-pill);background:transparent;color:var(--body);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:transform .16s var(--ease-out)}.qp .ocp-preset:active{transform:scale(.96)}.qp .ocp-preset-min{color:var(--muted-soft);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.qp .ocp-table-scroll{overflow-x:auto}.qp .ocp-table{width:100%;border-collapse:collapse;font-size:15px}.qp .ocp-table caption{margin:0 0 12px;color:var(--muted);font-size:13.5px;text-align:left}.qp .ocp-table th,.qp .ocp-table td{padding:12px 14px;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}.qp .ocp-table thead th{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.qp .ocp-table tbody th{color:var(--ink);font-weight:600}.qp .ocp-table .ocp-us th,.qp .ocp-table .ocp-us td{background:var(--accent-soft)}.qp .ocp-cost{font-variant-numeric:tabular-nums;white-space:nowrap}.qp .ocp-voices{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0 0;padding:0;list-style:none}.qp .ocp-voice{margin:0;padding:16px;border-radius:var(--r-card);background:var(--surface-soft)}.qp .ocp-voice blockquote{margin:0;color:var(--ink);font-size:15.5px;line-height:1.6}.qp .ocp-voice figcaption{margin:10px 0 0;color:var(--muted-soft);font-size:13px}.qp .ocp-toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0}.qp .ocp-toc a{color:var(--muted);font-size:14.5px;text-decoration:none;border-bottom:1px solid var(--hairline)}.qp .ocp-toc a:hover{color:var(--ink)}.qp .ocp-list{margin:0;padding:0 0 0 20px;color:var(--body)}.qp .ocp-list li{margin:0 0 10px;font-size:16px;line-height:1.65}.qp .ocp-faq{margin:0}.qp .ocp-faq>div{padding:18px 0;border-bottom:1px solid var(--hairline-soft)}.qp .ocp-faq dt{margin:0 0 8px;color:var(--ink);font-size:17px;font-weight:600}.qp .ocp-faq dd{margin:0;color:var(--body);font-size:16px;line-height:1.7}.qp .ocp-page a:focus-visible,.qp .ocp-page button:focus-visible,.qp .ocp-page input:focus-visible,.qp .ocp-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.qp .ocp-chip,.qp .ocp-preset{transition:none}.qp .ocp-chip:active,.qp .ocp-preset:active{transform:none}}@media(max-width:640px){.qp .ocp-page>section{padding:40px 0}.qp .ocp-chapter-list li{grid-template-columns:24px 1fr}.qp .ocp-ch-take{grid-column:2}}