/* ARI Showcase - walk scene (Version 6). Logical properties, so dir=rtl mirrors the layout by itself. */
.wk { --wk-a: var(--b-primary, #1f4fd8); --wk-ai: var(--b-primary-ink, #fff); --wk-ink: #16181b; --wk-dim: #5b6067; --wk-line: rgba(22, 24, 27, .12);
  --wk-glass: rgba(18, 20, 23, .64); --wk-ease: cubic-bezier(.2, .8, .2, 1);
  position: relative; flex: 1 1 auto; align-self: stretch; width: 100%; min-height: 360px; border-radius: 18px; overflow: hidden; isolation: isolate; background: #1c1f23; color: var(--wk-ink);
  font-family: var(--b-body, "Inter", system-ui, sans-serif); -webkit-tap-highlight-color: transparent; }
.wk *, .wk *::before, .wk *::after { box-sizing: border-box; }
.wk-view { position: absolute; inset: 0; outline: none; touch-action: none; user-select: none; -webkit-user-select: none; }
.wk-view:focus-visible { box-shadow: inset 0 0 0 3px var(--wk-a); }
.wk-gl { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity .32s var(--wk-ease); cursor: grab; }
.wk-gl:active { cursor: grabbing; }
.wk-3d .wk-gl { opacity: 1; }
.wk-3d.wk-cutting .wk-gl { opacity: 0; transition-duration: .12s; }
.wk-still { position: absolute; inset: 0; background: linear-gradient(160deg, #2a2f35, #1b1e22); }
.wk-still img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .28s var(--wk-ease); }
.wk-still.cut img { transition: none; }
.wk-still img.off { opacity: 0; }
.wk-3d .wk-still { opacity: 0; transition: opacity .4s .1s; pointer-events: none; }

/* overlays */
.wk-label { position: absolute; z-index: 3; inset-block-start: 14px; inset-inline-start: 14px; margin: 0; max-width: min(420px, calc(100% - 28px));
  padding: 8px 13px; border-radius: 999px; background: var(--wk-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  color: #fff; font: 600 13px/1.3 var(--b-body, "Inter", system-ui, sans-serif); }
.wk-mmhost { position: absolute; z-index: 3; inset-block-start: 58px; inset-inline-start: 14px; width: 196px; }
.wk-mm { background: rgba(255, 255, 255, .94); border-radius: 14px; padding: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, .22); }
.wk-mm-svg { display: block; width: 100%; height: auto; }
.wk-mm-room { fill: #f1f2ef; stroke: none; }
.wk-mm-room.go { fill: #e9ebe7; cursor: pointer; }
.wk-mm-room.on { fill: color-mix(in srgb, var(--wk-a) 20%, #fff); }
.wk-mm-room:focus-visible { outline: none; stroke: var(--wk-a); stroke-width: .12; }
.wk-mm-wall { stroke: #2c2f33; stroke-linecap: square; }
.wk-mm-win { stroke: #8fb6cc; stroke-width: .1 !important; }
.wk-mm-stop { fill: #fff; stroke: var(--wk-a); stroke-width: .09; pointer-events: none; }
.wk-mm-stop.on { opacity: 0; }
.wk-mm-dot { fill: var(--wk-a); stroke: #fff; stroke-width: .1; }
.wk-mm-cone { fill: color-mix(in srgb, var(--wk-a) 28%, transparent); }
.wk-mm-me { pointer-events: none; }
.wk-hint { position: absolute; z-index: 3; inset-inline-start: 14px; inset-block-end: 78px; display: flex; align-items: center; gap: 8px;
  padding: 7px 12px; border-radius: 999px; background: var(--wk-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, .92); font: 500 12.5px/1.3 var(--b-body, "Inter", system-ui, sans-serif); transition: opacity .2s; pointer-events: none; }
.wk-hint.gone { opacity: 0; }
.wk-stops { position: absolute; z-index: 3; inset-block-end: 14px; inset-inline-start: 14px; inset-inline-end: 384px; display: flex; gap: 4px;
  width: max-content; max-width: calc(100% - 412px); padding: 4px; border-radius: 16px; overflow-x: auto; scrollbar-width: none;
  background: var(--wk-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wk-stops::-webkit-scrollbar { display: none; }
.wk-stop { flex: none; min-height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: transparent; color: rgba(255, 255, 255, .86);
  font: 600 14px/1 var(--b-body, "Inter", system-ui, sans-serif); cursor: pointer; transition: background-color .16s, color .16s; }
.wk-stop[aria-pressed="true"] { background: #fff; color: var(--wk-ink); }
.wk-stop:focus-visible, .wk-opt:focus-visible, .wk-cta:focus-visible, .wk-sheet-t:focus-visible, .wk-x:focus-visible { outline: 3px solid var(--wk-a); outline-offset: 2px; }
.wk-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; }
.wk-loading .wk-status { z-index: 3; width: auto; height: auto; clip-path: none; inset-block-start: 14px; inset-inline-start: 50%; transform: translateX(-50%);
  padding: 8px 14px; border-radius: 999px; background: var(--wk-glass); color: #fff; font: 600 12.5px/1 var(--b-body, "Inter", system-ui, sans-serif); }
.wk-loading .wk-status::after { content: ""; display: inline-block; width: 9px; height: 9px; margin-inline-start: 9px; border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff; vertical-align: -1px; animation: wkspin .8s linear infinite; }
@keyframes wkspin { to { transform: rotate(360deg); } }

/* finishes panel */
.wk-panel { position: absolute; z-index: 4; inset-block: 14px; inset-inline-end: 14px; width: 356px; display: flex; flex-direction: column;
  background: #fff; border-radius: 20px; box-shadow: 0 14px 48px rgba(0, 0, 0, .3); overflow: hidden; }
.wk-ph { padding: 18px 20px 10px; display: grid; grid-template-columns: 1fr auto; align-items: start; column-gap: 10px; }
.wk-room { grid-column: 1; margin: 0; font: 600 25px/1.15 var(--b-display, Georgia, serif); letter-spacing: -.01em; color: var(--wk-ink); }
.wk-home { grid-column: 1; margin: 4px 0 0; font-size: 13px; color: var(--wk-dim); }
.wk-sheet-t { display: none; }
.wk-picks { flex: 1; overflow-y: auto; padding: 4px 20px 12px; overscroll-behavior: contain; animation: wkin .2s var(--wk-ease); }
@keyframes wkin { from { opacity: 0; transform: translateY(6px); } }
.wk-pick { border: 0; margin: 0 0 14px; padding: 0; min-width: 0; }
.wk-pick legend { padding: 0; margin-bottom: 7px; font-size: 13px; font-weight: 600; color: var(--wk-dim); }
.wk-opts { display: grid; gap: 6px; }
.wk-opt { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; width: 100%; min-height: 52px; padding: 8px 11px;
  border: 1.5px solid var(--wk-line); border-radius: 13px; background: #fff; color: var(--wk-ink); text-align: start; cursor: pointer;
  font: 500 14.5px/1.25 var(--b-body, "Inter", system-ui, sans-serif); transition: border-color .14s, background-color .14s, transform .1s; }
.wk-opt:active { transform: scale(.985); }
.wk-opt[aria-pressed="true"] { border-color: var(--wk-a); background: color-mix(in srgb, var(--wk-a) 7%, #fff); box-shadow: inset 0 0 0 1px var(--wk-a); }
.wk-sw { width: 34px; height: 34px; border-radius: 50%; background-color: var(--sw); background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
.wk-pl { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.wk-price { font-weight: 600; font-variant-numeric: tabular-nums; }
.wk-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: #eff0ed; color: var(--wk-dim);
  font: 600 10.5px/1 var(--b-body, "Inter", system-ui, sans-serif); white-space: nowrap; }
.wk-none { color: var(--wk-dim); font-size: 14px; }
.wk-foot { padding: 12px 20px 18px; border-top: 1px solid var(--wk-line); display: grid; gap: 10px; }
.wk-total { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--wk-dim); }
.wk-total b { margin-inline-start: auto; color: var(--wk-ink); font-size: 19px; font-variant-numeric: tabular-nums; }
.wk-cta { width: 100%; min-height: 50px; border: 0; border-radius: 13px; background: var(--wk-a); color: var(--wk-ai); cursor: pointer;
  font: 600 16px/1 var(--b-body, "Inter", system-ui, sans-serif); transition: transform .1s, filter .12s; }
.wk-cta:active { transform: scale(.98); filter: brightness(.95); }

/* lead form */
.wk-form { position: absolute; inset: 0; z-index: 10; display: grid; place-items: center; padding: 16px; background: rgba(10, 12, 14, .5);
  opacity: 0; transition: opacity .2s var(--wk-ease); }
.wk-form.in { opacity: 1; }
.wk-card { width: min(420px, 100%); max-height: 100%; overflow-y: auto; background: #fff; border-radius: 20px; padding: 18px 20px 20px; display: grid; gap: 11px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .35); transform: translateY(10px) scale(.985); transition: transform .26s cubic-bezier(.16, 1, .3, 1); }
.wk-form.in .wk-card { transform: none; }
.wk-fh { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wk-fh h2, .wk-done h2 { margin: 0; font: 600 23px/1.15 var(--b-display, Georgia, serif); color: var(--wk-ink); }
.wk-x { width: 44px; height: 44px; margin-inline-end: -10px; border: 0; border-radius: 12px; background: transparent; color: var(--wk-dim); display: grid; place-items: center; cursor: pointer; }
.wk-fsum { margin: -4px 0 2px; font-size: 13px; color: var(--wk-dim); }
.wk-card label { display: grid; gap: 5px; font-size: 13px; font-weight: 600; color: var(--wk-dim); }
.wk-card input, .wk-card select, .wk-card textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1.5px solid var(--wk-line); border-radius: 11px;
  background: #fff; color: var(--wk-ink); font: 500 16px/1.3 var(--b-body, "Inter", system-ui, sans-serif); }
.wk-card textarea { resize: vertical; min-height: 64px; }
.wk-card input:focus, .wk-card select:focus, .wk-card textarea:focus { outline: none; border-color: var(--wk-a); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wk-a) 22%, transparent); }
.wk-err { margin: 0; color: #b42318; font-size: 13.5px; font-weight: 600; }
.wk-done { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 14px 4px 2px; }
.wk-done p { margin: 0 0 6px; color: var(--wk-dim); font-size: 15px; line-height: 1.45; max-width: 30ch; }
.wk-ok { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--wk-a); color: var(--wk-ai); }

/* stills mode */
.wk-stills .wk-hint { inset-block-end: 78px; }

/* tablet portrait / narrow */
@media (max-width: 900px) {
  .wk-panel { width: 316px; }
  /* 316 px panel: price over its "sample price" chip, so long finish names keep room (ipad_check 2026-11-11) */
  .wk-pl { flex-direction: column; align-items: flex-end; gap: 3px; }
  .wk-stops { inset-inline-end: 342px; max-width: calc(100% - 370px); }
  .wk-mmhost { width: 160px; }
}
/* phone: panel becomes a bottom sheet */
@media (max-width: 640px) {
  .wk { border-radius: 14px; }
  .wk-label { font-size: 12px; padding: 7px 11px; inset-block-start: 10px; inset-inline-start: 10px; max-width: calc(100% - 140px); border-radius: 14px; }
  .wk-mmhost { inset-block-start: 10px; inset-inline-start: auto; inset-inline-end: 10px; width: 118px; }
  .wk-mm { padding: 5px; border-radius: 11px; }
  .wk-hint { display: none; }
  .wk-panel { inset-block-start: auto; inset-block-end: 0; inset-inline: 0; width: auto; max-height: 64%; border-radius: 20px 20px 0 0; box-shadow: 0 -8px 32px rgba(0, 0, 0, .28); }
  .wk-ph { padding: 14px 16px 6px; align-items: center; }
  .wk-room { font-size: 21px; }
  .wk-home { font-size: 12px; margin-top: 2px; }
  .wk-sheet-t { grid-column: 2; grid-row: 1 / span 2; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1.5px solid var(--wk-line);
    border-radius: 12px; background: #fff; color: var(--wk-ink); font: 600 14px/1 var(--b-body, "Inter", system-ui, sans-serif); cursor: pointer; }
  .wk-sheet-t svg { transition: transform .2s var(--wk-ease); }
  .wk-panel.open .wk-sheet-t svg { transform: rotate(180deg); }
  .wk-picks { display: none; padding: 4px 16px 8px; }
  .wk-panel.open .wk-picks { display: block; }
  .wk-foot { padding: 10px 16px 14px; grid-template-columns: 1fr auto; align-items: center; border-top: 0; }
  .wk-total { flex-wrap: wrap; row-gap: 2px; font-size: 13px; }
  .wk-total b { margin-inline-start: 0; font-size: 17px; }
  .wk-cta { width: auto; padding: 0 18px; min-height: 48px; }
  .wk-card .wk-cta { width: 100%; }
  .wk-total + .wk-cta { grid-column: 2; }
  .wk-foot > .wk-cta:only-child { grid-column: 1 / -1; width: 100%; }
  .wk-stops { inset-inline: 10px; inset-block-end: auto; inset-block-start: auto; bottom: calc(var(--wk-sheet, 132px) + 10px); max-width: none; width: auto; }
  .wk-form { place-items: end stretch; padding: 0; }
  .wk-card { width: 100%; border-radius: 20px 20px 0 0; max-height: 92%; }
}
@media (prefers-reduced-motion: reduce) {
  .wk-gl, .wk-still img, .wk-form, .wk-card, .wk-opt, .wk-stop, .wk-cta, .wk-sheet-t svg { transition-duration: .01s !important; }
  .wk-card { transform: none !important; }
  .wk-picks { animation: none; }
  .wk-loading .wk-status::after { animation-duration: 2.4s; }
}
.wk-inc { font-weight: 500; color: var(--wk-dim); }

/* ---------------------------------------------------------------- Version 7, lane h: three ways to show a home (walk-levels.js) */
.wkl { --wk-ink: #16181b; --wk-dim: #5b6067; --wk-glass: rgba(18, 20, 23, .64); flex: 1 1 auto; min-width: 0; min-height: 0; width: 100%; display: flex; flex-direction: column; gap: 10px; font-family: var(--b-body, "Inter", system-ui, sans-serif); }
.wkl *, .wkl *::before, .wkl *::after { box-sizing: border-box; }
.wkl-stage { position: relative; flex: 1 1 auto; min-height: 340px; display: flex; }
.wkl-stage > .wk[hidden] { display: none; }
.wkl-bar { flex: none; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px 14px; color: var(--chrome-ink, #16181b); }
.wkl-title { grid-column: 1; margin: 0; font: 600 14px/1.2 var(--b-body, "Inter", system-ui, sans-serif); letter-spacing: .01em; }
.wkl-tabs { grid-column: 2; display: flex; gap: 6px; }
.wkl-tab { flex: 1 1 0; min-width: 0; min-height: 48px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 9px; align-items: center; text-align: start;
  padding: 6px 12px; border: 1.5px solid rgba(22, 24, 27, .16); border-radius: 14px; background: #fff; color: #16181b; cursor: pointer; font: inherit; transition: background-color .16s, border-color .16s, box-shadow .16s; }
.wkl-tab:hover { border-color: rgba(22, 24, 27, .36); }
.wkl-tab[aria-selected="true"] { border-color: var(--wk-a, var(--b-primary, #1f4fd8)); box-shadow: 0 0 0 1px var(--wk-a, var(--b-primary, #1f4fd8)); }
.wkl-tab:focus-visible, .wkl-prices summary:focus-visible, .wkl-mode button:focus-visible, .wkl-pin.go:focus-visible { outline: 3px solid var(--wk-a, var(--b-primary, #1f4fd8)); outline-offset: 2px; }
.wkl-num { grid-row: 1 / span 2; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(22, 24, 27, .08); font: 700 13px/1 inherit; }
.wkl-tab[aria-selected="true"] .wkl-num { background: var(--wk-a, var(--b-primary, #1f4fd8)); color: var(--b-primary-ink, #fff); }
.wkl-tt { font: 600 14.5px/1.2 var(--b-body, "Inter", system-ui, sans-serif); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wkl-td { font: 500 12px/1.25 var(--b-body, "Inter", system-ui, sans-serif); color: #5b6067; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wkl-prices { grid-column: 1 / -1; }
.wkl-prices summary { display: inline-flex; align-items: center; min-height: 36px; padding: 0 2px; font: 600 13px/1 var(--b-body, "Inter", system-ui, sans-serif); cursor: pointer; }
.wkl-rows { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wkl-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: start; padding: 9px 12px; border-radius: 12px; background: #fff; border: 1.5px solid rgba(22, 24, 27, .12); color: #16181b; }
.wkl-row.on { border-color: var(--wk-a, var(--b-primary, #1f4fd8)); }
.wkl-rn { grid-column: 1; font: 600 13.5px/1.25 var(--b-body, "Inter", system-ui, sans-serif); }
.wkl-rp { grid-column: 1 / -1; font: 500 13px/1.35 var(--b-body, "Inter", system-ui, sans-serif); color: #3b3f45; }
.wkl-row .wk-chip { grid-column: 2; grid-row: 1; }
.wkl-lv { position: relative; flex: 1 1 auto; min-width: 0; border-radius: 18px; overflow: hidden; isolation: isolate; background: #1c1f23; min-height: 340px; }
.wkl-lv[hidden] { display: none; }
.wkl-fit { position: absolute; inset: 0 0 52px; display: grid; place-items: center; padding: 10px; }
.wkl-fit > * { max-width: 100%; }
.wkl-planbox { position: relative; width: 100%; max-width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 36px rgba(0, 0, 0, .35); background: #e9ecef; }
.wkl-planimg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.wkl-pins { position: absolute; inset: 0; }
.wkl-pin { position: absolute; transform: translate(-50%, -50%); padding: 5px 11px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .92); color: #16181b; box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  font: 600 12.5px/1.2 var(--b-body, "Inter", system-ui, sans-serif); white-space: nowrap; pointer-events: none; }
.wkl-pin.go { pointer-events: auto; cursor: pointer; min-height: 32px; background: var(--wk-a, var(--b-primary, #1f4fd8)); color: var(--b-primary-ink, #fff); }
.wkl-cap { position: absolute; inset-inline: 14px; inset-block-end: 12px; margin: 0; color: rgba(255, 255, 255, .9); font: 500 13px/1.35 var(--b-body, "Inter", system-ui, sans-serif); }
.wkl-v1.none .wkl-fit { display: none; }
.wkl-shot { position: absolute; inset: 0; background: linear-gradient(160deg, #2a2f35, #1b1e22); }
.wkl-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wkl-pano { position: absolute; inset: 0; touch-action: none; }
.wkl-badge { position: absolute; z-index: 3; inset-block-start: 14px; inset-inline-start: 14px; margin: 0; padding: 8px 13px; border-radius: 999px; background: var(--wk-glass, rgba(18, 20, 23, .64));
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font: 600 13px/1.3 var(--b-body, "Inter", system-ui, sans-serif); }
.wkl-mode { position: absolute; z-index: 3; inset-block-start: 10px; inset-inline-end: 10px; display: flex; gap: 3px; padding: 4px; border-radius: 14px; background: var(--wk-glass, rgba(18, 20, 23, .64));
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wkl-mode button { min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; color: rgba(255, 255, 255, .88); font: 600 13.5px/1 var(--b-body, "Inter", system-ui, sans-serif); cursor: pointer; }
.wkl-mode button[aria-pressed="true"] { background: #fff; color: #16181b; }
.wkl-hint2 { position: absolute; z-index: 3; inset-inline-start: 14px; inset-block-end: 74px; margin: 0; color: #fff; font: 500 12.5px/1.3 var(--b-body, "Inter", system-ui, sans-serif); text-shadow: 0 1px 6px rgba(0, 0, 0, .7); pointer-events: none; }
.wkl-hint2:empty { display: none; }
.wkl-rooms { position: absolute; z-index: 3; inset-block-end: 14px; inset-inline: 14px; display: flex; gap: 4px; width: max-content; max-width: calc(100% - 28px); padding: 4px; border-radius: 16px; overflow-x: auto; scrollbar-width: none;
  background: var(--wk-glass, rgba(18, 20, 23, .64)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wkl-rooms::-webkit-scrollbar { display: none; }
@media (max-width: 900px) {
  .wkl-bar { grid-template-columns: 1fr; }
  .wkl-tabs, .wkl-title { grid-column: 1; }
  .wkl-td { display: none; }
  .wkl-rows { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .wkl { gap: 6px; }
  .wkl-title { font-size: 12.5px; }
  .wkl-tab { min-height: 44px; padding: 5px 8px; column-gap: 6px; border-radius: 12px; }
  .wkl-num { width: 22px; height: 22px; font-size: 12px; }
  .wkl-tt { font-size: 12.5px; white-space: normal; line-height: 1.15; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .wkl-prices summary { min-height: 32px; }
  .wkl-lv { border-radius: 14px; }
  .wkl-badge { font-size: 12px; padding: 7px 11px; }
  .wkl-mode { inset-block-start: auto; inset-block-end: 68px; inset-inline-end: 10px; }
  .wkl-hint2 { inset-block-end: 80px; }
  .wkl-rooms { inset-block-end: 10px; inset-inline: 10px; max-width: calc(100% - 20px); }
  .wkl-cap { font-size: 12px; }
}
.wkl-pin.go::after { content: ""; position: absolute; inset: -8px; }
@media (max-width: 640px) {
  .wkl-pin { padding: 3px 7px; font-size: 10.5px; box-shadow: 0 1px 6px rgba(0, 0, 0, .3); }
  .wkl-pin.go { min-height: 0; }
  .wkl-fit { padding: 6px; inset-block-end: 44px; }
}

/* lane h review fixes: add-on rows always visible, short labels on small plans, plan fills the panel */
.wkl-ph { margin: 0 0 4px; font: 600 13px/1.2 var(--b-body, "Inter", system-ui, sans-serif); }
.wkl-pin .s { display: none; }
.wkl-planbox.short .wkl-pin .f { display: none; }
.wkl-planbox.short .wkl-pin .s { display: inline; }
.wkl-fit { padding: 0; inset: 0 0 46px; }
.wkl-planbox { border-radius: 0; box-shadow: none; }
@media (max-width: 640px) {
  .wkl-rows { gap: 4px; }
  .wkl-row { padding: 6px 10px; grid-template-columns: auto 1fr auto; align-items: center; gap: 0 8px; }
  .wkl-rn { grid-column: 1; font-size: 12.5px; }
  .wkl-rp { grid-column: 2; font-size: 11.5px; line-height: 1.25; }
  .wkl-row .wk-chip { display: none; }
  .wkl-ph { display: none; }
}