.voca-page{max-width:1100px;margin:auto;color:#25322d}
.voca-heading{margin:36px 0 24px}.voca-heading h1{font-weight:750;letter-spacing:-2px;font-size:44px}
.voca-eyebrow{font-size:13px;color:#64746c;letter-spacing:1px}
.voca-guide{display:flex;gap:12px 24px;flex-wrap:wrap;padding:18px;background:#f6f8f6;border-radius:12px;font-size:13px}
.access-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.voca-guide .access-dot{margin-right:.25em}
.access-dot.public{background:#e1ae2c}.access-dot.login{background:#57a873}.access-dot.membership{background:#da859c}
.voca-title>.access-dot{display:none}
.voca-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px;gap:12px}
.voca-toolbar h2{margin:0;font-size:20px;font-weight:700}
.voca-toolbar a{display:inline-block;padding:9px 16px;border-radius:22px;color:#46554d;text-decoration:none}
.voca-toolbar a[aria-current]{background:#244c3b;color:white}.voca-toolbar>span{font-size:13px;color:#68766d}
.voca-sort-area{margin:28px 0 20px;padding:16px;border:1px solid #dce5de;border-radius:12px;background:#fafcfb}.voca-view-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #e0e7e2}.voca-view-row>span{color:#68766d;font-size:13px}.voca-view-filter{display:flex;align-items:center;gap:6px}.voca-view-filter strong{margin-right:3px;font-size:13px;color:#68766d}.voca-view-filter a{display:inline-block;padding:7px 13px;border-radius:999px;color:#46554d;text-decoration:none;font-size:13px}.voca-view-filter a[aria-current]{background:#244c3b;color:#fff}.voca-sort-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}.voca-sort-heading h2{margin:0;font-size:16px}.voca-sort-heading span{color:#718078;font-size:12px}.voca-sort-buttons{display:flex;gap:7px;flex-wrap:wrap}.voca-sort-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #b9c8bd;border-radius:999px;background:#fff;color:#304b3c;text-decoration:none;font-size:13px}.voca-sort-chip:hover{background:#edf4ed}.voca-sort-chip.is-active{background:#244c3b;color:#fff;border-color:#244c3b}.voca-sort-chip small{padding:2px 5px;border-radius:999px;background:#eef2ef;color:#66756d;font-size:10px}.voca-sort-details{margin-top:13px}.voca-sort-details summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cad7ce;border-radius:8px;background:#fff;cursor:pointer;color:#304b3c;list-style:none}.voca-sort-details summary::-webkit-details-marker{display:none}.voca-sort-details summary:hover{background:#edf4ed}.voca-sort-details summary::after{content:"펼치기 ↓";font-size:12px;font-weight:650;color:#315b46}.voca-sort-details[open] summary::after{content:"접기 ↑"}.voca-sort-details-title{font-size:14px;font-weight:700}.voca-sort-details-help{color:#718078;font-size:12px}.voca-sort-detail-form{display:grid;gap:8px;padding:12px 10px 2px}.voca-sort-rule{display:grid;grid-template-columns:54px minmax(150px,1fr) minmax(120px,160px);align-items:center;gap:8px;max-width:620px}.voca-sort-rule strong{font-size:12px;color:#68766d}.voca-sort-rule select{width:100%;min-height:38px;padding:6px 28px 6px 9px;border:1px solid #b9c8bd;border-radius:7px;background:#fff;color:#304b3c}.voca-sort-detail-actions{display:flex;align-items:center;gap:12px;margin-top:3px}.voca-sort-detail-actions button{padding:7px 12px}.voca-sort-detail-actions a{font-size:13px;color:#52655a}
.voca-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 16px;border-top:1px solid #e1e7e2;scroll-margin-top:110px}
/* Match the original access colors beneath the old 80% white table-cell overlay. */
.voca-row:has(.voca-title>.access-dot.public){background-color:rgba(255,215,0,.16)}
.voca-row:has(.voca-title>.access-dot.login){background-color:rgba(50,205,50,.10)}
.voca-row:has(.voca-title>.access-dot.membership){background-color:rgba(255,169,214,.16)}
.voca-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}.resource-title{font-size:17px;font-weight:600;color:#233d30;overflow-wrap:anywhere}
.voca-title>div{min-width:0}.voca-title-line{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.resource-statuses{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.resource-status{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #d5ddd7;border-radius:6px;background:#ffffffb3;color:#5e6c63;font-size:11px;line-height:1.3;white-space:nowrap}
.resource-status[hidden]{display:none}.resource-status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.status-print[data-printed=true]{color:#235b3a;border-color:#b9d4c0;background:#eff8f0}
.status-print[data-printed=true] .not-printed{display:none}
.status-new{color:#875706;border-color:#e4cc96;background:#fff4d9}
.voca-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;flex-shrink:0}
.voca-counter{display:flex;flex-direction:column;gap:7px}
.counter-line{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:14px}.counter-line>span{margin-right:4px}
.voca-page button{border:1px solid #b9c8bd;border-radius:7px;background:white;color:#304b3c;min-height:36px;cursor:pointer}
.counter-line button{width:36px;font-size:20px}.voca-page button:hover:not(:disabled){background:#edf4ed}
.voca-page button:disabled{opacity:.4;cursor:default}.voca-page button:focus-visible,.voca-page a:focus-visible{outline:3px solid #668cdf;outline-offset:3px}
.voca-toggles{display:flex;gap:6px}.voca-toggles button{padding:6px 11px;white-space:nowrap;font-size:13px}
.voca-toggles button[aria-pressed=true]{background:#244c3b;color:white;border-color:#244c3b}
.voca-admin{margin-top:8px;font-size:12px}.voca-admin button{padding:3px 8px}
.voca-empty{padding:50px 15px;text-align:center;color:#62756a}
#voca-feedback:not(:empty){padding:14px;background:#fff4db;border-radius:8px;position:sticky;top:8px;z-index:5}
#voca-feedback button{margin-left:12px;padding:4px 10px}.voca-row:target,.voca-row.is-highlighted{animation:voca-highlight 4s ease-out}
.voca-row[aria-busy=true]{opacity:.7}
#print-dialog{border:1px solid #cad7ce;border-radius:16px;padding:26px;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 80px #0003}
#print-dialog::backdrop{background:#13251e66}#print-dialog h2{font-size:21px}#print-dialog p{font-size:14px;color:#62756a}
#print-dialog button{display:block;width:100%;padding:12px;margin-top:10px;text-align:left}
#print-dialog small{display:block;margin-top:4px}#print-dialog-cancel{text-align:center!important}
@keyframes voca-highlight{from{box-shadow:inset 0 0 0 3px #5870aa}to{box-shadow:inset 0 0 0 3px transparent}}
@media(max-width:900px){.voca-row{align-items:flex-start;flex-direction:column;gap:16px}.voca-title{width:100%}.voca-controls{width:100%;gap:14px}.voca-heading{margin-top:20px}}
@media(max-width:480px){.voca-row{padding:18px 4px}.voca-controls{gap:12px;justify-content:flex-end}.voca-toggles{width:100%;justify-content:flex-end}.voca-guide{font-size:12px;gap:8px}.voca-toolbar a{padding:8px 12px}.voca-sort-area{padding:13px 10px}.voca-sort-heading{display:block}.voca-sort-heading span{display:block;margin-top:3px}.voca-sort-buttons{gap:6px}.voca-sort-chip{padding:8px 9px}.voca-sort-details summary{grid-template-columns:1fr auto}.voca-sort-details-help{grid-column:1/-1;grid-row:2}.voca-sort-rule{grid-template-columns:46px 1fr}.voca-sort-rule label:last-child{grid-column:2}.counter-line button{min-height:40px;width:40px}}
@media(prefers-reduced-motion:reduce){.voca-row:target,.voca-row.is-highlighted{animation:none;box-shadow:inset 0 0 0 3px #5870aa}}