.screen[data-screen="direction"] .fork{border:0;margin:0;padding:0;min-width:0}
.screen[data-screen="direction"] .fork-grid{display:grid;grid-template-columns:1fr;gap:9px}
.screen[data-screen="direction"] .fk{display:block;position:relative;cursor:pointer;min-width:0}
.screen[data-screen="direction"] .fk-in{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.screen[data-screen="direction"] .fk-box{display:block;background:var(--surface);border:1.5px solid var(--edge);border-radius:14px;
  padding:13px 38px 13px 14px;position:relative;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .25s var(--ease),transform .3s var(--spring,var(--ease))}
.screen[data-screen="direction"] .fk:hover .fk-box{border-color:var(--accent-text);transform:translateY(-1px)}
.screen[data-screen="direction"] .fk-in:focus-visible + .fk-box{outline:2px solid var(--accent-text);outline-offset:3px}
.screen[data-screen="direction"] .fk-in:checked + .fk-box{border-color:var(--klein);border-width:2px;padding:11.5px 36.5px 11.5px 12.5px;
  background:color-mix(in srgb,var(--klein) 4%,var(--surface));
  box-shadow:0 14px 34px -20px rgba(36,56,230,.55)}
.screen[data-screen="direction"] .fk-top{display:flex;align-items:center;gap:10px;margin:0}
.screen[data-screen="direction"] .fk-ic{flex:none;width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;background:#fff;border:1px solid var(--edge);color:var(--ink);
  box-shadow:0 8px 20px -15px rgba(20,18,20,.28),inset 0 1px 1px rgba(255,255,255,.6);
  transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease),
             transform .45s var(--spring,cubic-bezier(.34,1.56,.64,1))}
.screen[data-screen="direction"] .fk-ic svg{width:20px;height:20px;display:block;
  fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke}
.screen[data-screen="direction"] .gd:hover .fk-ic{transform:translateY(-2px) rotate(-4deg)}
.screen[data-screen="direction"] .fk-in:checked + .fk-box .fk-ic{background:var(--accent);color:#fff;
  border-color:var(--accent);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--accent) 70%,transparent)}
.screen[data-screen="direction"] .fk-t{font-family:var(--serif);font-weight:560;font-size:15px;line-height:1.2;letter-spacing:-.018em;margin:0}
.screen[data-screen="direction"] .fk-mark{position:absolute;top:50%;right:12px;margin-top:-10px;flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--edge);
  display:grid;place-items:center;color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.screen[data-screen="direction"] .fk-in:checked + .fk-box .fk-mark{background:var(--klein);border-color:var(--klein);color:#fff}
.screen[data-screen="direction"] .fk-s{display:block;margin:6px 0 0 42px;font:400 12px var(--sans);line-height:1.45;color:var(--muted)}
.screen[data-screen="direction"] .fk-val{display:none}
.screen[data-screen="direction"] .fk-price{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;color:var(--ink);display:block}
.screen[data-screen="direction"] .fk-price small{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:7px}
.screen[data-screen="direction"] .fk-inc{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--accent-text);font-weight:500}
.screen[data-screen="direction"] .fk-inc[hidden]{display:none}
.screen[data-screen="direction"] .vf-tpl{display:none;flex-direction:column;gap:18px;width:100%;max-width:1280px;margin:0 auto;padding:6px 0 40px}
.screen[data-screen="direction"] .vf-picker[data-mode="template"] .vf-tpl{display:flex}
.screen[data-screen="direction"] .vf-picker[data-mode="template"] .vf-frame,
.screen[data-screen="direction"] .vf-picker[data-mode="template"] .vf-skipbar,
.screen[data-screen="direction"] .vf-picker[data-mode="template"] .vf-mocknote{display:none}
.screen[data-screen="direction"] .vf-panes,
.screen[data-screen="direction"] .vf-steps .vf-tab{transition:opacity .26s ease}
.screen[data-screen="direction"] .vf-picker.mode-swapping .vf-panes,
.screen[data-screen="direction"] .vf-picker.mode-swapping .vf-steps{opacity:0}
.screen[data-screen="direction"] .vf-picker[data-mode="template"].tpl-picked .vf-pane-tpl{display:none}
.screen[data-screen="direction"] .tpl-swap{display:none}
.screen[data-screen="direction"] .vf-picker[data-mode="template"].tpl-picked .tpl-swap{display:flex;align-items:center;gap:9px;
  margin:0 0 14px;padding:9px 11px;border:1px solid var(--edge);border-radius:11px;background:color-mix(in srgb,var(--klein) 5%,var(--surface))}
.screen[data-screen="direction"] .tpl-swap-n{font:600 12.5px var(--sans);color:var(--ink);flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen[data-screen="direction"] .tpl-swap-b{appearance:none;border:1px solid var(--edge);background:var(--surface);cursor:pointer;
  border-radius:9px;padding:6px 11px;font:600 11.5px var(--sans);color:var(--accent-text)}
.screen[data-screen="direction"] .tpl-swap-b:hover{border-color:var(--klein)}
.screen[data-screen="direction"] .vf-tpl-preview{z-index:6;border:1px solid var(--edge);border-radius:16px;
  overflow:hidden;background:#fff;box-shadow:0 30px 60px -42px rgba(21,22,26,.55)}
.screen[data-screen="direction"] .vf-tpl-chrome{display:flex;align-items:center;gap:10px;padding:9px 14px;
  border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--surface))}
.screen[data-screen="direction"] .vf-tpl-dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent)}
.screen[data-screen="direction"] .vf-tpl-url{flex:1;min-width:0;text-align:center;font:600 11px ui-monospace,monospace;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen[data-screen="direction"] .vf-tpl-exp{flex:0 0 auto;width:28px;height:24px;border:0;border-radius:8px;
  background:rgba(21,22,26,.07);color:color-mix(in srgb,var(--ink) 52%,transparent);
  cursor:pointer;display:grid;place-items:center;transition:background .18s,color .18s}
.screen[data-screen="direction"] .vf-tpl-exp:hover{background:color-mix(in srgb,var(--accent) 10%,rgba(21,22,26,.07));color:var(--accent)}
.screen[data-screen="direction"] .vf-tpl-exp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.screen[data-screen="direction"] .vf-tpl-exp .vf-ic-col{display:none}
.screen[data-screen="direction"] .vf-picker.preview-full .vf-tpl-exp{background:var(--accent);color:#fff}
.screen[data-screen="direction"] .vf-picker.preview-full .vf-tpl-exp .vf-ic-exp{display:none}
.screen[data-screen="direction"] .vf-picker.preview-full .vf-tpl-exp .vf-ic-col{display:block}
.screen[data-screen="direction"] .vf-tpl-dots{display:inline-flex;gap:5px;flex:0 0 auto;min-width:28px}
.screen[data-screen="direction"] .vf-tpl-live{display:block;width:100%;height:min(54vh,440px);border:0;background:#fff;pointer-events:none}
.screen[data-screen="direction"] .vf-picker[data-mode="template"] .vf-tpl-preview{
  width:100%;margin-inline:auto;
  transition:max-width .42s var(--ease,cubic-bezier(.22,.61,.36,1))}
.screen[data-screen="direction"] .vf-picker[data-mode="template"][data-device="tablet"] .vf-tpl-preview{max-width:834px}
.screen[data-screen="direction"] .vf-picker[data-mode="template"][data-device="mobile"] .vf-tpl-preview{max-width:414px}
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-canvas{display:flex;flex-direction:column}
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-tpl{flex:1 1 auto;min-height:0;max-width:none;padding:0 0 10px}
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-tpl-preview{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:0}
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-tpl-live{pointer-events:auto;flex:1 1 auto;min-height:0;height:auto}
.screen[data-screen="direction"] .vf-picker.preview-full .vf-side,
.screen[data-screen="direction"] .vf-picker.preview-full .vf-collapse{display:none}
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-head,
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-mode,
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-mocknote,
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-tpl-store,
.screen[data-screen="direction"] .vf-picker.preview-full[data-mode="template"] .vf-skipbar{display:none}
body[data-vstep="template"] .screen[data-screen="direction"] .vf-picker.preview-full.tpl-picked .vf-tpl-preview{
  display:flex;flex-direction:column;margin-bottom:0;height:100%;border-radius:0}
.screen[data-screen="direction"] .vf-tpl-confirm{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:12px 16px;
  border-top:1px solid var(--line);background:var(--surface)}
.screen[data-screen="direction"] .vf-tpl-confirm[hidden]{display:none}
.screen[data-screen="direction"] .vf-tpl-basefree[hidden]{display:none}
.screen[data-screen="direction"] .vf-tpl-cf-t{font:500 14px var(--sans);color:var(--ink)}
.screen[data-screen="direction"] .vf-tpl-cf-t b{font:600 14px var(--serif)}
.screen[data-screen="direction"] .vf-tpl-basefree{font:600 12.5px var(--sans);color:var(--accent-text)}
.screen[data-screen="direction"] .vf-tpl-basefree s{opacity:.7;font-weight:500}
.screen[data-screen="direction"] .vf-tpl-remove{margin-left:auto;appearance:none;border:1px solid var(--edge);background:#fff;
  border-radius:999px;padding:7px 15px;font:600 12.5px var(--sans);color:var(--muted);cursor:pointer;transition:border-color .16s,color .16s}
.screen[data-screen="direction"] .vf-tpl-remove:hover{border-color:var(--accent);color:var(--accent-text)}
.screen[data-screen="direction"] .vf-tpl-store{
  --card-bg:var(--surface); --line-2:var(--edge);
  --line-soft:color-mix(in srgb,var(--ink) 7%,transparent);
  --display:var(--serif); --body:var(--sans);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --radius-card:18px; --gut:16px;
  display:block;container-type:inline-size;container-name:tplstore}
.screen[data-screen="direction"] .tpl-wrap{display:grid;grid-template-columns:minmax(0,1fr);
  align-items:end;column-gap:clamp(20px,3cqw,48px)}
@container tplstore (min-width:820px){.screen[data-screen="direction"] .tpl-wrap{grid-template-columns:minmax(0,1fr) auto}}
.screen[data-screen="direction"] .tpl-wrap::after{content:"";grid-column:1/-1;height:1px;
  background:var(--line);margin-top:24px}
.screen[data-screen="direction"] .tpl-h1{font:900 clamp(1.9rem,4.4cqw,3.05rem)/.98 var(--display);
  letter-spacing:-.028em;color:var(--ink);margin:0;max-width:13ch}
.screen[data-screen="direction"] .tpl-h1 b{color:var(--accent);font-weight:900}
.screen[data-screen="direction"] .tpl-sf{font:400 clamp(.95rem,1.15cqw,1.1rem)/1.5 var(--body);
  letter-spacing:-.004em;color:color-mix(in srgb,var(--ink) 78%,var(--paper));
  margin:clamp(14px,1.6cqw,22px) 0 0;max-width:52ch}
.screen[data-screen="direction"] .tpl-sf em{font-style:italic;font-weight:700;color:var(--ink)}
@container tplstore (min-width:820px){.screen[data-screen="direction"] .tpl-toolbar{justify-content:flex-end;margin:0;flex-wrap:nowrap}}
.screen[data-screen="direction"] .tpl-toolbar #vfTplQ,
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort{height:46px;border:1px solid var(--line-2);
  border-radius:13px;background:var(--card-bg);color:var(--ink);font:400 .95rem var(--body);
  padding:0 15px;transition:border-color .16s ease}
.screen[data-screen="direction"] .tpl-toolbar #vfTplQ{flex:0 1 300px;min-width:0;caret-color:var(--accent)}
@container tplstore (min-width:820px){.screen[data-screen="direction"] .tpl-toolbar #vfTplQ{flex:0 0 300px}}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort{flex:0 0 auto;cursor:pointer}
.screen[data-screen="direction"] .tpl-toolbar #vfTplQ::placeholder{color:var(--muted);opacity:1}
.screen[data-screen="direction"] .tpl-toolbar #vfTplQ:hover,
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2))}
.screen[data-screen="direction"] .tpl-toolbar #vfTplQ:focus-visible,
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort:focus-visible{outline:2px solid var(--accent);
  outline-offset:1px;border-color:var(--accent)}
@media (pointer:coarse){.screen[data-screen="direction"] .tpl-toolbar #vfTplQ{font-size:16px}}
.screen[data-screen="direction"] .tpl-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;padding:0;margin:18px 0 0;--chev-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@supports (appearance: base-select){.screen[data-screen="direction"] .tpl-toolbar #vfTplSort,
  .screen[data-screen="direction"] .tpl-toolbar #vfTplSort::picker(select){appearance:base-select}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort{display:inline-flex;align-items:center;gap:10px}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort::picker-icon{content:"";width:13px;height:13px;
    color:var(--muted);background:currentColor;
    -webkit-mask:var(--chev-mask) center / contain no-repeat;
    mask:var(--chev-mask) center / contain no-repeat;
    transition:transform .2s cubic-bezier(.22,1,.36,1)}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort:open::picker-icon{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.screen[data-screen="direction"] .tpl-toolbar #vfTplSort::picker-icon{transition:none}}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort::picker(select){
    margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:14px;
    background:var(--card-bg);box-shadow:0 24px 60px -20px rgba(0,0,0,.35)}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort:open::picker(select){
    display:flex;flex-direction:column;gap:2px}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort option{display:flex;align-items:center;gap:8px;
    padding:9px 12px;border-radius:10px;font-family:var(--body);font-size:.92rem;font-weight:700;
    letter-spacing:-.01em;color:var(--ink);background:transparent;cursor:pointer;transition:background .15s}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort option:hover,
  .screen[data-screen="direction"] .tpl-toolbar #vfTplSort option:focus,
  .screen[data-screen="direction"] .tpl-toolbar #vfTplSort option:active{
    background:color-mix(in srgb,var(--accent) 8%,transparent);outline:none}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort option:checked{color:var(--accent-text)}
.screen[data-screen="direction"] .tpl-toolbar #vfTplSort option::checkmark{color:var(--accent-text)}}
.screen[data-screen="direction"] .tpl-count{position:absolute;width:1px;height:1px;padding:0;
  margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.screen[data-screen="direction"] .tpl-shell{display:grid;grid-template-columns:minmax(0,1fr);
  align-items:stretch;margin-top:30px}
@container tplstore (min-width:700px){.screen[data-screen="direction"] .tpl-shell{grid-template-columns:clamp(196px,23cqw,258px) minmax(0,1fr)}}
.screen[data-screen="direction"] .tpl-side{display:none;grid-column:1;align-self:stretch;
  padding:0 var(--gut) 10px 0;margin:0;background:none;border:0;
  border-right:1px solid var(--line-2);border-radius:0;overflow:visible}
@container tplstore (min-width:700px){.screen[data-screen="direction"] .tpl-side{display:block}}
.screen[data-screen="direction"] .tpl-side::-webkit-scrollbar{width:9px}
.screen[data-screen="direction"] .tpl-side::-webkit-scrollbar-track{background:transparent}
.screen[data-screen="direction"] .tpl-side::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 20%,transparent);border:0;border-radius:9px}
.screen[data-screen="direction"] .tpl-h{font:700 1.22rem var(--display);letter-spacing:-.015em;
  text-transform:none;color:var(--ink);margin:0 0 14px;padding-inline:10px}
.screen[data-screen="direction"] .tpl-list{display:flex;flex-direction:column;gap:0}
.screen[data-screen="direction"] .tpl-row{position:relative;display:flex;align-items:center;gap:12px;
  width:100%;height:44px;padding:0 10px;cursor:pointer;text-align:left;border:0;background:none;
  border-radius:12px;font:400 .99rem var(--body);letter-spacing:-.004em;color:var(--muted);
  transition:color .14s ease,background-color .14s ease}
.screen[data-screen="direction"] .tpl-row::after{content:"";position:absolute;left:-10px;top:9px;
  bottom:9px;width:3px;border-radius:0 2px 2px 0;background:var(--accent);opacity:0;
  transition:opacity .14s ease}
.screen[data-screen="direction"] .tpl-ico{flex:0 0 auto;width:21px;height:21px;stroke:currentColor;
  fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;overflow:visible;opacity:1;transition:stroke .14s ease}
.screen[data-screen="direction"] .tpl-text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:6px}
.screen[data-screen="direction"] .tpl-lab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:1em;letter-spacing:-.012em}
.screen[data-screen="direction"] .tpl-n{flex:0 0 auto;font-weight:400;font-size:.99rem;
  font-variant-numeric:tabular-nums;color:var(--muted);opacity:1}
.screen[data-screen="direction"] .tpl-n::before{content:"("}
.screen[data-screen="direction"] .tpl-n::after{content:")"}
.screen[data-screen="direction"] .tpl-row:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.screen[data-screen="direction"] .tpl-row[aria-pressed="true"]{color:var(--accent-text);font-weight:600;
  background:color-mix(in srgb,var(--accent) 10%,var(--card-bg))}
.screen[data-screen="direction"] .tpl-row[aria-pressed="true"]::after{opacity:1}
.screen[data-screen="direction"] .tpl-row[aria-pressed="true"] .tpl-ico{stroke:var(--accent-text)}
.screen[data-screen="direction"] .tpl-row[aria-pressed="true"] .tpl-n{color:var(--accent-text)}
.screen[data-screen="direction"] .tpl-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.screen[data-screen="direction"] .tpl-row.tpl-fav-row[data-has="1"] .tpl-ico{color:var(--accent);stroke:var(--accent)}
.screen[data-screen="direction"] .tpl-ico .h-fill{fill:currentColor;fill-opacity:0}
.screen[data-screen="direction"] .tpl-row.tpl-fav-row[data-has="1"] .tpl-ico .h-fill{fill-opacity:1}
.screen[data-screen="direction"] .tpl-rooms-m{display:flex;gap:8px;overflow-x:auto;
  scrollbar-width:none;padding:0 0 2px;margin:0 0 20px}
.screen[data-screen="direction"] .tpl-rooms-m::-webkit-scrollbar{display:none}
@container tplstore (min-width:700px){.screen[data-screen="direction"] .tpl-rooms-m{display:none}}
.screen[data-screen="direction"] .tpl-rooms-m .tpl-row{flex:0 0 auto;width:auto;height:44px;
  border:1px solid var(--line);border-radius:999px;padding:0 16px;font-size:.95rem}
.screen[data-screen="direction"] .tpl-rooms-m .tpl-row::after{display:none}
.screen[data-screen="direction"] .tpl-rooms-m .tpl-row[aria-pressed="true"]{border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 10%,var(--paper))}
.screen[data-screen="direction"] .tpl-main{grid-column:auto;min-width:0;padding-left:0;
  container-type:inline-size;container-name:tplmain}
@container tplstore (min-width:700px){.screen[data-screen="direction"] .tpl-main{grid-column:2;padding-left:clamp(18px,2.4cqw,34px)}}
.screen[data-screen="direction"] .tpl-grid{display:grid;grid-template-columns:minmax(0,1fr);
  column-gap:24px;row-gap:44px;align-content:start;padding-bottom:10px}
@container tplmain (min-width:560px){.screen[data-screen="direction"] .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container tplmain (min-width:900px){.screen[data-screen="direction"] .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.screen[data-screen="direction"] .vf-tpl-card{display:flex;flex-direction:column;min-width:0}
.screen[data-screen="direction"] .tpl-cframe{position:relative}
.screen[data-screen="direction"] .tpl-shot{position:relative;display:block;width:100%;padding:0;
  cursor:pointer;
  aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-card);
  background:var(--c-bg,var(--card-bg));border:1px solid var(--line);
  transition:opacity .15s ease-in-out,border-color .15s ease,box-shadow .15s ease}
.screen[data-screen="direction"] .tpl-shot img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:top center;display:block}
.screen[data-screen="direction"] .tpl-shot:hover{opacity:.8}
.screen[data-screen="direction"] .tpl-shot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.screen[data-screen="direction"] .tpl-fav{position:absolute;top:12px;left:12px;z-index:2;
  width:36px;height:36px;padding:0;cursor:pointer;display:grid;place-items:center;
  border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--muted);
  transition:transform .16s cubic-bezier(.2,0,0,1),color .16s ease,border-color .16s ease}
.screen[data-screen="direction"] .tpl-fav::before{content:"";position:absolute;inset:-4px;border-radius:inherit}
.screen[data-screen="direction"] .tpl-fav svg{width:20px;height:20px;stroke:currentColor;fill:none;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.screen[data-screen="direction"] .tpl-fav .h-fill{fill:currentColor;fill-opacity:0}
.screen[data-screen="direction"] .tpl-fav:hover{color:var(--accent);border-color:var(--accent);transform:scale(1.06)}
.screen[data-screen="direction"] .tpl-fav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.screen[data-screen="direction"] .tpl-fav[aria-pressed="true"]{color:var(--accent);border-color:var(--accent)}
.screen[data-screen="direction"] .tpl-fav[aria-pressed="true"] .h-fill{fill-opacity:1}
.screen[data-screen="direction"] .tpl-cmeta{margin-top:18px;display:flex;flex-direction:column;gap:7px}
.screen[data-screen="direction"] .tpl-crow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.screen[data-screen="direction"] .tpl-cname{font:700 1.24rem/1.22 var(--display);letter-spacing:-.022em;
  color:var(--ink);margin:0;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  min-height:2.44em}
.screen[data-screen="direction"] .tpl-cprice{font:500 .86rem var(--mono);
  color:color-mix(in srgb,var(--ink) 45%,transparent);text-decoration:line-through;
  flex:0 0 auto;font-variant-numeric:tabular-nums}
.screen[data-screen="direction"] .tpl-ctrade{font:400 .68rem var(--mono);letter-spacing:.07em;
  text-transform:uppercase;margin:0;align-self:flex-start;padding:4px 11px;border-radius:999px;
  background:var(--line-soft);color:var(--muted);max-width:100%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.screen[data-screen="direction"] [data-room*="Legal"] .tpl-ctrade{background:#e6e8f4;color:#3b4491}
.screen[data-screen="direction"] [data-room*="Professional"] .tpl-ctrade{background:#eaedf1;color:#50677c}
.screen[data-screen="direction"] [data-room*="Finance"] .tpl-ctrade{background:#e7f4f0;color:#327662}
.screen[data-screen="direction"] [data-room*="Health"] .tpl-ctrade{background:#e6f4ec;color:#2f794f}
.screen[data-screen="direction"] [data-room*="Beauty"] .tpl-ctrade{background:#f6e5ec;color:#9b315f}
.screen[data-screen="direction"] [data-room*="Food"] .tpl-ctrade{background:#f7e8e4;color:#a34529}
.screen[data-screen="direction"] [data-room*="Trades"] .tpl-ctrade{background:#f6f0e4;color:#866628}
.screen[data-screen="direction"] [data-room*="Property"] .tpl-ctrade{background:#f4f1e6;color:#7d6b31}
.screen[data-screen="direction"] [data-room*="Travel"] .tpl-ctrade{background:#e5edf6;color:#31629b}
.screen[data-screen="direction"] [data-room*="Creative"] .tpl-ctrade{background:#f0e5f5;color:#763597}
.screen[data-screen="direction"] [data-room*="Retail"] .tpl-ctrade{background:#f6e6e4;color:#9f382d}
.screen[data-screen="direction"] [data-room*="Technology"] .tpl-ctrade{background:#e8e5f6;color:#46319b}
.screen[data-screen="direction"] [data-room*="Education"] .tpl-ctrade{background:#e6eaf4;color:#3b5291}
.screen[data-screen="direction"] [data-room*="Local"] .tpl-ctrade{background:#ecf3e7;color:#4e7434}
.screen[data-screen="direction"] [data-room*="eCommerce"] .tpl-ctrade{background:#e2f0f5;color:#1c6a7d}
.screen[data-screen="direction"] .tpl-cbuy{align-self:flex-start;margin-top:4px;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border:1px solid var(--klein);
  border-radius:12px;background:var(--klein);color:#fff;font:600 .88rem var(--body);
  transition:background .16s ease,border-color .16s ease,color .16s ease}
.screen[data-screen="direction"] .tpl-cbuy:hover{background:var(--accent-lift,var(--klein));border-color:var(--accent-lift,var(--klein))}
.screen[data-screen="direction"] .tpl-cbuy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.screen[data-screen="direction"] .vf-tpl-card.sel .tpl-shot{border-color:var(--klein);box-shadow:0 0 0 2px var(--klein)}
.screen[data-screen="direction"] .vf-tpl-card.sel .tpl-cbuy{background:transparent;color:var(--klein-text);border-color:var(--klein)}
.screen[data-screen="direction"] .vf-tpl-card .tpl-cbuy .tpl-tick{display:none}
.screen[data-screen="direction"] .vf-tpl-card.sel .tpl-cbuy .tpl-tick{display:block}
.screen[data-screen="direction"] .vf-tpl-side-note{margin:12px 0 0;font:400 13px/1.5 var(--sans);color:var(--muted)}
@media (prefers-reduced-motion:reduce){.screen[data-screen="direction"] .tpl-shot,
  .screen[data-screen="direction"] .tpl-fav,
  .screen[data-screen="direction"] .tpl-row,
  .screen[data-screen="direction"] .tpl-row::after,
  .screen[data-screen="direction"] .tpl-cbuy{transition:none}}