.modal-backdrop { position: fixed; inset: 0; background: rgba(20,18,15,0.75); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 1.2rem; }
.modal { background: var(--paper-card); width: min(1380px, 100%); height: min(88vh, 920px); border: 1px solid var(--ink); display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
@media (max-width: 900px) { .modal { grid-template-columns: 1fr; overflow-y: auto; height: 94vh; } }
.modal-left { padding: 1.8rem 2rem; overflow-y: auto; border-right: 1px solid var(--border); }
.modal-right { background: #1a1917; position: relative; display: flex; flex-direction: column; min-height: 380px; }
#osd-viewer { flex: 1; width: 100%; overflow: auto; }
.viewer-bar { font-family: var(--font-sans); font-size: 0.78rem; color: #ddd; background: #262421; padding: 0.5rem 0.9rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.viewer-bar a { color: #f2c97d; text-decoration: none; white-space: nowrap; }
.orig-article { font-size: 1.18rem; line-height: 1.68; white-space: pre-line; text-align: justify; margin-top: 1rem; }
.orig-article::first-letter { float: left; font-family: var(--font-display); font-size: 3.1rem; line-height: 0.85; padding-right: 0.45rem; padding-top: 0.15rem; color: var(--crimson); font-weight: 700; }
.place-tag { display: inline-block; font-family: var(--font-sans); font-size: 0.72rem; background: #efe7d6; padding: 0.2rem 0.55rem; margin: 0.2rem 0.25rem 0 0; cursor: pointer; border: none; }