.sample-document {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d5dcd6;
  border-radius: 8px;
  box-shadow: 0 18px 35px rgb(42 65 48 / 9%);
}

.workbook-titlebar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px clamp(15px, 3vw, 30px);
  color: #fff;
  background: #1e7145;
}
.workbook-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 31px;
  height: 36px;
  border: 2px solid #d9f0df;
  border-radius: 3px;
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1;
}
.workbook-titlebar strong { display: block; font-size: .87rem; line-height: 1.35; }
.workbook-titlebar small { display: block; color: #d7efdf; font-size: .65rem; line-height: 1.4; }
.workbook-filetype { margin-left: auto; color: #e8f5eb; font-size: .73rem; font-weight: 800; }
.workbook-ribbon { display: flex; align-items: center; gap: 25px; height: 39px; padding: 0 clamp(16px, 3vw, 31px); background: #f6f9f6; border-bottom: 1px solid #d9e4da; color: #5c6b60; font-size: .73rem; }
.workbook-ribbon strong { align-self: stretch; display: grid; align-items: center; border-bottom: 2px solid #217347; color: #1e653e; }

.sample-document-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 22px;
  padding: clamp(20px, 3vw, 31px) clamp(16px, 3vw, 31px) 20px;
}
.sample-kicker { margin: 0 0 9px; font-size: .68rem; font-weight: 800; letter-spacing: .14em; color: #527c60; }
.sample-document-head h3 { margin: 0 0 5px; font-size: clamp(1.17rem, 2.1vw, 1.65rem); letter-spacing: -.035em; }
.sample-document-head p:last-child { margin: 0; color: #78716b; font-size: .8rem; }
.sample-stamp { flex: none; width: 68px; height: 68px; border: 1px solid #9ec8aa; border-radius: 50%; display: grid; place-content: center; text-align: center; color: #28734a; font-size: .58rem; line-height: 1.4; transform: rotate(9deg); }
.sample-stamp strong { font-size: .98rem; letter-spacing: .08em; }

.sample-table-scroll { max-width: 100%; overflow-x: auto; padding-inline: clamp(16px, 3vw, 31px); }
.sample-table-scroll:focus-visible { outline: 3px solid #f2a477; outline-offset: -3px; }
.sample-table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; font-size: .82rem; line-height: 1.5; }
.sample-table th, .sample-table td { border: 1px solid #dce4dd; vertical-align: top; }
.sample-table th { background: #e7f0e9; color: #2d573c; text-align: left; font-size: .73rem; letter-spacing: .03em; padding: 10px 12px; }
.sample-table .column-letters th { background: #f0f4f1; border-color: #d8e0d9; color: #647269; text-align: center; font-size: .7rem; font-weight: 600; padding: 5px; }
.sample-table .row-index { width: 38px; padding: 10px 6px; background: #f0f4f1; color: #6b796e; font-size: .69rem; font-weight: 500; text-align: center; }
.sample-table th:nth-child(2) { width: 82px; }
.sample-table th:nth-child(3) { width: auto; }
.sample-table th:nth-child(4) { width: 100px; text-align: right; }
.sample-table th:nth-child(5) { width: 64px; }
.sample-table td { padding: 10px 12px; background: #fff; }
.sample-table tbody tr:nth-child(even) td { background: #fbfdfb; }
.sample-table td:nth-child(2) { color: #5d7061; font-size: .76rem; font-weight: 750; }
.sample-table td strong { display: block; font-size: .82rem; font-weight: 750; }
.sample-table td small { display: block; color: #7c857d; font-size: .71rem; margin-top: 3px; }
.sample-table .sample-quantity { text-align: right; font-size: .98rem; font-weight: 800; font-variant-numeric: tabular-nums; color: #176b41; white-space: nowrap; }
.sample-table td:last-child { white-space: nowrap; font-weight: 700; }
.workbook-tabs { display: flex; align-items: end; gap: 16px; margin: 0 clamp(16px, 3vw, 31px); border-bottom: 1px solid #dce5de; min-height: 42px; }
.workbook-tab { border-bottom: 3px solid #217347; color: #1c5f3b; font-size: .72rem; font-weight: 750; padding: 9px 12px 6px; }
.workbook-status { color: #7e897f; font-size: .67rem; padding-bottom: 10px; }
.sample-note { margin: 18px clamp(16px, 3vw, 31px) 0; color: #77716c; font-size: .74rem; line-height: 1.85; }
.sample-download { display: inline-flex; align-items: center; gap: 9px; margin: 19px clamp(16px, 3vw, 31px) 26px; color: #176b41; border-bottom: 1px solid currentColor; font-size: .82rem; font-weight: 780; line-height: 1.6; }
.sample-download:hover { color: #0e4d2b; }

@media (max-width: 620px) {
  .workbook-titlebar { min-height: 56px; gap: 9px; }
  .workbook-icon { width: 27px; height: 31px; font-size: .93rem; }
  .workbook-titlebar strong { font-size: .72rem; }
  .workbook-titlebar small { font-size: .58rem; }
  .workbook-ribbon { height: 34px; }
  .sample-document-head { gap: 10px; }
  .sample-stamp { width: 54px; height: 54px; font-size: .5rem; }
  .sample-stamp strong { font-size: .8rem; }
  .sample-table-scroll { padding-right: 0; }
  .sample-table { min-width: 680px; }
  .sample-table td { padding: 8px 9px; }
  .sample-note { font-size: .69rem; }
  .sample-download { font-size: .75rem; }
}