.qp .bp-grid{display:grid;grid-template-columns:1fr;gap:22px;margin:26px 0 0;padding:0;list-style:none;counter-reset:none}.qp .bp-item{display:flex;flex-direction:column}.qp .bp-shot{display:block;border-radius:10px;overflow:hidden;outline:1px solid oklch(0 0 0 / .12);outline-offset:-1px;background:var(--surface);transition:transform .16s var(--ease-out)}.qp .bp-shot img{display:block;width:100%;height:auto}.qp .bp-shot:hover{transform:translateY(-2px)}.qp .bp-step{margin:12px 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}.qp .bp-caption{margin:0;font-size:14px;line-height:1.6;color:var(--body);text-wrap:pretty}@media(prefers-reduced-motion:reduce){.qp .bp-shot,.qp .bp-shot:hover{transition:none;transform:none}}@media(prefers-color-scheme:dark){:root:not(.light) .qp .bp-shot{outline-color:#ffffff1f}}.dark .qp .bp-shot{outline-color:#ffffff1f}.qp .bp-shot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:620px){.qp .bp-grid{grid-template-columns:repeat(2,1fr)}}.qp .oc-book-cover{margin:0 0 16px;max-height:260px;overflow:hidden}.qp .oc-book-cover img{object-fit:cover;object-position:top center;max-height:260px}.qp .oc-book-inside{margin:0 0 16px}.qp .oc-book-inside>summary{cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;min-height:40px;border:1px solid var(--edge);border-radius:var(--r-btn);font-size:14px;font-weight:600;color:var(--ink);list-style:none;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),transform .14s var(--ease-out)}.qp .oc-book-inside>summary::-webkit-details-marker{display:none}.qp .oc-book-inside>summary:before{content:"";width:7px;height:7px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;translate:0 -2px;rotate:45deg;transition:rotate .18s var(--ease-out)}.qp .oc-book-inside[open]>summary:before{rotate:225deg;translate:0 1px}.qp .oc-book-inside>summary:hover{background:var(--surface-soft)}.qp .oc-book-inside>summary:active{scale:.96}.qp .oc-book-inside[open]>summary{border-color:var(--accent);color:var(--accent)}.qp .oc-book-inside .bp-grid{grid-template-columns:1fr;margin:18px 0 0}.qp .oc-book-free{margin:8px 0 0;font-size:12.5px;color:var(--muted);text-align:center}@media(prefers-reduced-motion:reduce){.qp .oc-book-inside>summary,.qp .oc-book-inside>summary:before,.qp .oc-book-inside>summary:active{transition:none;scale:1}}