.penny-article .penny-figure{margin:24px auto;max-width:720px;text-align:center}
.penny-article .penny-figure>a{display:block}
.penny-article .penny-figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:8px;margin:auto}
.penny-article .penny-figure figcaption{font-size:14px;color:#b6c4d7;margin:10px auto 0;line-height:1.6}
.penny-article .penny-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center;margin:24px 0}
.penny-article .penny-pair .penny-figure{width:100%;margin:0}
.penny-article .penny-pair img{max-height:320px}
.penny-article .penny-crop{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;max-width:280px;margin:auto}
.penny-article .penny-crop img{position:absolute;max-width:none;max-height:none;width:var(--zoom);left:var(--left);top:var(--top);height:auto;object-fit:initial}
.penny-article .penny-table-image{display:block;object-fit:contain;width:112px;height:82px;max-width:none;border-radius:5px}
.penny-article .penny-app-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:12px;background:#1c2e45;margin:28px 0}
.penny-article .penny-app-evidence .penny-pair{gap:14px;margin:0}
.penny-article .penny-app-evidence img{max-height:none;width:100%;max-width:220px}
.penny-article .penny-note{font-size:14px;color:#b6c4d7}
@media(max-width:760px){.penny-article .penny-app-evidence{grid-template-columns:1fr;padding:18px}.penny-article .penny-pair{gap:14px}.penny-article .penny-table-image{width:88px;height:70px}}

/* Override the shared 200px figure limit for the diagnostic photographs. */
.penny-article figure.penny-figure{width:min(100%,600px);max-width:100%}
.penny-article figure.penny-figure>figcaption{max-width:100%}
.penny-article .penny-intro-pair{grid-template-columns:2fr 1fr;align-items:start}
.penny-article .penny-intro-pair .penny-figure{width:100%}
.penny-article .penny-intro-pair .penny-figure>a{overflow:hidden;border-radius:12px}
.penny-article .penny-intro-pair .penny-figure img{width:100%;max-height:none;height:auto;border-radius:12px}

.penny-article #date-checklist table{table-layout:fixed}
.penny-article #date-checklist thead th:nth-child(1){width:148px}
.penny-article #date-checklist thead th:nth-child(2){width:160px}
.penny-article #date-checklist th,.penny-article #date-checklist td{box-sizing:border-box;vertical-align:middle;overflow-wrap:break-word}
.penny-article #date-checklist .penny-table-image{margin:0 auto}

.penny-article .penny-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:24px;margin-top:24px;border:1px solid var(--line);border-radius:12px;background:#18283d}
.penny-article .penny-source-group:first-child{grid-row:span 2}
.penny-article .penny-source-group h3{font-size:16px;line-height:1.5;margin:0 0 12px;color:var(--ink)}
.penny-article .penny-source-group ul{list-style:none;padding:0;margin:0;border:0}
.penny-article .penny-source-group li{padding:0;margin:0 0 10px;border:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.penny-article .penny-source-group li:last-child{margin-bottom:0}
@media(max-width:760px){.penny-article .penny-source-grid{grid-template-columns:1fr;padding:18px;gap:24px}.penny-article .penny-source-group:first-child{grid-row:auto}}