/* Payments in Numbers. Page components only; fonts, colours, header, footer and type come from /projects/assets/sos-projects.css. */
.pin-crumbs a{color:var(--muted)}
.pin-dek{font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:var(--muted);max-width:64ch;margin:0}
.pin-read{max-width:68ch}
.pin-read p{margin:0 0 16px;color:var(--body2)}
.pin-read h2{margin:28px 0 10px}
.pin-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.status.planned{background:transparent;border:1px solid var(--rule);color:var(--muted)}
.status.research{background:transparent;border:1px solid var(--teal);color:var(--teal)}
.pin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}
.pin-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--sheet);border:1px solid var(--rule-strong);text-decoration:none;color:var(--ink);min-width:0}
.pin-card:hover{border-color:var(--teal)}
.pin-card:hover h3{text-decoration:underline}
.pin-card .thumb{border-bottom:1px solid var(--rule);padding-bottom:12px;max-height:200px;overflow:hidden}
.pin-card .thumb svg{pointer-events:none}
.pin-card p{font-size:15px;color:var(--muted);margin:0}
.pin-rows{border-top:1px solid var(--rule)}
.pin-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.pin-row .n{font-family:var(--f-mono);color:var(--muted);font-size:14px;padding-top:2px}
.pin-row p{margin:6px 0 0;color:var(--muted);font-size:15.5px}
a.pin-row:hover h3{text-decoration:underline}
.pin-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px}
.pin-formats div{border-top:2px solid var(--teal);padding-top:12px}
.pin-formats p{font-size:15px;color:var(--muted);margin:6px 0 0}
figure.pin-fig{margin:0}
.pin-chart{background:var(--paper);border:1px solid var(--rule);padding:12px;overflow-x:auto;max-width:860px}
.pin-fig figcaption{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-top:10px;line-height:1.55;max-width:90ch}
.pin-grade{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.flag{color:var(--amber)}
.pin-watch{background:var(--amber-soft);border-left:3px solid var(--teal);padding:16px 18px;max-width:80ch}
.pin-watch p{margin:0;color:var(--body2)}
.pin-tablewrap{overflow-x:auto;border:1px solid var(--rule);background:var(--sheet)}
.pin-tablewrap table{border-collapse:collapse;font-size:13.5px;width:100%;min-width:880px}
.pin-tablewrap th,.pin-tablewrap td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--rule)}
.pin-tablewrap th{font-family:var(--f-mono);font-weight:500;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--paper)}
.pin-tablewrap td.mono{font-family:var(--f-mono);font-size:12px;white-space:nowrap}
ol.pin-essay{padding-left:22px;max-width:72ch;margin:0}
ol.pin-essay li{margin-bottom:14px;color:var(--body2)}
ol.pin-essay b{font-family:var(--f-display);font-size:19px;font-weight:600;color:var(--ink)}
.pin-pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;padding-bottom:56px}
.pin-end{padding-bottom:56px}
@media (max-width:560px){.pin-row{grid-template-columns:32px minmax(0,1fr)}.pin-row .status{grid-column:2;justify-self:start}}