.archive-intro{max-width:1240px;margin:auto;padding:78px 30px 65px;display:flex;align-items:center;justify-content:space-between;gap:35px}.archive-intro h1{font:400 clamp(36px,4.4vw,62px)/1.4 "Noto Serif KR",serif;letter-spacing:-.05em;margin:25px 0}.archive-poem{font:400 20px/1.9 "Noto Serif KR",serif;color:#59664e}.archive-sub{font-size:13px;line-height:2;color:#7a806e}.archive-emblem{height:220px;width:220px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #b9bda7;border-radius:50%;box-shadow:0 0 0 17px #f6f2e9,0 0 0 18px #d9dccb;background:radial-gradient(circle,#e6e8d7,#f6f2e9);margin-right:35px}.archive-emblem span{font:76px Georgia,serif;color:#84835b}.archive-emblem small{font:8px Georgia,serif;letter-spacing:.14em;margin-top:20px}.archive-wrap{max-width:1240px;margin:auto;padding:0 30px 75px}.archive-notice{display:flex;gap:28px;align-items:center;padding:22px 26px;background:#e9eddf;border-left:2px solid #85946a;font-size:12px;line-height:1.9}.archive-notice strong{white-space:nowrap;color:#435537}.archive-notice span{color:#68735c}.archive-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:32px 0}.archive-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.archive-shelf>input{width:100%;margin:12px 0 24px}.archive-record{width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #d8ddcb;padding:23px 10px;cursor:pointer;color:#364c3b;overflow-wrap:anywhere}.archive-record strong{display:block;margin:9px 0;font:400 18px/1.6 "Noto Serif KR",serif}.archive-record small{display:block;font-size:10px;color:#737d65;line-height:1.8}.archive-record:hover,.archive-record[aria-current=true]{background:#e9eddf}.archive-paper{background:#fffdf7;border:1px solid #dce0d0;padding:35px;display:flex;flex-direction:column;gap:22px;box-shadow:0 12px 35px #30432c05;min-width:0}.archive-paper h2{font:400 27px/1.5 "Noto Serif KR",serif;overflow-wrap:anywhere;margin:0}.archive-paper label{line-height:1.6}.archive-paper textarea{line-height:1.9;width:100%}.archive-paper .checkline{flex-direction:row;align-items:start;font-size:12px;line-height:1.8}.archive-save{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dde1d2;padding-top:20px}.archive-save p{font-size:11px;line-height:1.9;color:#707a62}.archive-attachment{border-top:1px solid #e0e3d7;padding:14px 0;overflow-wrap:anywhere;font-size:13px}.archive-attachment small{display:block;color:#798369;font-size:10px;margin:6px 0}.archive-attachment .btn{font-size:11px;padding:8px 12px}.archive-gate{padding:45px;background:#fffdf7;margin:30px 0;line-height:2}.archive-explainer{margin-top:40px;border-top:1px solid #d6dccb;padding:25px 0;font-size:12px;line-height:2;color:#76816b}.archive-explainer summary{cursor:pointer;color:#4e6144}.archive-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:15px}.archive-history{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #d9dfce;padding-top:20px}.archive-stamp{font-size:10px;letter-spacing:.13em;color:#7b835e}.archive-date{font-size:12px;line-height:1.9;color:#758167}.archive-empty{padding:35px 12px;color:#788367;font-size:13px;line-height:2}#vaultStatus{position:sticky;bottom:16px;background:#2f493a;color:#fff;padding:15px 20px;border-radius:5px;z-index:10;font-size:13px;line-height:1.8}#vaultStatus:empty{display:none}.archive-page [hidden]{display:none!important}
@media(max-width:760px){.archive-intro{padding:50px 24px 35px}.archive-emblem{display:none}.archive-poem{font-size:18px}.archive-wrap{padding:0 20px 50px}.archive-notice{display:block;padding:20px}.archive-notice strong{display:block;margin-bottom:8px}.archive-layout{grid-template-columns:1fr}.archive-paper{padding:23px}.archive-save{display:block}.archive-save .btn{width:100%;margin-top:15px}.archive-gate{padding:25px}.archive-toolbar .btn{font-size:12px}#vaultList{max-height:320px;overflow:auto}.archive-paper h2{font-size:25px}}

.archive-page label{color:#4a5e42}.archive-page input::placeholder,.archive-page textarea::placeholder{color:#7d8673;opacity:1}

/* 190: explicit record controls and query status */
.archive-shelf .archive-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:14px 0}.archive-shelf #vaultRecordCount{font-size:13px;color:#294832}.archive-empty{line-height:1.8!important;color:#5c4935!important}#vaultAccount{overflow-wrap:anywhere}#vaultStatus{white-space:pre-wrap}