.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.history-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;position:relative;text-align:left;padding:25px;border:1px solid #c7b99c;border-top:3px solid #ae925b;background:#fcfaf5;color:var(--ink);cursor:pointer;transition:box-shadow .25s,border-color .25s,transform .25s}
.history-card:hover{border-color:#a3864e;box-shadow:0 8px 28px #5c48251a;transform:translateY(-2px)}
.history-file{font-size:12px;letter-spacing:1.6px;color:#80663b}
.history-title{font-family:var(--serif);font-size:28px;line-height:1.4}
.history-summary{font-size:16px;line-height:1.9;color:#60685f}
.history-open{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;color:#745b2d;font-size:14px}
.history-opened{overflow:hidden}
.archive-city-image{margin:0 0 24px}.archive-city-image img{display:block;width:100%;height:auto;border:1px solid #c7b99c}.archive-city-image figcaption{font-size:13px;color:#78643f;margin-top:6px}
.history-dialog{width:min(850px,calc(100vw - 28px));max-height:92dvh}
.history-dialog[open]{display:flex;flex-direction:column}
.history-dialog .profile-top{flex-shrink:0;min-height:62px}
.history-scroll{overflow:auto;overscroll-behavior:contain;min-height:0}
.history-document{max-width:740px;margin:auto;padding:35px 40px 45px}
.history-document h2{font-family:var(--serif);font-size:clamp(27px,4vw,40px);line-height:1.5;font-weight:500;margin:8px 0 24px;padding-bottom:22px;border-bottom:3px double #bca679}
.history-body p{font-size:17px;line-height:2.05;margin:0 0 22px;overflow-wrap:anywhere}
.history-body h3{font-family:'Noto Serif Thai',serif;font-size:21px;line-height:1.7;color:#735a2d;margin:32px 0 14px;font-weight:500}
.history-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 20px;border-top:1px solid #c7b99c;flex-shrink:0;background:#eee7d9}
.history-pager button{padding:9px 12px;min-height:44px;border:1px solid #b39a6b;background:transparent;color:#5f4d2e;cursor:pointer;font-size:14px}
.history-pager button:disabled{opacity:.4;cursor:default}
.history-pager span{font-size:14px;color:#665e50}
@media(max-width:600px){.history-grid{grid-template-columns:1fr}.history-document{padding:24px 22px 30px}.history-pager{padding:10px}.history-pager button{padding:9px 8px}.history-dialog .profile-top>span{font-size:10px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.history-card:hover{transform:none}}