/* 0.0.26: tables, cards and photos inside reading pages */
.reading-body table{width:100%;border-collapse:collapse;margin-block:22px;font-size:15px;line-height:1.6}
.reading-body th,.reading-body td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.reading-body thead th,.reading-body tr:first-child th{font-weight:650;background:var(--pale)}
.reading-body th[scope="row"]{font-weight:600;width:34%}
.reading-body .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-block:24px}
.reading-body .card{border:1px solid var(--line);padding:18px}
.reading-body .card h3{margin-top:12px}
.reading-body .card .project-photo{margin-block:0 6px}
.reading-body .project-photo img{width:100%;height:auto;display:block}
.reading-body figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}
.reading-body .faq-item{border-top:1px solid var(--line);padding-block:14px}
.reading-body .faq-item h3{margin-top:4px}
@media (max-width:700px){.reading-body table{display:block;overflow-x:auto;font-size:14px}.reading-body th[scope="row"]{width:auto}}

/* 0.0.27 */
.reading-body .design-study,.reading-body .cost-link,.reading-body .note{border-left:4px solid currentColor;padding:1rem 1.25rem;margin:1.5rem 0;background:rgba(0,0,0,.035)}
.reading-body .design-study table{margin:0 0 .75rem}
.reading-body .design-study p{margin:0;font-size:.95em}