/* noyateam — booking, checkout, receipt and account pages */
.flow { position: relative; min-height: 100vh; padding: calc(var(--k)*150) 0 calc(var(--k)*140); background: var(--cream); overflow: hidden; }
/* minmax(0, 1fr): nothing inside may widen the column (on right-to-left pages extra width spills off the left edge) */
.fwrap { width: calc(var(--k)*900); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(var(--k)*30); position: relative; }
.fwrap.ctr { justify-items: center; text-align: center; }
.fhead { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--k)*16); }
.fhead .hdl { flex: none; }
.fh-t { display: grid; gap: calc(var(--k)*4); }
.fh1 { font-size: calc(var(--k)*72); color: var(--wine); line-height: 1.3; font-weight: 800; }
.fh2 { font-size: calc(var(--k)*26); color: var(--soft); }
.hdl { width: calc(var(--k)*120); transform-origin: 30% 34%; animation: handle 1.7s cubic-bezier(.34, 1.4, .64, 1) .6s both; }
.hdl.hg { width: calc(var(--k)*110); animation: hg2 6s var(--eio) infinite; transform-origin: 50% 50%; }
@keyframes handle { 0% { transform: rotate(0); } 35% { transform: rotate(-28deg); } 100% { transform: rotate(0); } }
@keyframes hg2 { 0%, 35% { transform: rotate(0); } 50%, 85% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
.svc-pick { display: flex; flex-wrap: wrap; gap: calc(var(--k)*10); }
.svc-pick button { padding: calc(var(--k)*10) calc(var(--k)*20); border-radius: calc(var(--k)*999); font-size: calc(var(--k)*19); color: var(--ink); background: var(--paper); box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); transition: background .3s, color .3s, box-shadow .3s; }
.svc-pick button:hover { box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--wine); }
.svc-pick button[aria-checked='true'] { background: var(--wine); color: var(--cream); box-shadow: none; }
.svc-pick.lock { pointer-events: none; opacity: .55; }
.stepsbar { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); }
.stepsbar.two { grid-template-columns: repeat(2, 1fr); }
.stepsbar.three { grid-template-columns: repeat(3, 1fr); }
.sb { display: grid; justify-items: center; gap: calc(var(--k)*8); font-size: calc(var(--k)*20); color: var(--gray); position: relative; transition: color .4s; }
.sb b { width: calc(var(--k)*46); height: calc(var(--k)*46); border-radius: 50%; display: grid; place-items: center; font-size: calc(var(--k)*22); background: var(--paper); box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); font-weight: 400; color: var(--ink); position: relative; z-index: 1; transition: background .4s, color .4s, box-shadow .4s, transform .5s var(--eo); }
.sb::after { content: ''; position: absolute; top: calc(var(--k)*23); left: -50%; width: 100%; height: calc(var(--k)*2); background: var(--line); }
.sb:last-child::after { display: none; }
.sb.done b { background: var(--gold); color: var(--wine-2); box-shadow: none; }
.sb.done::after { background: var(--gold); }
.sb.now { color: var(--wine); }
.sb.now b { background: var(--wine); color: var(--cream); box-shadow: 0 0 0 calc(var(--k)*7) rgba(90, 15, 46, .12); transform: scale(1.06); }
.panel { position: relative; border-radius: calc(var(--k)*34); padding: calc(var(--k)*44) calc(var(--k)*50); background: var(--paper); box-shadow: inset 0 0 0 calc(var(--k)*1) rgba(199, 161, 90, .45), inset 0 0 0 calc(var(--k)*9) var(--paper), inset 0 0 0 calc(var(--k)*10) rgba(199, 161, 90, .25), var(--shadow); }
.panel.slim { padding: calc(var(--k)*36) calc(var(--k)*40); }
.pv { display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(var(--k)*22); animation: pvin .55s var(--eo); }
@keyframes pvin { from { opacity: 0; transform: translateY(calc(var(--k)*24)); } }
.vh { font-size: calc(var(--k)*40); color: var(--wine); font-weight: 800; line-height: 1.4; }
.mut { font-size: calc(var(--k)*22); color: var(--soft); line-height: 1.8; }
.ctr { text-align: center; }
.vform { display: grid; gap: calc(var(--k)*20); }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--k)*20); }
.brow { display: flex; gap: calc(var(--k)*14); justify-content: space-between; }
.brow .btn:last-child { flex: 1; }
.otp-ph { color: var(--wine); }
.otp { display: flex; gap: calc(var(--k)*16); justify-content: center; }
.otp .inp { width: calc(var(--k)*78); height: calc(var(--k)*90); padding: 0; text-align: center; font-size: calc(var(--k)*40); font-weight: 700; color: var(--wine); }
.otp-links { display: flex; justify-content: space-between; }
.lnk { font-size: calc(var(--k)*20); color: var(--wine); padding: calc(var(--k)*6) calc(var(--k)*2); border-bottom: calc(var(--k)*1.5) solid rgba(90, 15, 46, .25); display: inline-flex; gap: calc(var(--k)*8); align-items: center; }
.lnk:disabled { color: var(--gray); border-color: transparent; cursor: default; }
.demo-note { font-size: calc(var(--k)*18); color: var(--gold-lo); text-align: center; }
.ctc { display: grid; gap: calc(var(--k)*14); margin-top: calc(var(--k)*24); }
.ctc .btn { width: 100%; }
.ok-tick { justify-self: center; width: calc(var(--k)*80); height: calc(var(--k)*80); border-radius: 50%; background: #2F6B4F; display: grid; place-items: center; transform: scale(0); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.ok-tick.on { transform: scale(1); }
.ok-tick svg { width: calc(var(--k)*40); height: calc(var(--k)*40); stroke: #fff; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ok-tick:not(.on) { height: 0; margin: calc(var(--k)*-11) 0; }
/* the whole calendar is visible: days wrap into centred rows instead of scrolling sideways */
.days { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--k)*12); padding: calc(var(--k)*4) 0 calc(var(--k)*6); }
.day { flex: none; width: calc(var(--k)*118); padding: calc(var(--k)*12) 0; border-radius: calc(var(--k)*20); background: #fff; box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); display: grid; justify-items: center; gap: calc(var(--k)*2); transition: background .3s, transform .4s var(--eo), box-shadow .3s; color: var(--soft); }
.day:hover { box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--wine); }
.day .dn { color: var(--wine); }
.day[aria-selected='true'] { background: var(--wine); box-shadow: none; transform: translateY(calc(var(--k)*-3)); color: var(--cream); }
.day[aria-selected='true'] .dn { color: var(--cream); }
.times { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--k)*12); }
.time { height: calc(var(--k)*62); border-radius: calc(var(--k)*16); background: #fff; box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); display: grid; place-items: center; color: var(--ink); transition: background .3s, box-shadow .3s; }
.time:hover { box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--wine); }
.time[aria-selected='true'] { background: var(--gold); box-shadow: none; color: var(--wine-2); }
.empty { display: grid; justify-items: center; gap: calc(var(--k)*14); padding: calc(var(--k)*20) 0; font-size: calc(var(--k)*22); color: var(--soft); text-align: center; }
.sum { display: grid; }
.sum > div { display: flex; justify-content: space-between; align-items: center; padding: calc(var(--k)*14) 0; border-bottom: calc(var(--k)*1) dashed var(--line); font-size: calc(var(--k)*24); }
.sum dt { color: var(--soft); }
.sum dd { color: var(--ink); display: flex; }
.sum .big dd { color: var(--wine); }
.note { display: grid; grid-template-columns: calc(var(--k)*34) 1fr; gap: calc(var(--k)*14); padding: calc(var(--k)*16) calc(var(--k)*20); border-radius: calc(var(--k)*18); background: rgba(154, 91, 0, .08); color: #5D3A00; font-size: calc(var(--k)*20); line-height: 1.95; }
.note b { width: calc(var(--k)*30); height: calc(var(--k)*30); border-radius: 50%; background: #9A5B00; color: #fff; display: grid; place-items: center; font-size: calc(var(--k)*18); }
.hold { display: flex; align-items: center; gap: calc(var(--k)*8); font-size: calc(var(--k)*19); color: var(--soft); }
.popts { display: grid; gap: calc(var(--k)*14); }
.popt { display: grid; grid-template-columns: calc(var(--k)*62) 1fr auto; gap: calc(var(--k)*18); align-items: center; padding: calc(var(--k)*18) calc(var(--k)*22); border-radius: calc(var(--k)*22); background: #fff; box-shadow: inset 0 0 0 calc(var(--k)*1.5) rgba(90, 15, 46, .12); transition: box-shadow .35s, transform .35s var(--eo); width: 100%; }
.popt:hover { box-shadow: inset 0 0 0 calc(var(--k)*2) rgba(90, 15, 46, .8); transform: translateY(calc(var(--k)*-3)); }
.popt .ic { width: calc(var(--k)*62); height: calc(var(--k)*62); border-radius: calc(var(--k)*18); background: rgba(90, 15, 46, .07); display: grid; place-items: center; }
.popt .ic svg { width: calc(var(--k)*30); height: calc(var(--k)*30); stroke: var(--wine); fill: none; stroke-width: 1.7; }
.popt .pt { display: grid; gap: calc(var(--k)*2); }
.popt strong { display: block; font-size: calc(var(--k)*27); color: var(--wine); font-weight: 800; line-height: 1.5; }
.popt small { display: block; font-size: calc(var(--k)*18); color: var(--soft); line-height: 1.6; }
.popt .go { color: var(--gold); font-size: calc(var(--k)*30); transition: transform .35s var(--eo); }
.popt:hover .go { transform: translateX(calc(var(--k)*-6)); }
.spin { justify-self: center; width: calc(var(--k)*70); height: calc(var(--k)*70); border-radius: 50%; border: calc(var(--k)*5) solid rgba(90, 15, 46, .15); border-top-color: var(--wine); animation: spin .9s linear infinite; margin: calc(var(--k)*30) auto; }
@keyframes spin { to { transform: rotate(360deg); } }
.olist { display: grid; gap: calc(var(--k)*12); }
.orow { display: grid; grid-template-columns: calc(var(--k)*70) 1fr auto; gap: calc(var(--k)*16); align-items: center; padding-bottom: calc(var(--k)*12); border-bottom: calc(var(--k)*1) dashed var(--line); }
.orow img { width: calc(var(--k)*70); height: calc(var(--k)*70); object-fit: contain; }
.orow .on2 { font-size: calc(var(--k)*28); color: var(--wine); font-weight: 800; }
.orow .op2 { color: var(--ink); }

/* receipt: printed out of a brass slot */
.rh1 { font-size: calc(var(--k)*76); color: var(--wine); font-weight: 800; text-align: center; line-height: 1.3; }
.rmsg { display: grid; justify-items: center; gap: calc(var(--k)*18); font-size: calc(var(--k)*26); color: var(--soft); text-align: center; }
.printer { display: grid; justify-items: center; }
.printer .slot { position: relative; z-index: 3; width: calc(var(--k)*620); }
.roll { position: relative; z-index: 2; width: calc(var(--k)*470); margin-top: calc(var(--k)*-40); overflow: hidden; padding-bottom: calc(var(--k)*20); }
.rcpt { position: relative; background: #FFFDF8; padding: calc(var(--k)*50) calc(var(--k)*34) calc(var(--k)*56); display: grid; gap: calc(var(--k)*10); transform: translateY(-101%); -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--k)*26) 100%; mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--k)*26) 100%; box-shadow: inset 0 calc(var(--k)*18) calc(var(--k)*18) calc(var(--k)*-12) rgba(0, 0, 0, .18); }
.rcpt::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: calc(var(--k)*40); background: linear-gradient(rgba(60, 40, 20, .22), transparent); }
.rlogo { width: calc(var(--k)*120); justify-self: center; }
.rcpt .rs { text-align: center; font-size: calc(var(--k)*15); letter-spacing: .3em; color: var(--gray); }
.rcpt .rk { text-align: center; font-size: calc(var(--k)*26); font-weight: 800; color: var(--wine); margin-top: calc(var(--k)*4); }
.rr.rd { align-items: flex-start; }
.rr.rd .v1 { white-space: pre-wrap; overflow-wrap: anywhere; text-align: left; line-height: 1.7; max-width: 70%; }
.am-ctc { width: 100%; max-width: calc(var(--k)*560); }
.am-ctc .ctc { margin-top: 0; }
.rcpt hr { border: 0; border-top: calc(var(--k)*2) dashed #D3CABE; margin: calc(var(--k)*6) 0; }
.rr { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--k)*14); color: #333; font-size: calc(var(--k)*21); min-height: calc(var(--k)*34); }
.rr .k1 { color: #555; flex: none; }
.rr .v1 { display: flex; text-align: left; }
.rr .v1.sys { font-size: calc(var(--k)*18); }
.rr.rt { color: var(--wine); font-size: calc(var(--k)*30); font-weight: 800; }
.chipw { display: flex; justify-content: center; margin-top: calc(var(--k)*6); }
.chip { display: block; font-size: calc(var(--k)*17); padding: calc(var(--k)*4) calc(var(--k)*16); border-radius: calc(var(--k)*999); background: rgba(47, 107, 79, .12); color: #2F6B4F; line-height: 1.8; white-space: nowrap; }
.chip.g { background: rgba(199, 161, 90, .2); color: var(--gold-lo); }
.chip.r { background: rgba(163, 18, 42, .1); color: #A3122A; }
.chip.s { background: rgba(114, 117, 125, .14); color: var(--gray); }
/* the three newer receipt states: while the build draws the text pictures (html.__cap) they stand
   aside, so the earlier receipt keeps exactly its old layout and pictures. Visitors never see this rule. */
html.__cap .chipw .chip.x { position: absolute; }
.bc { height: calc(var(--k)*54); margin-top: calc(var(--k)*8); background: repeating-linear-gradient(90deg, #222 0 calc(var(--k)*3), transparent calc(var(--k)*3) calc(var(--k)*6), #222 calc(var(--k)*6) calc(var(--k)*7), transparent calc(var(--k)*7) calc(var(--k)*11), #222 calc(var(--k)*11) calc(var(--k)*15), transparent calc(var(--k)*15) calc(var(--k)*18)); opacity: .85; }
.after { display: grid; justify-items: center; gap: calc(var(--k)*22); text-align: center; margin-top: calc(var(--k)*10); animation: pvin .8s var(--eo) both; }
.after > img { width: calc(var(--k)*130); -webkit-mask-image: linear-gradient(to top, transparent, #000 30%); mask-image: linear-gradient(to top, transparent, #000 30%); }
.am p { font-size: calc(var(--k)*26); line-height: 1.9; max-width: calc(var(--k)*760); color: var(--ink); }
.cardbox { margin-top: calc(var(--k)*18); display: grid; justify-items: center; gap: calc(var(--k)*6); padding: calc(var(--k)*24) calc(var(--k)*30); border-radius: calc(var(--k)*24); background: var(--paper); box-shadow: inset 0 0 0 calc(var(--k)*1.5) rgba(199, 161, 90, .5); }
.cb-k { font-size: calc(var(--k)*18); color: var(--soft); }
.cb-n { color: var(--wine); direction: ltr; }
.cb-o { font-size: calc(var(--k)*24); color: var(--ink); margin-bottom: calc(var(--k)*10); }
.abtn { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--k)*12); }

/* account */
.me { display: flex; align-items: center; gap: calc(var(--k)*20); flex-wrap: wrap; padding: calc(var(--k)*26) calc(var(--k)*30); border-radius: calc(var(--k)*28); background: var(--paper); box-shadow: inset 0 0 0 calc(var(--k)*1) rgba(199, 161, 90, .45); }
.me-n { font-size: calc(var(--k)*34); font-weight: 700; color: var(--wine); }
.me-p { flex: 1; color: var(--soft); }
.sub2 { font-size: calc(var(--k)*34); color: var(--wine); display: flex; align-items: center; gap: calc(var(--k)*16); margin-top: calc(var(--k)*20); font-weight: 800; }
.sub2::before { content: ''; width: calc(var(--k)*44); height: calc(var(--k)*2); background: var(--gold); }
.hlist { display: grid; gap: calc(var(--k)*12); }
.hrow { display: grid; grid-template-columns: 1fr auto auto; gap: calc(var(--k)*18); align-items: center; padding: calc(var(--k)*18) calc(var(--k)*24); border-radius: calc(var(--k)*22); background: #fff; box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); }
.h1c { display: grid; gap: calc(var(--k)*4); }
.hs { display: block; font-size: calc(var(--k)*24); color: var(--wine); font-weight: 800; }
.hd { color: var(--soft); display: block; }
.h2c { display: flex; align-items: center; gap: calc(var(--k)*12); }
.hempty { font-size: calc(var(--k)*22); color: var(--soft); }
.hnote { font-size: calc(var(--k)*18); color: var(--soft); margin-top: calc(var(--k)*20); }
.acc { display: grid; gap: calc(var(--k)*18); }
.ah3 { font-size: calc(var(--k)*26); color: var(--wine); font-weight: 800; }
.okm { font-size: calc(var(--k)*19); color: #2F6B4F; }
.btn.danger { background: #8E1B2E; color: #fff; }
.btn.ghost.danger { background: transparent; color: #8E1B2E; box-shadow: inset 0 0 0 calc(var(--k)*1.5) rgba(142, 27, 46, .6); }
.delc { display: grid; gap: calc(var(--k)*14); }
#f-prof .btn, #f-phone .btn, #f-del > .btn { justify-self: start; }
.nf { display: grid; place-items: center; }
.nf-i { width: calc(var(--k)*150); }

/* sign-in inside the booking and checkout forms (accounts with phone + password) */
.gfields { display: grid; gap: calc(var(--k)*20); }
.gout { display: grid; gap: calc(var(--k)*20); }
.gwho { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--k)*12) calc(var(--k)*16); padding: calc(var(--k)*18) calc(var(--k)*24); border-radius: calc(var(--k)*22); background: #fff; box-shadow: inset 0 0 0 calc(var(--k)*1.5) var(--line); }
.gwho .gk { font-size: calc(var(--k)*20); color: var(--soft); }
.gwho b { font-size: calc(var(--k)*24); color: var(--wine); font-weight: 700; flex: 1; }
.gtabs { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--k)*6); padding: calc(var(--k)*6); border-radius: calc(var(--k)*999); background: rgba(90, 15, 46, .06); }
.gtab { display: flex; align-items: center; justify-content: center; min-height: calc(var(--k)*56); border-radius: calc(var(--k)*999); font-size: calc(var(--k)*19); color: var(--soft); transition: background .3s var(--eo), color .3s var(--eo), box-shadow .3s var(--eo); }
.gtab.on { background: #fff; color: var(--wine); box-shadow: 0 calc(var(--k)*8) calc(var(--k)*20) calc(var(--k)*-12) rgba(62, 10, 32, .5), inset 0 0 0 calc(var(--k)*1) rgba(199, 161, 90, .45); }
.gnote { font-size: calc(var(--k)*17); line-height: 1.8; color: var(--soft); }
.hacts { display: flex; gap: calc(var(--k)*22); align-items: center; justify-content: flex-start; grid-column: 1 / -1; }
.hacts .lnk { white-space: nowrap; }
#h-book .hrow, #h-ord .hrow { grid-template-columns: 1fr auto; }
#a-tg { justify-self: start; }
.acc .panel { display: grid; gap: calc(var(--k)*18); }

@media print {
  #hdr, #corner, .drawer, #chat, .toast, .after, .rh1, #scrim, #curtain { display: none !important; }
  .flow { padding: 0; min-height: 0; background: #fff; }
  .printer .slot { display: none; }
  .rcpt { transform: none !important; -webkit-mask: none; mask: none; box-shadow: none; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

@media (max-width: 1023px) {
  .gfields, .gout { gap: calc(var(--k)*12); }
  .gwho { padding: calc(var(--k)*12) calc(var(--k)*14); border-radius: calc(var(--k)*16); gap: calc(var(--k)*6) calc(var(--k)*10); }
  .gwho .gk { font-size: calc(var(--k)*14); }
  .gwho b { font-size: calc(var(--k)*17); }
  .gtabs { gap: calc(var(--k)*4); padding: calc(var(--k)*4); }
  .gtab { min-height: calc(var(--k)*42); font-size: calc(var(--k)*13.5); }
  .gnote { font-size: calc(var(--k)*12.5); }
  .hacts { grid-column: 1 / -1; justify-content: flex-start; gap: calc(var(--k)*12); }
  .acc .panel { gap: calc(var(--k)*12); }
  .flow { padding: calc(var(--k)*90) 0 calc(var(--k)*100); }
  .fwrap { width: calc(var(--k)*382); gap: calc(var(--k)*20); }
  .fh1 { font-size: calc(var(--k)*30); }
  .fh2 { font-size: calc(var(--k)*15); }
  .hdl { width: calc(var(--k)*64); }
  .hdl.hg { width: calc(var(--k)*60); }
  .svc-pick { gap: calc(var(--k)*6); }
  .svc-pick button { padding: calc(var(--k)*6) calc(var(--k)*12); font-size: calc(var(--k)*13); }
  .sb { font-size: calc(var(--k)*12); gap: calc(var(--k)*6); }
  .sb b { width: calc(var(--k)*32); height: calc(var(--k)*32); font-size: calc(var(--k)*15); }
  .sb::after { top: calc(var(--k)*16); }
  .sb.now b { box-shadow: 0 0 0 calc(var(--k)*5) rgba(90, 15, 46, .12); }
  .panel, .panel.slim { padding: calc(var(--k)*24) calc(var(--k)*20); border-radius: calc(var(--k)*24); }
  .pv { gap: calc(var(--k)*16); }
  .vh { font-size: calc(var(--k)*24); }
  .mut { font-size: calc(var(--k)*15); }
  .vform { gap: calc(var(--k)*14); }
  .row2 { gap: calc(var(--k)*10); }
  .otp { gap: calc(var(--k)*8); }
  .otp .inp { width: calc(var(--k)*54); height: calc(var(--k)*64); font-size: calc(var(--k)*28); }
  .lnk { font-size: calc(var(--k)*14); }
  .demo-note { font-size: calc(var(--k)*13); }
  .ctc { gap: calc(var(--k)*10); margin-top: calc(var(--k)*16); }
  .ok-tick { width: calc(var(--k)*56); height: calc(var(--k)*56); }
  .ok-tick svg { width: calc(var(--k)*28); height: calc(var(--k)*28); }
  .days { gap: calc(var(--k)*8); }
  .day { width: calc(var(--k)*76); padding: calc(var(--k)*8) 0; border-radius: calc(var(--k)*14); }
  .times { grid-template-columns: repeat(3, 1fr); gap: calc(var(--k)*8); }
  .time { height: calc(var(--k)*48); border-radius: calc(var(--k)*12); }
  .empty { font-size: calc(var(--k)*16); }
  .sum > div { font-size: calc(var(--k)*16); padding: calc(var(--k)*10) 0; }
  .note { grid-template-columns: calc(var(--k)*24) 1fr; gap: calc(var(--k)*10); padding: calc(var(--k)*12) calc(var(--k)*14); font-size: calc(var(--k)*14); border-radius: calc(var(--k)*14); }
  .note b { width: calc(var(--k)*22); height: calc(var(--k)*22); font-size: calc(var(--k)*13); }
  .hold { font-size: calc(var(--k)*13); gap: calc(var(--k)*5); flex-wrap: wrap; }
  .popt { grid-template-columns: calc(var(--k)*44) 1fr auto; gap: calc(var(--k)*12); padding: calc(var(--k)*12) calc(var(--k)*14); border-radius: calc(var(--k)*16); }
  .popt .ic { width: calc(var(--k)*44); height: calc(var(--k)*44); border-radius: calc(var(--k)*12); }
  .popt .ic svg { width: calc(var(--k)*22); height: calc(var(--k)*22); }
  .popt strong { font-size: calc(var(--k)*17); }
  .popt small { font-size: calc(var(--k)*12); }
  .popt .go { font-size: calc(var(--k)*20); }
  .orow { grid-template-columns: calc(var(--k)*50) 1fr auto; gap: calc(var(--k)*10); }
  .orow img { width: calc(var(--k)*50); height: calc(var(--k)*50); }
  .orow .on2 { font-size: calc(var(--k)*18); }
  .rh1 { font-size: calc(var(--k)*36); }
  .rmsg { font-size: calc(var(--k)*17); }
  .printer .slot { width: calc(var(--k)*380); }
  .roll { width: calc(var(--k)*300); margin-top: calc(var(--k)*-24); }
  .rcpt { padding: calc(var(--k)*30) calc(var(--k)*20) calc(var(--k)*40); gap: calc(var(--k)*6); }
  .rlogo { width: calc(var(--k)*76); }
  .rcpt .rs { font-size: calc(var(--k)*10); }
  .rcpt .rk { font-size: calc(var(--k)*17); }
  .rr { font-size: calc(var(--k)*14); min-height: calc(var(--k)*24); gap: calc(var(--k)*8); }
  .rr .v1.sys { font-size: calc(var(--k)*13); }
  .rr.rt { font-size: calc(var(--k)*20); }
  .chip { font-size: calc(var(--k)*12); padding: calc(var(--k)*2) calc(var(--k)*10); }
  .bc { height: calc(var(--k)*36); }
  .after > img { width: calc(var(--k)*80); }
  .am p { font-size: calc(var(--k)*16); }
  .cardbox { padding: calc(var(--k)*16) calc(var(--k)*18); border-radius: calc(var(--k)*18); }
  .cb-k { font-size: calc(var(--k)*13); }
  .cb-o { font-size: calc(var(--k)*17); }
  .abtn { gap: calc(var(--k)*8); }
  .me { padding: calc(var(--k)*16) calc(var(--k)*18); gap: calc(var(--k)*10); border-radius: calc(var(--k)*20); }
  .me-n { font-size: calc(var(--k)*22); }
  .sub2 { font-size: calc(var(--k)*22); gap: calc(var(--k)*10); }
  .sub2::before { width: calc(var(--k)*26); }
  .hrow { grid-template-columns: 1fr auto; gap: calc(var(--k)*10); padding: calc(var(--k)*12) calc(var(--k)*14); border-radius: calc(var(--k)*16); }
  .hrow .lnk { grid-column: 1 / -1; justify-self: start; }
  .hs { font-size: calc(var(--k)*16); }
  .h2c { gap: calc(var(--k)*8); flex-wrap: wrap; justify-content: flex-end; }
  .hempty { font-size: calc(var(--k)*15); }
  .hnote { font-size: calc(var(--k)*13); }
  .acc { gap: calc(var(--k)*12); }
  .ah3 { font-size: calc(var(--k)*19); }
  .okm { font-size: calc(var(--k)*14); }
  .nf-i { width: calc(var(--k)*90); }
}
#course-names [data-course] { white-space: nowrap; }