.bp-page .cp-detail-header,.bp-page .cp-directory-header{max-width:930px}.bp-page .cp-shell{padding-top:96px}.bp-page .cp-breadcrumbs{display:none}.bp-page .cp-detail-header h1,.bp-page .cp-directory-header h1{font-size:42px}.bp-directory{padding:52px 0;border-bottom:1px solid var(--cp-line)}.bp-groups{display:grid;gap:48px}.bp-group>header{margin-bottom:16px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr);gap:36px;align-items:baseline}.bp-group>header h3,.bp-group>header p{margin:0}.bp-group>header h3{font-size:20px}.bp-group>header p{color:var(--cp-muted);font-size:14px}.bp-guide-list{border-top:1px solid var(--cp-line)}.bp-guide-row{min-height:90px;padding:18px 0;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:28px;align-items:center;border-bottom:1px solid var(--cp-line)}.bp-guide-row>div{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:36px;align-items:baseline}.bp-guide-row strong{font-size:17px;font-weight:650}.bp-guide-row span{color:var(--cp-muted);font-size:14px}.bp-guide-row svg{justify-self:end}.bp-guide-row:focus-visible,.bp-guide-row:hover{color:var(--cp-accent)}.bp-table{min-width:900px}.bp-table th:first-child,.bp-table th:nth-child(2){width:16%}.bp-table tr>:nth-child(2){border-right:0}.bp-table tr>:nth-child(3){border-right:1px solid var(--cp-line);border-left:1px solid var(--cp-line)}.bp-table tbody th a:focus-visible,.bp-table tbody th a:hover{color:var(--cp-accent)}.bp-picks{padding-top:52px}.bp-picks-heading{margin-bottom:0;padding-bottom:24px}.bp-pick,.bp-picks-heading{border-bottom:1px solid var(--cp-line)}.bp-pick{padding:42px 0;scroll-margin-top:96px}.bp-pick-title{margin-bottom:22px;display:grid;grid-template-columns:38px minmax(0,auto) 1fr;gap:12px;align-items:start}.bp-pick-title p,.bp-pick-title>span{color:var(--cp-muted);font-size:13px}.bp-pick-title h3,.bp-pick-title p{margin:0}.bp-pick-title h3{font-size:21px}.bp-pick-title a{display:inline-flex;align-items:center;gap:6px;justify-self:end;color:var(--cp-accent);font-size:14px;font-weight:650}.bp-pick-featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:38px;align-items:start}.bp-screenshot{margin:0}.bp-screenshot img{width:100%;height:auto;display:block;border:1px solid var(--cp-line);border-radius:8px;background:#fff;object-fit:cover;aspect-ratio:8/5;object-position:top}.bp-screenshot figcaption{margin-top:8px;color:var(--cp-muted);font-size:13px}.bp-pick-compact{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:38px;align-items:start}.bp-summary{margin:0;color:var(--cp-muted)}.bp-facts{margin:0}.bp-facts>div{padding:12px 0;border-top:1px solid var(--cp-line)}.bp-facts dt{color:var(--cp-muted);font-size:13px;font-weight:650}.bp-facts dd{margin:4px 0 0}.bp-method ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cp-line);list-style:none}.bp-method li{padding:18px 24px 18px 0;display:grid;gap:4px;border-bottom:1px solid var(--cp-line)}.bp-method li:nth-child(2n){padding-right:0;padding-left:24px;border-left:1px solid var(--cp-line)}.bp-method li span{color:var(--cp-muted);font-size:14px}.bp-sources{padding:48px 0;border-bottom:1px solid var(--cp-line)}.bp-sources>p{max-width:820px;margin:14px 0 22px;color:var(--cp-muted)}.bp-sources ul{margin:0;padding:0;border-top:1px solid var(--cp-line);list-style:none}.bp-sources li{padding:13px 0;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:center;gap:24px;border-bottom:1px solid var(--cp-line)}.bp-sources a{display:inline-flex;align-items:center;gap:7px;color:var(--cp-accent);font-weight:650}.bp-sources li>span{color:var(--cp-muted);font-size:13px}@media (max-width:760px){.bp-page .cp-detail-header h1,.bp-page .cp-directory-header h1{font-size:34px}.bp-group>header,.bp-guide-row>div,.bp-method ol,.bp-pick-compact,.bp-pick-featured{grid-template-columns:1fr}.bp-group>header,.bp-guide-row>div,.bp-pick-compact,.bp-pick-featured{gap:10px}.bp-pick-featured{gap:24px}.bp-method li:nth-child(2n){padding-left:0;border-left:0}.bp-sources li{grid-template-columns:1fr;align-items:flex-start;gap:4px}}