@font-face{font-family:Heritage;src:url('/heritage-serif.woff') format('woff');font-display:swap;font-weight:100 900}
:root{--paper:#f4efe4;--ink:#393125;--serif:Heritage,'Noto Serif KR',Batang,serif;--gold:#b99a67;--forest:#202b21}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Malgun Gothic',Arial,sans-serif;font-size:1rem;line-height:1.85;word-break:keep-all}body.viewer-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.6}p{margin:0}button,a{-webkit-tap-highlight-color:#bfa47733}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #846136;outline-offset:5px}
h1,h2,h3,p,a{overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:10px 18px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
.records-header{position:relative;min-height:112px;background:var(--forest);color:#e9dec7;display:flex;align-items:center;justify-content:center;padding:16px 5vw;border-bottom:1px solid #b9a17640}
.records-brand{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.records-brand img{width:66px;height:72px;object-fit:contain;filter:saturate(.22) brightness(1.08) contrast(.94)}
.records-header nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:.875rem}.records-header nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}.records-header nav a[aria-current]{color:#f5e7c7;border-color:#c4ab7f}
#records-main{max-width:1240px;margin:0 auto;padding:58px 42px 84px}
.records-heading{text-align:center;margin-bottom:30px}.records-eyebrow{color:#856d49;font-size:.875rem;letter-spacing:.12em}.records-heading h1{margin:10px 0 0;font-size:2.5rem;letter-spacing:-.04em}
.records-tabs{display:flex;justify-content:center;gap:10px;padding:0 0 34px;border-bottom:1px solid #d7c8ae}.records-tabs a{min-height:48px;padding:10px 24px;border:1px solid #cbb99a;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center}.records-tabs a[aria-selected=true]{background:var(--forest);border-color:var(--forest);color:#eddfc0}
[hidden]{display:none!important}.panel-heading{text-align:center;margin:34px 0 30px}.panel-heading h2{margin:0 0 8px;font-size:1.75rem}.panel-heading p{font-size:1rem;color:#70624e}
.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.document-card{min-width:0;text-align:center}.document-kind{margin:0 0 14px;font-size:.875rem;color:#8a6d43;letter-spacing:.03em}.document-open{display:block}
.gallery-frame{display:block;position:relative;padding:9px;border:1px solid #9f845b;background:linear-gradient(135deg,#eee1c0 0%,#c6ae82 18%,#f3e7ce 43%,#b59a6a 74%,#e6d4ac);box-shadow:inset 0 0 0 1px #fff7ddcc,inset 0 0 0 3px #94784a66,0 9px 20px #47362618}
.gallery-frame:after{content:"";position:absolute;inset:4px;border:1px solid #fff1cf77;pointer-events:none}.gallery-mat{display:block;padding:8px;background:#faf6ed;box-shadow:inset 0 0 0 1px #baaa8d55}
.doc-window{display:block;position:relative;overflow:hidden;aspect-ratio:var(--crop-ratio);background:#f3efe6}
.doc-window img{position:absolute;top:var(--crop-top);left:var(--crop-left);width:var(--crop-width);max-width:none;height:auto;filter:brightness(var(--doc-light)) contrast(var(--doc-contrast)) saturate(.94)}
.source-detail{position:absolute;display:block;overflow:hidden;pointer-events:none}.source-detail img{top:var(--source-top);left:var(--source-left);width:var(--source-width);filter:brightness(var(--source-light)) contrast(var(--source-contrast)) saturate(.94)}
.document-original{margin-top:12px}.document-original a,#viewer-original{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.875rem;color:#79603e;text-decoration:underline;text-underline-offset:4px}
.view-label{display:block;margin:13px 0 0;color:#806845;font-size:.875rem;line-height:1.8}.document-card h3{font-size:1.25rem;line-height:1.7;margin:15px 0 7px;letter-spacing:-.04em}.document-issuer{color:#625848;font-size:.9375rem;line-height:1.9}.document-meta{margin-top:7px;font-size:.875rem;color:#77664d;font-variant-numeric:tabular-nums}.document-detail{margin-top:8px;font-size:.875rem;color:#716652;line-height:1.9}
.related-documents{border-top:1px solid #d7c8ae;margin-top:56px;padding-top:34px;text-align:center}.related-documents>h2{font-size:1.75rem;margin:0 0 25px}.related-documents .document-card{max-width:350px;margin:0 auto}.related-documents .document-kind{display:none}
.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.album-card{min-width:0;text-align:center}.album-card a{display:block}.album-cover{display:block;aspect-ratio:4/3;overflow:hidden;background:#e8e0d0}.album-cover img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.035) saturate(.985)}.album-kind{display:block;color:#85704e;font-size:.875rem;margin:18px 0 0}.album-card h3{font-size:1.375rem;margin:7px 0}.album-card .view-label{margin-top:7px}
.return-main{display:table;padding:12px 22px;min-height:48px;border-bottom:1px solid #b8a487;margin:50px auto 0;font-size:1rem;color:#695638}
footer{padding:62px 24px 42px;background:var(--forest);color:#d6d8cc;border-top:1px solid #bcac8866}footer p{margin:0 0 12px}footer h3{font-size:1.125rem}footer section{padding:0}footer .footer-brand .wordmark{-webkit-mask:url('/danha-gold-wordmark.png') center/contain no-repeat;mask:url('/danha-gold-wordmark.png') center/contain no-repeat}footer .footer-name{color:#e5e1d3}footer .footer-bottom{padding-top:24px;border-top:1px solid #b3ae7e33;color:#c1c5b6;font-size:.9375rem}footer .replay{display:inline-flex;align-items:center;min-height:44px;color:#d4c2a0;border-bottom:1px solid #b7a38599}
#record-viewer{width:min(100% - 28px,1000px);max-width:none;max-height:calc(100svh - 28px);margin:auto;padding:0;border:1px solid #b29b74;border-radius:7px;background:#f6f1e6;color:var(--ink);box-shadow:0 20px 80px #0005}
#record-viewer::backdrop{background:#172018d9;backdrop-filter:blur(3px)}
#record-viewer[open]{display:flex;flex-direction:column}
.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #d2c2a5;background:#f6f1e6;flex:none}.viewer-bar h2{font-size:1.125rem;margin:0;line-height:1.7}.viewer-controls{display:flex;gap:8px;flex-shrink:0}.viewer-controls button,.viewer-bottom button{min-height:44px;padding:8px 13px;border:1px solid #c1ad89;background:#fffaf0;color:#5d4c31;border-radius:3px;font-size:.9375rem}
.viewer-scroll{overflow:auto;overscroll-behavior:contain;padding:22px;min-height:0;background:#e7dfcf}
#viewer-content{width:min(100%,680px);margin:auto}#viewer-content .gallery-frame{padding:8px}.viewer-scroll.is-zoomed #viewer-content{width:1000px;max-width:none;margin-left:0}.viewer-scroll.is-zoomed{scrollbar-width:thin}
.viewer-photo{width:100%;height:auto;object-fit:contain}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:12px 18px;border-top:1px solid #d2c2a5}.viewer-bottom p{flex:1;text-align:center;font-size:.9375rem;line-height:1.7;color:#6c5f4a}
@media(min-width:1000px){.document-grid .document-open{max-width:350px;margin:0 auto}}
@media(max-width:1000px){.records-header nav{gap:17px}.records-brand{left:7%;transform:translateY(-50%)}.document-grid,.album-grid{gap:20px}#records-main{padding-left:28px;padding-right:28px}}
@media(max-width:700px){.records-header{display:block;padding:13px 20px 10px}.records-brand{position:static;display:table;margin:0 auto 8px;transform:none}.records-brand img{width:56px;height:61px}.records-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;text-align:center;margin:0}.records-header nav a{justify-content:center;font-size:.875rem;line-height:1.6}.records-heading h1{font-size:2rem}#records-main{padding:37px 24px 58px}.records-tabs{gap:8px;padding-bottom:27px}.records-tabs a{padding:10px 16px;font-size:.9375rem;flex:1;max-width:220px}.panel-heading{margin:28px 0}.panel-heading h2,.related-documents>h2{font-size:1.5rem}.document-grid,.album-grid{grid-template-columns:minmax(0,1fr);gap:40px}.document-card,.album-card{width:100%;max-width:410px;margin:0 auto}.gallery-frame{padding:9px}.gallery-mat{padding:8px}.document-card h3{font-size:1.375rem}.document-issuer{font-size:1rem}.document-meta,.document-detail{font-size:.9375rem}.related-documents{margin-top:43px;padding-top:28px}.related-documents .document-card{max-width:410px}.return-main{margin-top:37px}#record-viewer{width:calc(100% - 16px);max-height:calc(100svh - 16px)}.viewer-bar{align-items:start;flex-wrap:wrap;padding:10px 13px;gap:6px}.viewer-bar h2{flex:1 1 170px}.viewer-controls{margin-left:auto}.viewer-scroll{padding:12px}.viewer-bottom{padding:10px 12px;flex-wrap:wrap;gap:6px}.viewer-bottom p{flex:1 1 100%}.viewer-bottom button{order:1;flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}