/* One question per page: /cards/<slug>.html and /<lang>/cards/<slug>.html.
   Generated by build-card-pages.py from data/cards.js. The answer is in the HTML
   itself, not drawn in by script, so search engines and screen readers get it whole. */
.cp{max-width:760px;margin:0 auto;padding:clamp(24px,5vw,54px) clamp(16px,4vw,32px) 80px;color:var(--ink)}
.cp .crumb{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0}
.cp .crumb a{color:var(--rose-ink,#56657A);text-decoration:none}
.cp .crumb a:hover{text-decoration:underline}
.cp-card{background:var(--card,#fff);border-radius:0 30px 30px 30px;border-left:8px solid var(--sage);
 box-shadow:0 14px 40px rgba(15,27,51,.10);padding:clamp(24px,4.5vw,44px);margin-top:18px}
.cp-card h1{font-family:var(--serif);font-weight:700;font-size:clamp(28px,4.6vw,42px);line-height:1.15;
 letter-spacing:-.01em;margin:0}
.cp-card .ans{font-size:clamp(17px,2.2vw,19px);line-height:1.65;color:var(--ink);margin:22px 0 0}
.cp-card .more{font-size:clamp(16px,2vw,17.5px);line-height:1.65;color:var(--body);margin:14px 0 0}
.cp-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cp-acts button,.cp-acts a{font:inherit;font-size:14.5px;font-weight:700;padding:10px 18px;border-radius:40px;
 border:1.5px solid var(--sage);background:#fff;color:var(--sage);cursor:pointer;text-decoration:none;
 display:inline-flex;align-items:center;gap:8px}
.cp-acts .solid{background:var(--sage);color:#fff}
.cp-acts [aria-pressed="true"]{background:var(--sage);color:#fff}
.cp-acts button:focus-visible,.cp-acts a:focus-visible,.cp a:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.cp-acts [hidden]{display:none}
.cp-note{font-size:13.5px;font-weight:700;color:var(--sage);min-height:1.2em;margin:10px 0 0}
.cp-langs{margin-top:28px;font-size:14px;color:var(--body);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.cp-langs a{color:var(--sage);font-weight:700;text-decoration:none}
.cp-langs a[aria-current]{color:var(--ink);text-decoration:underline}
.cp-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.cp-nav a{display:block;background:#fff;border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink);
 box-shadow:0 3px 10px rgba(15,27,51,.07);font-size:15px;line-height:1.35}
.cp-nav a span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-bottom:4px}
.cp-nav .nx{text-align:right}
.cp h2{font-family:var(--serif);font-size:22px;margin:40px 0 12px}
.cp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.cp-list a{display:block;padding:11px 2px;border-bottom:1px solid #E6ECF3;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.4}
.cp-list a:hover{color:var(--sage)}
.cp-foot{font-size:13px;color:var(--body);margin-top:44px;line-height:1.6}
.cp-hub h1{font-family:var(--serif);font-size:clamp(30px,5vw,46px);line-height:1.08;margin:6px 0 0}
.cp-hub .lede{font-size:16.5px;line-height:1.6;color:var(--body);max-width:60ch;margin:12px 0 0}
@media (max-width:560px){.cp-nav{grid-template-columns:1fr}.cp-nav .nx{text-align:left}}
.cp-foot a{color:var(--sage);font-weight:700;text-decoration:none}

/* who wrote it and what it was checked against, under every answer */
.cp-trust{font-size:13.5px;line-height:1.55;color:var(--body);margin:18px 0 0;padding:10px 14px;background:#EEF3F8;
 border-radius:0 12px 12px 12px;border-left:4px solid #4C8C8A}
.cp-acts a.wa{border-color:#25D366;color:#11763A}
/* Print this card: the question, the answer and the address, with room for notes */
@media print{
 .nav,.bar,.crumb,.cp-acts,.cp-note,.cp-langs,.cp-nav,.cp h2,.cp-list,.cp-org,.orgpanel{display:none!important}
 body{background:#fff}
 .cp{padding:0!important;max-width:none}
 .cp-card{box-shadow:none!important;border:1px solid #999;break-inside:avoid}
 .cp-print{display:block!important;margin-top:18px}
 .cp-print i{display:block;border-bottom:1px solid #777;height:9mm}
 .cp-foot::before{content:"protocolandpeople.org";display:block;font-weight:700;margin-bottom:6px}
}
.cp-print{display:none}