/* Cjenik (09.11.2026): the price list, its history and the 2026 list. A ledger page: the three keys side by side, the
   history as a numbered register on plaster, the old list as a quiet record at the end. Page prefix: cj-. */

.cj-open { padding: clamp(28px, 3.4vw, 64px) var(--g) clamp(36px, 4.4vw, 70px); }
.cj-kick { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-bottom: 14px; border-bottom: 1.6px solid var(--ink); font: 600 12.5px/1.2 var(--ft); font-stretch: 75%; letter-spacing: .17em; text-transform: uppercase; color: var(--ink2); }
.cj-h1 { margin-top: clamp(30px, 3.6vw, 64px); font: 900 clamp(56px, 9vw, 168px)/.88 var(--fd); letter-spacing: -.045em; }
.cj-intro { max-width: 40em; }
.cj-h2 { font-size: clamp(36px, 3.7vw, 66px); }
.cj-note { margin-top: 16px; font: 500 16.5px/1.6 var(--ft); color: var(--ink2); max-width: 46em; text-wrap: pretty; }

/* the three keys */
.cj-now { padding: clamp(30px, 4vw, 70px) var(--g) clamp(70px, 8vw, 130px); }
.cj-objs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 2.6vw, 48px); margin-top: clamp(34px, 4vw, 64px); }
.cj-obj { border-top: 1.6px solid var(--ink); padding-top: 16px; min-width: 0; }
.cj-o-h { font: 850 clamp(24px, 2vw, 32px)/1.1 var(--fd); letter-spacing: -.02em; }
.cj-o-h a { color: inherit; text-decoration: none; }
.cj-o-h a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.cj-o-a { margin-top: 6px; font: 500 15px/1.4 var(--ft); color: var(--ink2); }
.cj-t { width: 100%; margin-top: 18px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.cj-t th { padding: 10px 0 8px; text-align: left; font: 600 11.5px/1.4 var(--ft); font-stretch: 75%; letter-spacing: .14em; text-transform: uppercase; color: var(--ink2); border-bottom: 1px solid var(--rule); vertical-align: bottom; }
.cj-t td { padding: 10px 0 10px; border-bottom: 1px solid var(--rule); font: 500 15.5px/1.35 var(--ft); vertical-align: top; }
.cj-t td + td, .cj-t th + th { padding-left: 14px; }
.cj-r { text-align: right !important; }
.cj-v { font: 850 18px/1.2 var(--fd) !important; letter-spacing: -.01em; white-space: nowrap; }
.cj-an { color: var(--ink2); font-size: 13.5px !important; line-height: 1.4 !important; max-width: 15em; }
.cj-t td:first-child { white-space: nowrap; }
.cj-fee td { border-bottom-color: var(--ink); }
.cj-fee:last-child td { border-bottom: 1.6px solid var(--ink); }
.cj-dl { margin-top: 14px; font: 600 13px/1.4 var(--ft); font-stretch: 75%; letter-spacing: .12em; text-transform: uppercase; color: var(--ink2); }
.cj-dl a, .cj-ver-f a { color: var(--ink); text-underline-offset: 4px; text-decoration-color: rgba(34, 28, 22, .35); }
.cj-dl a:hover, .cj-ver-f a:hover { text-decoration-color: currentColor; }

/* the history: a numbered register */
.cj-hist { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 2.2vw; padding: clamp(70px, 8vw, 130px) var(--g); }
.cj-hist-head { grid-column: 1 / span 5; align-self: start; }
.cj-vers { grid-column: 7 / -1; list-style: none; border-top: 1.6px solid var(--ink); }
.cj-ver { display: grid; grid-template-columns: 74px minmax(0, 1fr); column-gap: 18px; padding: 20px 0 22px; border-bottom: 1px solid var(--rule); }
.cj-ver-n { font: 900 clamp(34px, 3vw, 48px)/1 var(--fd); letter-spacing: -.03em; color: var(--terra); }
.cj-ver-w { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; font: 650 18px/1.3 var(--ft); }
.cj-cur { font: 600 11.5px/1 var(--ft); font-stretch: 75%; letter-spacing: .15em; text-transform: uppercase; color: var(--green, #2E5E4E); border: 1px solid currentColor; border-radius: 99px; padding: 4px 9px; }
.cj-ver-t { margin-top: 6px; font: 500 16px/1.55 var(--ft); color: var(--ink2); max-width: 40em; }
.cj-ver-f { margin-top: 12px; display: grid; gap: 6px; }
.cj-ver-f li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; font: 500 15px/1.4 var(--ft); }
.cj-ver-f li span { min-width: 9.5em; color: var(--ink2); }
.cj-ver-f a { font: 600 13px/1.4 var(--ft); font-stretch: 75%; letter-spacing: .12em; }

/* 2026 */
.cj-old { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 2.2vw; padding: clamp(70px, 8vw, 130px) var(--g) clamp(80px, 9vw, 140px); }
.cj-old-head { grid-column: 1 / span 5; align-self: start; }
.cj-t26 { grid-column: 7 / -1; align-self: start; margin-top: 0; border-top: 1.6px solid var(--ink); }
.cj-grp th { padding-top: 18px; color: var(--ink); }
.cj-closed { font: 500 14px/1.3 var(--ft); color: var(--ink2); white-space: normal; }

@media (max-width: 1199px) {
  .cj-objs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 999px) {
  .cj-hist, .cj-old { grid-template-columns: minmax(0, 1fr); }
  .cj-hist-head, .cj-vers, .cj-old-head, .cj-t26 { grid-column: 1; }
  .cj-vers, .cj-t26 { margin-top: clamp(28px, 5vw, 40px); }
}
@media (max-width: 720px) {
  .cj-objs { grid-template-columns: minmax(0, 1fr); }
  .cj-ver { grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; }
  .cj-t td + td, .cj-t th + th { padding-left: 10px; }
  .cj-an { max-width: 11em; }
}