.lib-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:36px 0 24px;display:grid}.lib-head .lede{color:var(--ink-2);max-width:30em;margin:0;font-size:20px}.shelf{padding:40px 0 8px}.shelf h2{margin-bottom:8px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}.shelf .lede{color:var(--ink-2);margin:0}.shelf .covers{margin-top:24px}.lib-head h1{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(2.8rem,6vw,4.6rem);font-weight:800}.pack{width:min(1160px,100% - 32px);margin-inline:auto}.crumb{color:var(--ink-2);margin:8px 0 0;font-size:14px}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--ink)}.intro{background:var(--cg);color:var(--ci);border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-top:12px;padding:40px clamp(20px,4vw,48px) 0;display:grid;overflow:hidden}.intro>div{padding-bottom:40px}.intro .lede,.intro .facts{color:var(--ci);opacity:.9}.intro .tag{background:var(--cw);color:var(--cwi);border-radius:999px;margin-right:6px;padding:3px 10px;font-size:12px;font-weight:800}.intro h1{margin-bottom:10px;font-size:clamp(2.8rem,6vw,4.6rem);font-weight:800}.lede{max-width:28em;margin:0 0 14px;font-size:21px}.facts{color:var(--ink-2);margin:0;font-size:15px}.deefig{align-items:center;gap:14px;margin:0;display:flex}.deefig img{width:140px;height:auto}.deefig figcaption{color:#2a211b;max-width:210px;box-shadow:0 4px 12px var(--shadow);background:#fff;border-radius:16px 16px 4px;padding:10px 14px;font-size:14px;font-weight:600}.cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:64px;padding:16px 0 24px;display:grid}.cols h2{margin:44px 0 12px;font-size:26px;font-weight:800}.cols>div>p{max-width:62ch}.ba{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ba>div{background:var(--card);box-shadow:0 1px 2px var(--shadow), 0 10px 24px var(--shadow);border-radius:22px;padding:20px}.ba h3{color:var(--label);letter-spacing:0;margin-bottom:10px;font-size:14px;font-weight:700}.ba .msg{background:var(--tint);border-radius:14px;margin:0 0 12px;padding:12px 14px;font-size:15px}.ba .how{color:var(--ink-2);margin:0;font-size:14px}.ba .how b{color:var(--ink)}.chip{background:var(--kb-key);color:var(--kb-ink);box-shadow:0 1px 0 var(--kb-shadow);border-radius:7px;padding:1px 9px;font-size:13px;display:inline-block}.why{gap:4px 0;max-width:62ch;margin:0;display:grid}.why dt{margin-top:12px;font-weight:800}.why dd{color:var(--ink-2);margin:0}.samples{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.samples li{background:var(--card);box-shadow:0 1px 2px var(--shadow), 0 8px 20px var(--shadow);border-radius:18px;padding:16px 18px;scroll-margin-top:16px}.samples b{margin-bottom:6px;font-size:16px;display:block}.samples p{color:var(--ink-2);margin:0;font-size:15px}.samples small{color:var(--label);margin-top:8px;font-size:13px;display:block}.blank{background:var(--tint);color:var(--ink);border-radius:6px;padding:0 6px;font-size:.92em;display:inline-block}.more{border:1.5px dashed var(--hair);border-radius:18px;margin-top:26px;padding:20px 22px}.more h3{margin-bottom:12px;font-size:17px;font-weight:800}.titles{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.titles li{background:var(--tint);border-radius:999px;padding:6px 12px;scroll-margin-top:16px;font-size:14px;font-weight:600}:is(.samples,.titles) li:target{outline:2px solid var(--accent);outline-offset:2px}.note{color:var(--ink-2);margin:16px 0 0;font-size:15px}.buy{background:var(--card);box-shadow:0 1px 2px var(--shadow), 0 12px 28px var(--shadow);border-radius:24px;padding:24px;position:sticky;top:20px}.buy h2{margin:0 0 6px;font-size:21px}.buy p{color:var(--ink-2);margin:0 0 16px;font-size:15px}.buy .get-app{justify-content:center;width:100%}.related{margin-top:18px;padding:20px 24px}.related h3{margin-bottom:6px;font-size:15px}.related a{color:var(--ink);padding:5px 0;font-weight:600;text-decoration:none;display:block}.related a:hover{color:var(--accent)}@media (width<=900px){.intro,.lib-head{grid-template-columns:minmax(0,1fr) 96px;align-items:end}.intro{border-radius:26px;padding-top:28px}.deefig img{width:96px}.deefig figcaption{display:none}.cols{grid-template-columns:minmax(0,1fr);gap:32px}.ba{grid-template-columns:minmax(0,1fr)}.buy{position:static}}