:root { color-scheme: light; }
body { max-width: 1120px; background: #f7f3ec; color: #302724; }
.ledger-header nav { gap: 24px; font-size: 14px; }
.eyebrow { margin: 34px 0 0; font-size: 11px; letter-spacing: .22em; font-weight: 700; color: #d8a994; }
.ledger-header h1 { margin: 10px 0 6px; font-size: clamp(42px, 7vw, 72px); letter-spacing: -.045em; }
.ledger-header > p:not(.eyebrow) { max-width: 750px; }
.caution { padding: 18px 22px; border-left: 3px solid #ce9f85; border-radius: 0 8px 8px 0; background: #f1e1d3; color: #3a2d29; font-size: 14px; line-height: 1.65; }
.controls { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 13px; margin-top: 22px; padding: 21px; border: 1px solid #e2d4c6; border-radius: 13px; background: #fffdfa; }
.controls label { display: grid; gap: 7px; color: #625a54; font-size: 12px; font-weight: 700; letter-spacing: .03em; }
.controls select,.controls input { width: 100%; box-sizing: border-box; padding: 11px 12px; background: #faf6f1; color: #292521; border: 1px solid #d9c9b9; border-radius: 8px; font: 14px "Segoe UI",Arial,sans-serif; }
.result-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.result-head h2 { border: 0; margin: 35px 0 12px; padding: 0; }
.result-head p { margin: 0 0 17px; color: #756a61; font-size: 13px; }
.lead { display: grid; grid-template-columns: 82px 1fr; gap: 20px; padding: 22px 24px; margin: 0 0 10px; border: 1px solid #e5d8ca; border-radius: 10px; background: #fffdfa; }
.lead-year { color: #713b3c; font-family: Georgia,serif; font-size: 21px; }
.lead p { margin: 0 0 11px; color: #292521; line-height: 1.65; }
.lead-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #756a61; font-size: 12px; }
.lead-links { display: flex; flex-wrap: wrap; gap: 8px 17px; margin-top: 11px; font-size: 13px; }
.lead-links a { color: #713b3c; }
.empty { padding: 45px 0; color: #756a61; }
#more { border: 1px solid #713b3c; border-radius: 8px; background: #713b3c; color: white; padding: 13px 20px; font: inherit; cursor: pointer; margin: 20px 0 55px; }
#more:hover { background: #54292c; }
#error { padding: 20px; background: #f3e5dc; }
footer { border-top: 1px solid #bdb7af; padding-top: 20px; }
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible { outline: 2px solid #9e7664; outline-offset: 3px; }
@media (max-width: 750px) { .controls { grid-template-columns: repeat(2,minmax(0,1fr)); } .result-head { display: block; } .lead { grid-template-columns: 65px 1fr; gap: 12px; } }
@media (max-width: 460px) { .controls { grid-template-columns: 1fr; } .lead { display: block; } .lead-year { display: block; margin-bottom: 5px; } }