/* Cohort pages (/for/<slug>/): legal.css for type and layout, plus the overlay's pieces. */
.crumbs{font-size:13px;color:var(--muted);margin:0 0 24px}
.crumbs a{text-decoration:none;color:var(--tab)}
.crumbs a:hover{text-decoration:underline}
.pp-content .lede{margin-bottom:24px}
.for-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 30%;border-radius:24px;margin:0 0 24px;background:var(--sand)}
.pp-problem{font-size:18px;line-height:1.55;color:var(--tab)}
.pp-help{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px}
.pp-help li{display:flex;gap:12px;align-items:flex-start;margin:0;line-height:1.45}
.pp-help li span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#EAF6F1;color:var(--green-deep)}
.pp-help li span svg{width:14px;height:14px}
.for-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
.pp-wiki{display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:48px;font-weight:600;text-decoration:none}
.pp-wiki:hover{background:var(--sand)}
.for-links li a,.for-others a{font-weight:500}
.for-others{margin-top:48px;padding-top:8px;border-top:1px solid var(--hair)}
.for-others ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.for-others li{margin:0}
.for-others a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:40px;background:var(--card);border:1px solid var(--hair);text-decoration:none}