/* Event cards use the same measured footprint as achievement cards. */
body[data-design=tree] .historical-event-card{box-sizing:border-box;width:330px;height:166px;min-height:166px;padding:10px 14px 10px 100px;border:1px solid #b7a58a;border-left:4px solid #a8664e;border-radius:3px;background:#fff8ec;box-shadow:0 5px 14px #554a2c16;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#494c3a;font-size:14px;line-height:1.45;overflow:hidden}
body[data-design=tree] .historical-event-card .event-art-thumb{width:85px;height:100%;object-fit:cover;border-right:1px solid #c0b69c}
body[data-design=tree] .historical-event-card small{margin:0;font:12px/1.4 var(--sans,sans-serif);letter-spacing:0;color:#946247}
.historical-event-card>b{font:600 21px/1.3 var(--serif);overflow-wrap:anywhere}
.historical-event-card>span{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.historical-event-card>em{font:normal 11px/1.4 var(--sans,sans-serif);color:#7c7965;margin-top:auto}
.historical-event-card:focus-visible{outline:3px solid #738b65;outline-offset:3px}

.record-reading{margin:22px 0 26px;border-top:1px solid #c9c3af;color:#46513f}
.record-reading section{margin:22px 0}
.record-reading h3{font:600 17px/1.5 var(--serif);color:#536248;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.record-reading h3::before{content:'';width:4px;height:16px;background:#9e855d;flex-shrink:0}
.record-reading p{font-size:15px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 12px}
.record-lead{padding:12px 14px;border-left:3px solid #a58b61;background:#ebe5d64d;font-size:15px;line-height:1.8}
.record-sources{margin:24px 0 18px;padding:14px 0;border-top:1px solid #c9c3af}
.record-sources h3{font-size:13px;color:#69755d;margin:0 0 8px}
.record-sources .inspector-source{display:block;font-size:12px;line-height:1.7;margin:7px 0;overflow-wrap:anywhere}
/* Keep the illustration available while making room for the longer reading. */
#inspector:has(.record-reading) .change-art-figure{display:grid;grid-template-columns:86px minmax(0,1fr);margin:14px 0 18px}
#inspector:has(.record-reading) .change-art-original{align-self:start}
#inspector:has(.record-reading) .change-art-original img{height:130px;min-height:0;max-height:130px;width:100%;object-fit:contain}
#inspector:has(.record-reading) .change-art-original>span{font-size:9px;right:2px;bottom:3px;padding:3px}
#inspector:has(.record-reading) .change-art-figure figcaption{padding:8px 10px}
#inspector:has(.record-reading) .change-art-figure figcaption strong{font-size:12px;line-height:1.6}