/* 상장 문구 면. 색·반경·여백은 tools-base.css 의 기존 토큰만 쓴다. 본문 폭은 전 페이지 단일 규격(760px), 한 열.
   상장 한 장(.award-sheet)은 미리보기와 인쇄가 같은 규칙을 쓰고 **단위 --u 만** 바꾼다:
   화면 = 미리보기 폭의 1/190(컨테이너 단위), 인쇄 = 1mm. 치수는 A4 세로 인쇄 영역 190×277mm(여백 10mm) 기준. */
.award-jump{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.award-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--tx);text-decoration:none;font-size:14px}
.award-sit>h2{margin-top:22px}
.award-list{display:grid;gap:10px}
.award-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.award-name{margin:0 0 6px;font-size:18px}
.award-body{margin:0;font-size:16px;line-height:1.65;word-break:keep-all}
.award-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.award-actions .btn{min-height:48px}
.award-back{margin:8px 0 0;font-size:14px}
/* 고정 내비 아래로 착지 — 상황 바로가기·편집부 열기·오류 초점이 내비에 가리지 않게(사이트의 #content 착지 여백과 같은 방식). */
#award-jump,.award-sit,#award-editor-h,.award-field input,#award-sheet-err,#award-zoom{scroll-margin-top:130px}
@media(max-width:559px){#award-jump,.award-sit,#award-editor-h,.award-field input,#award-sheet-err,#award-zoom{scroll-margin-top:72px}}
/* 버튼 안 「복사」 글자는 글자 역할만 — 공통 배지 장식이면 버튼 속 버튼처럼 보인다. 성공 문구 교체 자리(.copy-label)는 그대로. */
.award-actions .copy-label,.award-editor-actions .copy-label{background:none;padding:0;margin:0;border-radius:0;color:inherit;font:inherit}
.award-zoom-row{margin:12px 0 0}
.award-preview:focus-visible{outline:2px solid var(--b);outline-offset:2px}

.award-editor{background:var(--card);border:2px solid var(--b);border-radius:12px;padding:16px;margin:0}
.award-editor>h3{margin:0 0 10px;font-size:17px}
.award-fields{display:grid;gap:10px}
@media(min-width:720px){.award-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
.award-field label{display:block;font-size:14px;margin-bottom:4px}
.award-field input{width:100%;min-height:44px;box-sizing:border-box}
.award-editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.award-editor-actions .btn{min-height:48px}

/* 미리보기 — 폭에 비례해 줄고(cqw), 「크게 보기」는 실제 치수(1mm)로 펴서 가로로 스크롤한다. */
.award-preview{container-type:inline-size;margin-top:14px;overflow-x:auto}
.award-preview.zoomed{container-type:normal}
.award-preview.zoomed .award-sheet{--u:1mm}

.award-sheet{--u:calc(100cqw / 190);width:calc(var(--u) * 190);height:calc(var(--u) * 277);box-sizing:border-box;background:#fff;color:#111;
  font-family:"AppleMyungjo","Batang",serif;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.as-frame{box-sizing:border-box;height:100%;border:calc(var(--u) * 1) solid #222;padding:calc(var(--u) * 26) calc(var(--u) * 16) calc(var(--u) * 20);display:flex;flex-direction:column;overflow:hidden}
.as-frame p{margin:0}
.as-name{font-size:calc(var(--u) * 9.88);text-align:center;letter-spacing:.08em;white-space:nowrap;margin-bottom:calc(var(--u) * 16)!important}   /* 28pt */
.as-to{font-size:calc(var(--u) * 7.06);white-space:nowrap;overflow:hidden;margin-bottom:calc(var(--u) * 12)!important}                         /* 20pt */
.as-body{font-size:calc(var(--u) * 5.64);line-height:1.6;word-break:keep-all}                                                                  /* 16pt */
/* 제목 · 내용 묶음 · 수여 정보를 위아래로 나눠 놓는다 — 남는 높이가 한 틈에 몰리지 않게. */
.as-frame{justify-content:space-between}
.as-main{display:grid;gap:calc(var(--u) * 12)}
.as-main .as-to{margin-bottom:0!important}
.as-foot{text-align:center;display:grid;gap:calc(var(--u) * 3);margin-bottom:calc(var(--u) * 10)}
.as-date,.as-giver{font-size:calc(var(--u) * 4.23);white-space:nowrap;overflow:hidden}                                                         /* 12pt */
.as-giver{font-size:calc(var(--u) * 5.64)}

/* 인쇄 뿌리 — 화면에서는 안 보이고, 잴 때만 화면 밖에 실제 치수로 깐다. */
.award-print{display:none}
.award-print.measuring{display:block;position:absolute;left:-10000px;top:0;visibility:hidden}
.award-print .award-sheet{--u:1mm;box-shadow:none}
@media print{
  @page{size:A4 portrait;margin:10mm}
  html.award-ready body>*:not(#award-print){display:none!important}
  html.award-ready .award-print{display:block}
  html.award-ready body{background:#fff;margin:0}
}