/* Three hierarchies: page headings, shared interface/list text, independent article reading. */
:root{
  /* Extracted unchanged from rendered Settings navigation: 15/700/24 and 13/400/20.8. */
  --interface-list-family:var(--sans);
  --interface-list-title-size:15px;--interface-list-title-weight:700;--interface-list-line:1.6;
  --interface-list-secondary-size:13px;--interface-list-secondary-weight:400;
  --reader-heading-size:1.4375rem;--reader-heading-weight:700;
  --reader-title-size:var(--interface-list-title-size);--reader-title-weight:var(--interface-list-title-weight);--reader-title-line:var(--interface-list-line);
  --reader-title-compact-size:var(--reader-title-size);--reader-publication-size:12px;--reader-publication-weight:500;
  --reader-section-gap:12px;--reader-card-padding:10px;--reader-card-gap:8px;
  --reader-thumb-width:76px;--reader-thumb-max-height:76px;--reader-story-gap:10px;--reader-row-gap:2px;--reader-footer-gap:6px;
  --reader-excerpt-size:var(--interface-list-secondary-size);--reader-meta-size:12px;
  --reader-action-size:.8125rem;--reader-action-weight:600;--reader-action-line:1.35;
  --reader-notice-size:.8125rem;--reader-notice-line:1.4;
  --reader-menu-title-size:.875rem;--reader-menu-description-size:.75rem;
}
/* Viksa · live app additions. The look itself comes from /preview/preview.css (shared with the approved preview). */
#app>p.boot{font:800 28px Inter,system-ui,sans-serif;color:#007c6c;text-align:center;margin-top:30vh}
a.article-title{display:block;text-decoration:none;color:inherit}
a.article-title:hover{color:#007c6c}
a.text-action,.side-link,a.tab,a.btn,.vk-land a{text-decoration:none}
a.side-link{color:inherit}
.summary-band>a{background:var(--paper);border:1px solid var(--line);padding:19px 22px;border-radius:8px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink)}
.summary-band>a:hover{border-color:#cae9e0}
.vk-fw-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.vk-fw-list li{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.vk-fw-list small{color:var(--muted);font-size:12px}
.reading-actions{flex-wrap:wrap}
.btn.vk-danger-outline{color:#b3261e;border-color:#f0c8c5}
.vk-orig{min-height:420px}
@media(max-width:600px){.summary-band>a{padding:16px 12px;gap:9px}}

#modal.no-anim .modal,#modal.no-anim .scrim{animation:none}
.vk-effect>span{flex:1;min-width:0}
.brand-btn,.brand-btn:hover,.brand-btn .brand-name,.brand-btn .brand-subtitle{text-decoration:none}
.vk-pw{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}

/* ===== Compact screens (approved mockup, 24 Oct 2026): slim top bar, list tabs, small cards, select then act ===== */
body{background:var(--bg)}
.vx-top{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.vx-top-in{max-width:820px;margin:0 auto;height:64px;padding:0 16px;display:flex;align-items:center;gap:12px}
.vx-brand{font:800 23px/1 Inter,system-ui,sans-serif;letter-spacing:-.8px;color:#007c6c;text-decoration:none;flex:none}
[data-theme=dark] .vx-brand{color:#67dbc0}
.vx-topnav{display:flex;gap:4px;margin-left:12px}
.vx-topnav a{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px}
.vx-topnav a.on{color:var(--ink);background:var(--stage)}
.vx-top-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.vx-guest{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted);margin-right:4px}
.vx-ibtn{position:relative;width:44px;height:44px;border-radius:12px;background:var(--stage);color:var(--ink);display:grid;place-items:center;text-decoration:none}
.vx-ibtn.on{background:#e5f5f0;color:#00564c}
.vx-ibtn.dot::after{content:'';position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:#00a88f}
.vx-tbtn{height:44px;padding:0 14px;border-radius:12px;background:var(--stage);color:var(--ink);font-weight:650;font-size:14px}
.vx-top.selecting{background:#18204b;border-color:#18204b}
.vx-top.selecting .vx-top-in{color:#fff}
.vx-ibtn.inv,.vx-tbtn.inv{background:rgba(255,255,255,.14);color:#fff}
.vx-selcount{color:#fff;font-size:17px;margin:0 auto}
.vx-main{max-width:820px;margin:0 auto;padding:0 16px 120px}
.vx-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;margin:0 -16px;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none}
.vx-tabs::-webkit-scrollbar{display:none}
.vx-tabs a{flex:none;padding:9px 14px;border-radius:999px;background:var(--stage);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.vx-tabs a span{color:var(--muted);font-weight:600;margin-left:2px}
.vx-tabs a.on{background:#18204b;color:#fff}
.vx-tabs a.on span{color:#c9cce6}
[data-theme=dark] .vx-tabs a.on{background:#e5f5f0;color:#00564c}[data-theme=dark] .vx-tabs a.on span{color:#00564c}
.vx-sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0 6px;font-size:13px;color:var(--muted)}
.vx-sub>span{margin-right:auto}
.vx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#e5f5f0;color:#00564c;font-weight:650;font-size:12px}
.vx-list{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.vx-card{position:relative;display:flex;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:11px;container-type:inline-size}
.vx-card.selecting{cursor:pointer}
.vx-card.sel{border:2px solid #007c6c;padding:10px}
.vx-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.vx-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);line-height:1.4}
.vx-meta i{width:8px;height:8px;border-radius:50%;flex:none}
.vx-meta strong{color:var(--ink);font-weight:650}
.vx-kind{display:inline-block;width:auto;flex:none;padding:2px 8px;border-radius:999px;background:var(--stage);color:var(--ink);font-size:11px;font-weight:650;line-height:1.5}
.vx-kind.promo{background:#fde8ef;color:#9d174d}.vx-kind.paid{background:#fff3d6;color:#7a5200}
.vx-title{color:var(--ink);font-family:var(--interface-list-family);font-weight:var(--reader-title-weight);font-size:var(--reader-title-size);line-height:var(--reader-title-line);letter-spacing:normal;text-decoration:none;overflow-wrap:anywhere}
.vx-title:hover{color:#007c6c}
.vx-labels{display:flex;flex-wrap:wrap;gap:6px}
.vx-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0}
.vx-why{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-quick{display:flex;gap:2px;flex:none}
.vx-q{width:40px;height:40px;border-radius:10px;color:var(--muted);display:grid;place-items:center}
.vx-q:hover{background:var(--stage);color:var(--ink)}
.vx-q.on{background:#e5f5f0;color:#00564c}
.vx-check{flex:none;align-self:flex-start}
.vx-check input{position:absolute;opacity:0;width:1px;height:1px}
.vx-check span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:2px solid #c9ccd6;color:transparent}
.vx-card.sel .vx-check span{background:#007c6c;border-color:#007c6c;color:#fff}
.vx-check input:focus-visible+span{outline:3px solid #00a88f;outline-offset:2px}
.vx-empty{text-align:center;padding:48px 20px;color:var(--muted)}
.vx-empty h3{margin:10px 0 6px;font-size:18px;color:var(--ink)}
.vx-pager{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;font-size:13px;color:var(--muted)}
.vx-pager div{display:flex;align-items:center;gap:8px}
.vx-pager button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center}
.vx-banner{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:13px}
.vx-banner span{flex:1;min-width:0}
.vx-banner a{color:#007c6c;font-weight:650;text-decoration:none}
.vx-x{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}
.vx-welcome{position:relative;margin-top:12px;padding:16px;border-radius:16px;background:#e5f5f0;color:#00564c}
.vx-welcome strong{color:#00564c;font-size:16px}
.vx-welcome p{margin:6px 0 12px;font-size:14px;color:#00564c}
.vx-welcome div{display:flex;gap:8px;flex-wrap:wrap}
.vx-welcome .vx-x{position:absolute;top:8px;right:8px;color:#00564c}
.vx-searchbar{display:flex;align-items:center;gap:10px;margin-top:14px;padding:0 14px;height:50px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.vx-searchbar input{flex:1;border:0;background:transparent;color:var(--ink);font-size:16px;outline:none;min-width:0}
.vx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 0 14px}
.vx-head h1{font-size:28px;line-height:1.15;letter-spacing:-.6px}
.vx-head p{margin:4px 0 0;color:var(--muted);font-size:14px}
.vx-head .btn{flex:none}
.vx-main:not(.vx-studio) .vx-head h1{font:var(--reader-heading-weight) var(--reader-heading-size)/1.25 var(--sans);letter-spacing:-.3px}
.vx-main:not(.vx-studio) :is(.vx-lbtn,.vx-pbtn,.btn){font-size:var(--reader-action-size);font-weight:var(--reader-action-weight);line-height:var(--reader-action-line);min-width:44px;min-height:44px}
.vx-pbtn,.vx-lbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none}
.vx-pbtn{background:#007c6c;color:#fff}.vx-pbtn:hover{background:#00675a}
.vx-pbtn.danger{background:#b42318}.vx-pbtn.full{width:100%;height:50px;margin-top:6px}
.vx-lbtn{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.vx-link{color:#007c6c;font-weight:650;padding:10px 0}
/* bottom navigation (phones) and the action bar in select mode */
.vx-bottom{display:none}
.vx-actbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:1px solid var(--line);padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;box-shadow:0 -10px 30px rgba(17,22,44,.08)}
.vx-acts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:640px;width:100%;margin:0 auto}
.vx-acts button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:12px;font-size:12px;font-weight:650;color:var(--ink)}
.vx-acts button:hover:not(:disabled){background:var(--stage)}
.vx-acts button.danger{color:#b42318}
[data-theme=dark] .vx-acts button.danger{color:#ff8a80}
.vx-rulesbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;background:var(--stage);color:var(--ink);font-weight:650;font-size:14px;max-width:640px;width:100%;margin:0 auto}
/* sheets */
.vx-sheet{display:flex;flex-direction:column;gap:14px}
.vx-handle{display:none;align-self:center;width:38px;height:4px;border-radius:4px;background:#c9ccd6}
.vx-sheet h2{font-size:21px;line-height:1.25}
.vx-sheet-head{display:flex;align-items:center;justify-content:space-between}
.vx-sheet-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}
.vx-sheet-ico.danger{background:#fdecea;color:#b42318}
.vx-fgroup{display:flex;flex-direction:column;gap:9px}
.vx-flabel{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.vx-fchips{display:flex;flex-wrap:wrap;gap:8px}
.vx-fchips button{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:650;font-size:14px}
.vx-fchips button.on{background:#18204b;border-color:#18204b;color:#fff}
.vx-fsort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vx-fsort button{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:650;font-size:14px}
.vx-fsort button.on{border:2px solid #007c6c;background:#e5f5f0;color:#00564c}
.vx-frow{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.vx-seg{display:flex;gap:6px}
.vx-seg button{width:48px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:650}
.vx-seg button.on{background:#18204b;border-color:#18204b;color:#fff}
.vx-mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.vx-mini-list li{padding:10px 12px;border-radius:10px;background:var(--bg)}
.vx-mini-list li span{color:var(--muted)}
.vx-mini-list li.more{background:none;padding:2px 12px;color:var(--muted)}
.vx-note{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.vx-main:not(.vx-studio) .vx-note{font-size:var(--reader-notice-size);line-height:var(--reader-notice-line)}
#vf-status{font-size:var(--reader-notice-size);font-weight:400;line-height:var(--reader-notice-line);margin:0;color:var(--muted)}
.vx-note a{color:#007c6c;font-weight:650}
.vx-confirm{display:flex;align-items:center;gap:10px;font-size:14px}
.vx-confirm input,.vx-rticks input{width:20px;height:20px;accent-color:#007c6c;flex:none}
.vx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vx-two button{height:50px}
.vx-rticks{display:flex;flex-direction:column;gap:8px}
.vx-rticks label{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);font-size:15px}
.vx-rticks label span{flex:1;min-width:0;font-weight:600}
.vx-rticks small{font-size:13px;color:var(--muted);white-space:nowrap}
.vx-summary{padding:12px 14px;border-radius:12px;background:#e5f5f0;color:#00564c;font-size:14px;font-weight:650}
.vx-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:vxspin .8s linear infinite;flex:none}
@keyframes vxspin{to{transform:rotate(360deg)}}
.vx-tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#eef4ff;color:#1e3a6e;font-size:13px;line-height:1.55}
[data-theme=dark] .vx-tip{background:#1e2b4a;color:#c9d6f2}
.vx-me-row{display:flex;flex-direction:column;gap:6px}
.vx-me-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vx-main .surface-card{margin-bottom:12px}
@media(max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .vx-topnav{display:none}
  .vx-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--paper);border-top:1px solid var(--line);padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px))}
  .vx-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;color:var(--muted);text-decoration:none}
  .vx-bottom a.on{color:#007c6c;font-weight:700}
  [data-theme=dark] .vx-bottom a.on{color:#67dbc0}
  .vx-top.selecting~.vx-bottom{display:none}
  .vx-handle{display:block}
  .vx-head h1{font-size:25px}
}
/* ===== Home page (signed-out front door) ===== */
.vh{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}
.vh-in{max-width:980px;margin:0 auto;width:100%;padding:0 20px}
.vh-top{background:var(--paper);border-bottom:1px solid var(--line)}
.vh-top .vh-in{height:64px;display:flex;align-items:center;justify-content:space-between}
.vh-main{flex:1;padding-top:44px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px}
.vh-hero{max-width:680px}
.vh-eyebrow,.vh-tag{font-size:12px;font-weight:750;letter-spacing:.12em;color:#007c6c}
[data-theme=dark] .vh-eyebrow{color:#67dbc0}
.vh-hero h1{font-size:clamp(34px,6.4vw,56px);line-height:1.05;letter-spacing:-1.6px;margin:12px 0 16px}
.vh-hero p{font-size:17px;line-height:1.6;color:var(--muted);margin:0}
.vh-cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}
.vh-cta .vx-pbtn,.vh-cta .vx-lbtn{height:52px;padding:0 20px;font-size:16px}
.vh-price{font-size:14px!important}
.vh-price strong{color:var(--ink)}
.vh-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vh-card{border-radius:20px;padding:24px;border:1px solid var(--line);background:var(--paper)}
.vh-card.reader{background:#e5f5f0;border-color:#cae9e0}
.vh-card.writer{background:#eeebfc;border-color:#d9d3f7}
.vh-card.writer .vh-tag{color:#4b3bb8}
.vh-card h2{font-size:22px;margin:8px 0 12px;color:#18204b}
.vh-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:#18204b}
.vh-steps h2{font-size:22px;margin-bottom:14px}
.vh-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vh-steps li{display:flex;gap:12px;padding:16px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.vh-steps li b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18204b;color:#fff}
.vh-steps li:nth-child(2) b{background:#4b3bb8}.vh-steps li:nth-child(3) b{background:#007c6c}
.vh-steps li div{display:flex;flex-direction:column;gap:4px}
.vh-steps li span{font-size:14px;color:var(--muted);line-height:1.5}
.vh-foot{padding:20px;font-size:12px;color:var(--muted);text-align:center}
.vh-form{display:flex;flex-direction:column;gap:8px}
.vh-promise{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.vh-promise li{display:flex;gap:8px;align-items:center}
@media(max-width:760px){
  .vh-main{padding-top:28px;gap:28px}
  .vh-cards,.vh-steps ol{grid-template-columns:1fr}
  .vh-cta .vx-pbtn,.vh-cta .vx-lbtn{width:100%}
}
/* The old purple intro is gone: compact heads only */
.vx-head.page-intro{background:none;border-radius:0;min-height:0;padding:20px 0 14px;margin:0;color:var(--ink);overflow:visible}
.vx-head.page-intro:after,.vx-head.page-intro:before{display:none}
.vx-head.page-intro h1{font:750 28px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.6px;color:var(--ink);max-width:none}
.vx-head.page-intro p{color:var(--muted);font-size:14px;line-height:1.5;margin:4px 0 0;max-width:none;overflow-wrap:anywhere}
@media(max-width:760px){.vx-head.page-intro h1{font-size:25px}}
/* Messages never cover the action bar or an open sheet */
body:has(.vx-actbar) .toast,body:has(.vx-actbar) .vk-undo{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
body:has(#modal) .toast{top:16px;bottom:auto}
@media(max-width:760px){.vk-undo{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px);max-width:520px}body:has(.vx-actbar) .vk-undo{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}
/* ===== Pass 3: account button, plans, universal address, home steps and FAQ ===== */
.vx-avatar{width:44px;height:44px;border-radius:50%;background:#18204b;color:#fff;display:grid;place-items:center;font-weight:750;font-size:16px;flex:none}
[data-theme=dark] .vx-avatar{background:#e5f5f0;color:#00564c}
.vx-avatar.big{width:52px;height:52px;font-size:20px}
.vx-acc-who{display:flex;align-items:center;gap:14px}
.vx-acc-who h2{font-size:19px}.vx-acc-who p{margin:2px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.vx-acc-links{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vx-acc-links a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.vx-acc-links a:first-child{border-top:0}
.vx-acc-links a svg{grid-row:1/3}
.vx-acc-links a span{font-weight:650;font-size:15px}
.vx-acc-links a small{color:var(--muted);font-size:12px}
.vx-signout{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:14px;border:1px solid #f0c8c5;color:#b42318;font-weight:700;font-size:15px}
[data-theme=dark] .vx-signout{color:#ff8a80;border-color:#5b2a2a}
.vx-theme button{width:auto;padding:0 12px}
.article-page .reader-minihead{position:static}
.vx-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 12px}
.vx-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.vx-plan.featured{border:2px solid #007c6c}
.vx-plan.current{box-shadow:0 0 0 3px #cae9e0}
.vx-plan-badge{position:absolute;top:-11px;left:18px;padding:3px 10px;border-radius:999px;background:#007c6c;color:#fff;font-size:11px;font-weight:750;letter-spacing:.06em}
.vx-plan h3{font-size:19px;margin-top:4px}
.vx-price{font-size:34px;font-weight:800;letter-spacing:-1px;color:var(--ink)}
.vx-price span{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0}
.vx-plan-sub{margin:0;color:var(--muted);font-size:13px}
.vx-plan ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px}
.vx-plan li{display:flex;gap:8px;align-items:flex-start}
.vx-plan li svg{color:#007c6c;margin-top:2px}
.vx-plan .full{margin-top:auto;width:100%;height:48px}
.vx-plan-cur{margin-top:auto;display:flex;align-items:center;gap:8px;justify-content:center;height:48px;border-radius:12px;background:#e5f5f0;color:#00564c;font-weight:700;font-size:14px}
.vx-center{text-align:center}
.vx-h2{font-size:21px;margin:20px 0 12px}
.vx-uni{margin-top:22px;padding:24px;border-radius:20px;background:#18204b;color:#fff}
.vx-uni .vh-eyebrow{color:#8de7cf}
.vx-uni h1{color:#fff;font-size:clamp(26px,5vw,36px);line-height:1.15;letter-spacing:-.8px;margin:10px 0 10px}
.vx-uni p{color:#dddaf0;font-size:15px;line-height:1.6;margin:0 0 14px}
.vx-uni .vx-note{color:#c9cce6}
.vx-uni-addr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:#fff;color:#18204b;margin-bottom:12px}
.vx-uni-addr strong{font-size:16px;overflow-wrap:anywhere}
.vh-steps-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.vh-steps-head h2{margin:0}
.vh-who button{width:auto;padding:0 16px;height:42px}
.vh-steps li{display:block;padding:0;background:none;border:0}
.vh-step{width:100%;height:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:16px;border-radius:16px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.vh-step:hover{border-color:#00a88f}
.vh-step b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18204b;color:#fff}
.vh-steps li:nth-child(2) .vh-step b{background:#4b3bb8}.vh-steps li:nth-child(3) .vh-step b{background:#007c6c}
.vh-step div{display:flex;flex-direction:column;gap:4px}
.vh-step span{font-size:14px;color:var(--muted);line-height:1.5}
.vh-step em{font-style:normal;font-size:13px;font-weight:700;color:#007c6c;display:inline-flex;align-items:center;gap:5px;margin-top:4px}
.vh-wait{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:16px;background:#eeebfc;color:#20145f;font-weight:650}
.vh-stepsheet .vh-step-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#18204b;color:#fff;font-weight:800}
.vh-more{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55}
.vh-more li{display:flex;gap:10px;align-items:flex-start}
.vh-more li svg{color:#007c6c;margin-top:4px}
.vh-faq h2{font-size:22px;margin-bottom:12px}
.vh-faq details{border:1px solid var(--line);border-radius:14px;background:var(--paper);margin-bottom:8px}
.vh-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;font-weight:650;font-size:15px;cursor:pointer;min-height:44px}
.vh-faq summary::-webkit-details-marker{display:none}
.vh-faq details[open] summary svg{transform:rotate(180deg)}
.vh-faq details p{margin:0;padding:0 16px 16px;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:760px){.vx-plans{grid-template-columns:1fr;gap:18px}.vh-steps-head{align-items:flex-start}}
/* "What is Viksa?" window (the synopsis) */
.vh-what{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;border-radius:12px;background:#eeebfc;color:#20145f;font-weight:700;font-size:15px}
[data-theme=dark] .vh-what{background:#262457;color:#d9d3f7}
.modal.vh-syn{width:min(940px,calc(100vw - 28px));max-height:90dvh;overflow:auto}
.vh-syn-hero{border-radius:18px;padding:28px 30px;color:#fff;background:radial-gradient(circle at 92% 110%,#00a88f55 0,transparent 42%),radial-gradient(circle at 70% -20%,#7b6cf055 0,transparent 45%),#20145f}
.vh-syn-k{font-size:11px;font-weight:750;letter-spacing:.1em}
.vh-syn-hero .vh-syn-k{color:#9ee6d4}
.vh-syn-hero h2{color:#fff;font-size:clamp(24px,4vw,34px);line-height:1.15;letter-spacing:-1px;margin:8px 0 10px}
.vh-syn-hero p{margin:0;color:#dcd9f3;font-size:15px;line-height:1.6}
.vh-syn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vh-syn-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.vh-syn-card.readers{border-top:6px solid #00a88f}.vh-syn-card.writers{border-top:6px solid #4b3bb8}
.vh-syn-card.readers .vh-syn-k{color:#007c6c}.vh-syn-card.writers .vh-syn-k{color:#4b3bb8}
.vh-syn-card h3{font-size:22px;letter-spacing:-.5px;margin:0}
.vh-syn-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65}
.vh-syn-card p strong{color:var(--ink)}
.vh-syn-price{margin-top:auto;align-self:flex-start;padding:7px 13px;border-radius:999px;font-weight:700;font-size:13px}
.readers .vh-syn-price{background:#e5f5f0;color:#007c6c}.writers .vh-syn-price{background:#eeebfc;color:#4b3bb8}
[data-theme=dark] .vh-syn-card.readers .vh-syn-k{color:#67dbc0}[data-theme=dark] .vh-syn-card.writers .vh-syn-k{color:#b9b0f7}
@media(max-width:760px){.vh-syn-grid{grid-template-columns:1fr}.vh-syn-hero{padding:22px 20px}.modal.vh-syn{width:100%;max-height:92dvh}}
[data-theme=dark] .vx-seg button.on,[data-theme=dark] .vx-fchips button.on{background:#e5f5f0;border-color:#e5f5f0;color:#00564c}
/* "Look around first": a clear navy button, not a small link */
.vx-nbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;background:#20145f;color:#fff;font-weight:700;font-size:15px}
.vx-nbtn:hover{background:#2c1f80}.vx-nbtn.full{width:100%;height:50px}
.vh-cta .vx-nbtn{height:52px;padding:0 20px;font-size:16px}
.vh-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.vh-or::before,.vh-or::after{content:'';flex:1;height:1px;background:var(--line)}
@media(max-width:760px){.vh-cta .vx-nbtn{width:100%}}
/* Home page order (earlier pass): the synopsis first, then Look around, then the universal address (one line) */
.vh-hero .vh-what{margin:20px 0 4px}
.vh-cta{align-items:center}
.vh-one{white-space:nowrap}
.vh-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.vh-more strong{color:var(--ink)}
@media(max-width:760px){.vh-cta .vh-one{font-size:15px;padding:0 12px}.vh-steps ol{grid-template-columns:1fr}}
/* "Take the tour" is a button: never underlined */
.vx-nbtn,.vx-nbtn:hover{text-decoration:none}

/* ===== Writer Studio (approved mockup, 24 Oct 2026): violet accent, same compact shell ===== */
.vx-vbtn,.vx-wbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:0;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
.vx-vbtn{background:#4b3bb8;color:#fff}.vx-vbtn:hover{background:#3b2d97}.vx-vbtn.full{width:100%;height:50px;margin-top:6px}
.vx-vbtn:disabled,.vx-wbtn:disabled{opacity:.6;cursor:default}
.vx-wbtn{background:#4b3bb8;color:#fff}.vx-wbtn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.vx-switch{display:flex;padding:3px;border-radius:12px;background:var(--stage)}
.vx-switch a{padding:8px 12px;border-radius:9px;font-size:13px;font-weight:650;color:var(--muted);text-decoration:none}
.vx-switch a.on{background:#20145f;color:#fff}
.vx-studio .vx-head h1,.vx-studio h1{letter-spacing:-.5px}
.vx-bottom-studio a.on{color:#4b3bb8}
[data-theme=dark] .vx-bottom-studio a.on{color:#b1a6ff}
.vx-studio .surface-card{margin-top:12px}
.ws-h3{margin:0 0 8px;font-size:16px}
.ws-who{display:flex;align-items:center;gap:12px;margin:14px 0 4px}
.ws-who strong{display:block;font-size:18px}.ws-who span{font-size:13px;color:var(--muted)}
.ws-badge{width:46px;height:46px;flex:none;border-radius:12px;background:#4b3bb8;color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}
.ws-badge.round{border-radius:50%}
.ws-ok{color:#007c6c}[data-theme=dark] .ws-ok{color:#67dbc0}
.ws-month{margin-top:12px;padding:16px;border-radius:16px;background:#20145f;color:#fff}
.ws-month>span{font-size:12px;font-weight:750;letter-spacing:.08em;color:#c9c1ff}
.ws-month p{margin:6px 0;font-size:16px;line-height:1.5;color:#fff}.ws-month small{color:#c9c1ff;font-size:12px}
.ws-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.ws-tiles div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ws-tiles strong{font-size:22px}.ws-tiles span{font-size:12px;color:var(--muted)}
.ws-tools{display:flex;flex-direction:column;margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ws-tools a{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.ws-tools a:first-child{border-top:0}
.ws-tools a>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.ws-tools small{color:var(--muted);font-size:12px}
.ws-ti{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center}
.ws-ti.v{background:#ece9ff;color:#4b3bb8}.ws-ti.t{background:#e3f6f1;color:#007c6c}.ws-ti.g{background:#eef0f6;color:#18204b}.ws-ti.y{background:#fff3d6;color:#8a5a00}
[data-theme=dark] .ws-ti{filter:brightness(.85)}
.ws-code .ws-codebox{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:12px 14px;border-radius:12px;background:var(--stage);border:1px dashed #4b3bb8}
.ws-codebox strong{font:700 20px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;word-break:break-all}
.vk-row-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ws-wait{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--muted)}
.ws-wait .linkish{margin-left:auto}
.vh-err{margin:6px 0 0;color:#b42318;font-size:14px}
.ws-bar{margin-top:10px}.ws-bar>div{display:flex;justify-content:space-between;font-size:14px}
.ws-bar i{display:block;height:9px;border-radius:9px;background:var(--stage);margin-top:5px;overflow:hidden}.ws-bar b{display:block;height:100%;border-radius:9px}
.ws-themes{margin-top:10px}
.ws-kept{margin-top:12px;padding:14px 16px;border-radius:14px;background:#fff3d6;color:#5d3d00;display:flex;flex-direction:column;gap:4px;font-size:14px}
[data-theme=dark] .ws-kept{background:#3a2c0b;color:#f5dc9c}
.ws-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.ws-three strong{font-size:20px;display:block}.ws-three span{font-size:12px;color:var(--muted)}
.ws-topic{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.ws-topic:first-of-type{border-top:0}.ws-topic small{color:var(--muted)}
.ws-card{display:flex;flex-direction:column;gap:12px}
.ws-card-head{display:flex;gap:12px;align-items:center}.ws-card-head h2{margin:0;font-size:19px}.ws-card-head span{font-size:13px;color:var(--muted)}
.ws-bio{margin:0;font-size:15px;line-height:1.6}
.ws-book{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--stage)}
.ws-book i{width:38px;height:52px;flex:none;border-radius:4px;background:linear-gradient(160deg,#4b3bb8,#20145f)}
.ws-book div{display:flex;flex-direction:column;gap:2px}.ws-book a{color:#4b3bb8;font-weight:650;font-size:14px}
.ws-msg{margin:0;font-style:italic;color:var(--muted)}
.ws-offer{padding:14px;border-radius:14px;border:1px solid #cfc8ff;background:#f4f2ff;display:flex;flex-direction:column;gap:8px}
[data-theme=dark] .ws-offer{background:#211b4a;border-color:#3f358a}
.ws-offer small{color:var(--muted);font-size:12px}
.ws-offer-btns{display:flex;flex-wrap:wrap;gap:8px}.ws-offer-btns button{flex:1;min-width:88px;min-height:42px}
.ws-offer-btns button:disabled{opacity:.6}
.vx-lbtn.full{width:100%}
.ws-invite{margin-top:12px;padding:18px;border-radius:16px;background:#20145f;color:#fff;display:flex;flex-direction:column;gap:6px}
.ws-invite>span{font-size:12px;font-weight:750;letter-spacing:.08em;color:#c9c1ff}
.ws-invite strong{font-size:17px;word-break:break-all}.ws-invite small{color:#c9c1ff;margin-bottom:6px}
.ws-invite .vx-wbtn{background:#fff;color:#20145f}.ws-invite .vx-wbtn.ghost{background:transparent;color:#fff}
.ws-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}
.ws-pick{margin-top:8px;padding:14px;border-radius:14px;border:1px solid #f0d58a;display:flex;flex-direction:column;gap:4px}
.ws-pick div{font-size:12px;font-weight:700;color:#8a5a00;display:flex;gap:6px;align-items:center}.ws-pick span{font-size:13px;color:var(--muted)}
.ws-about{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:14px;text-align:left;cursor:pointer}
.ws-about>span{flex:1}.ws-about em{font-style:normal;font-size:12px;font-weight:700;color:#4b3bb8;background:#ece9ff;padding:3px 8px;border-radius:20px}
.ws-invited{margin:12px 0;padding:14px;border-radius:14px;border:1px solid #cfc8ff;background:#f4f2ff;display:flex;flex-direction:column;gap:8px}
[data-theme=dark] .ws-invited{background:#211b4a;border-color:#3f358a}
.ws-invitehero{display:flex;gap:12px;align-items:center;margin:16px 0 0;padding:14px;border-radius:16px;background:#f4f2ff;border:1px solid #cfc8ff}
[data-theme=dark] .ws-invitehero{background:#211b4a;border-color:#3f358a}
.ws-invitehero div{display:flex;flex-direction:column;gap:2px;font-size:14px}.ws-invitehero span{color:var(--muted)}
.ws-invitenote{margin:0 0 4px;font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
.vh-roles{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.vh-roles label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--line);cursor:pointer}
.vh-roles label.on{border-color:#4b3bb8;box-shadow:0 0 0 1px #4b3bb8}
.vh-roles input{margin-top:3px;accent-color:#4b3bb8}
.vh-roles span{display:flex;flex-direction:column}.vh-roles small{color:var(--muted);font-size:13px}
.vx-role button{width:auto;padding:0 14px}
.vx-uni.writer{background:#20145f}.vx-uni.writer .vh-eyebrow{color:#c9c1ff}
.vx-uni.writer .vx-wbtn{background:#fff;color:#20145f}
@media(max-width:600px){.vx-top-tools .vx-switch a{padding:7px 9px}.vx-studio~.vx-bottom,.vx-bottom-studio{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ws-who .ws-badge,.ws-card-head .ws-badge,.ws-invitehero .ws-badge{color:#fff;font-size:16px}
.ws-invite strong{color:#fff}
.ws-offer-btns button{white-space:nowrap;padding:0 10px}

/* ===== Two doors, two spaces (Pass 6) ===== */
.vh-intro{max-width:680px}
.vh-intro h1{font-size:clamp(30px,5.6vw,48px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0 0}
.vh-intro .vh-what{margin:16px 0 0}
.vh-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 6px}
.vh-doors.stack{grid-template-columns:1fr;margin:6px 0 0}
.vh-door{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border-radius:16px;border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.vh-door>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}
.vh-door strong{font-size:17px}.vh-door small{font-size:13px;line-height:1.45;color:var(--muted)}
.vh-door-i{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center}
.vh-door.readers .vh-door-i{background:#e3f6f1;color:#007c6c}.vh-door.writers .vh-door-i{background:#ece9ff;color:#4b3bb8}
.vh-door.readers.on{border-color:#007c6c;box-shadow:0 0 0 1px #007c6c}
.vh-door.writers.on{border-color:#4b3bb8;box-shadow:0 0 0 1px #4b3bb8}
.vh-hero{margin-top:18px}
.vh-h{font-size:clamp(26px,4.6vw,38px);line-height:1.12;letter-spacing:-1px;margin:10px 0 12px}
.vh-hero.writer .vh-eyebrow,.vh-w .vh-intro .vh-eyebrow{color:#4b3bb8}
[data-theme=dark] .vh-hero.writer .vh-eyebrow{color:#b1a6ff}
.vh-cards.one{grid-template-columns:1fr}
.vh-w .vh-step b{background:#4b3bb8;color:#fff}
.vh-hero .vx-vbtn{height:52px;padding:0 20px;font-size:16px}
.vh-space{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:#e3f6f1;color:#00564c;font-size:12px;font-weight:750}
.vh-space.writer{background:#ece9ff;color:#4b3bb8}
.vh-auth-t{margin:4px 0 8px;font-size:22px}
.vx-space{font-size:12px;font-weight:750;color:#4b3bb8;background:#ece9ff;padding:5px 10px;border-radius:20px}
[data-theme=dark] .vx-space,[data-theme=dark] .vh-space.writer{background:#2a2366;color:#c9c1ff}
.vx-avatar.writer{background:#4b3bb8;color:#fff}
.vx-acc-links a.vx-other{border-top:1px dashed var(--line)}
.ws-welcome{margin-top:14px;padding:16px;border-radius:16px;background:#20145f;color:#fff;display:flex;flex-direction:column;gap:4px}
.ws-welcome span{font-size:12px;font-weight:750;letter-spacing:.08em;color:#c9c1ff}.ws-welcome strong{font-size:22px;color:#fff}.ws-welcome small{color:#c9c1ff}
.vx-studio .vx-signout{margin-top:14px}
@media(max-width:600px){.vh-doors{grid-template-columns:1fr}.vh-hero .vx-vbtn{width:100%}}
.vx-studio .vx-signout{width:100%}

/* ===== Home page in four sections, one Sign in (Pass 7) ===== */
.vh-intro p{font-size:17px;line-height:1.6;color:var(--muted);margin:14px 0 0;max-width:640px}
.vh-signin{background:#18204b;color:#fff;border-color:#18204b}
[data-theme=dark] .vh-signin{background:#e5f5f0;color:#00564c}
.vh-faq-k{margin:16px 0 6px;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#007c6c}
.vh-faq-k.writer{color:#4b3bb8}
[data-theme=dark] .vh-faq-k{color:#67dbc0}[data-theme=dark] .vh-faq-k.writer{color:#b1a6ff}
.vh-side{border-radius:20px;border:1px solid var(--line);background:var(--paper);overflow:hidden}
.vh-side.readers.open{border-color:#cae9e0}.vh-side.writers.open{border-color:#d9d3f7}
.vh-side-head{display:flex;align-items:center;gap:12px;width:100%;padding:18px;text-align:left;color:var(--ink);background:none;border:0;cursor:pointer}
.vh-side-head>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}
.vh-side-head strong{font-size:18px}.vh-side-head small{font-size:14px;line-height:1.45;color:var(--muted)}
.vh-side-head>svg:last-child{transition:transform .2s;color:var(--muted)}
.vh-side.open .vh-side-head>svg:last-child{transform:rotate(180deg)}
.vh-side.readers .vh-door-i{background:#e3f6f1;color:#007c6c}.vh-side.writers .vh-door-i{background:#ece9ff;color:#4b3bb8}
.vh-side-body{padding:0 18px 20px;display:flex;flex-direction:column;gap:14px}
.vh-side-lead{margin:0;font-size:16px;line-height:1.55}
.vh-get{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:15px;line-height:1.5}
.vh-sol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vh-side.writers .vh-step b{background:#4b3bb8}
.vh-tourbtn{align-self:flex-start;height:50px;padding:0 20px;font-size:16px;text-decoration:none}
.vh-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 14px}
.vh-sidebtn{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:2px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}
.vh-sidebtn>span:nth-child(2){display:flex;flex-direction:column}.vh-sidebtn strong{font-size:15px}.vh-sidebtn small{font-size:12px;color:var(--muted)}
.vh-sidebtn.readers .vh-door-i{background:#e3f6f1;color:#007c6c}.vh-sidebtn.writers .vh-door-i{background:#ece9ff;color:#4b3bb8}
.vh-sidebtn .vh-door-i{width:36px;height:36px}
.vh-sidebtn.readers.on{border-color:#007c6c;box-shadow:0 0 0 1px #007c6c}
.vh-sidebtn.writers.on{border-color:#4b3bb8;box-shadow:0 0 0 1px #4b3bb8}
.vh-form.off{opacity:.55}
.vh-auth .vx-nbtn:disabled{opacity:.5}
@media(max-width:600px){.vh-sol{grid-template-columns:1fr}.vh-tourbtn{width:100%;align-self:stretch}.vh-sidebtn{flex-direction:column;align-items:flex-start;gap:6px}}
.vh-top{position:sticky;top:0;z-index:30}

/* ===== Design review 24 Oct: tabs at the top, nothing at the bottom; + to open ===== */
.vx-bottom,.vx-bottom-studio{display:none!important}
body{padding-bottom:0!important}
.vx-topnav{display:none!important}
.vx-tabsnav{border-top:1px solid var(--line);background:var(--paper)}
.vx-tabsnav-in{max-width:820px;margin:0 auto;padding:0 8px;display:flex;overflow-x:auto;scrollbar-width:none}
.vx-tabsnav-in::-webkit-scrollbar{display:none}
.vx-tabsnav a{flex:1 0 auto;text-align:center;padding:12px 12px 10px;font-weight:650;font-size:15px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.vx-tabsnav a.on{color:var(--ink);border-bottom-color:#007c6c}
.vx-tabsnav.writer a.on{border-bottom-color:#4b3bb8}
[data-theme=dark] .vx-tabsnav a.on{border-bottom-color:#67dbc0}
[data-theme=dark] .vx-tabsnav.writer a.on{border-bottom-color:#b1a6ff}
@media(min-width:761px){.vx-tabsnav a{flex:0 0 auto;padding:12px 18px 10px}}
@media(max-width:760px){.vx-top-in{height:56px}.vx-tabsnav a{padding:11px 6px 9px;font-size:14px}}
@media(max-width:380px){.vx-tabsnav a{font-size:13px;padding:11px 4px 9px}}
/* + / − */
.vh-pm{position:relative;flex:none;width:22px;height:22px;border-radius:50%;margin-left:auto}
.vh-pm::before,.vh-pm::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:2px;transform:translate(-50%,-50%)}
.vh-pm::before{width:14px;height:2px}.vh-pm::after{width:2px;height:14px;transition:opacity .15s}
details[open]>summary .vh-pm::after,.vh-pm.on::after{opacity:0}
.vh-faq summary{color:var(--ink)}
.vh-faq summary .vh-pm{color:#007c6c}
.vh-intro p{font-size:18px;margin:12px 0 0;color:var(--muted)}
.vh-intro .vh-what{margin-top:18px}
.vh-side{scroll-margin-top:76px}
.vh-side-head{padding:16px 18px}
.vh-side-head strong{font-size:17px}
.vh-side.readers .vh-side-head .vh-pm{color:#007c6c}.vh-side.writers .vh-side-head .vh-pm{color:#4b3bb8}
.vh-sol{display:flex;flex-direction:column;gap:8px}
.vh-sol-k{font-size:12px;font-weight:750;letter-spacing:.08em;color:var(--muted);margin-top:4px}
.vh-stepd{border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.vh-stepd summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;min-height:44px}
.vh-stepd summary::-webkit-details-marker{display:none}
.vh-stepd summary b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#007c6c;color:#fff;font-size:14px}
.vh-side.writers .vh-stepd summary b{background:#4b3bb8}
.vh-stepd summary>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.vh-stepd summary strong{font-size:15px}.vh-stepd summary small{font-size:13px;color:var(--muted);line-height:1.4}
.vh-side.readers .vh-stepd .vh-pm{color:#007c6c}.vh-side.writers .vh-stepd .vh-pm{color:#4b3bb8}
.vh-stepd .vh-more{margin:0;padding:0 14px 14px 56px}
@media(max-width:600px){.vh-stepd .vh-more{padding-left:14px}}
.vh-side-head>span:first-child{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}

/* ===== Agreed flow (mockup 24 Oct): signed-out screens and sign in ===== */
.vd{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
.vd-in{max-width:720px;margin:0 auto;width:100%;box-sizing:border-box;padding:0 16px}
.vd-bar{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.vd-bar .vd-in{height:64px;display:flex;align-items:center;gap:12px}
.vd-cta{margin-left:auto;display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:12px;background:#007c6c;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.vd-main{padding-top:28px;padding-bottom:48px;display:flex;flex-direction:column;gap:14px}
.vd-what{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-radius:18px;background:#18204b;color:#fff;text-decoration:none;font-weight:750;font-size:20px}
.vd-what:hover{color:#fff;background:#232d63}
.vd-faq{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.vd-faq h2{margin:0 4px 2px;font-size:22px}
.vd-k{margin:8px 4px 0;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#007c6c;display:block}
.vd-k.writer{color:#4b3bb8}
[data-theme=dark] .vd-k{color:#67dbc0}[data-theme=dark] .vd-k.writer{color:#b1a6ff}
.vd-q{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.vd-q summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;font-weight:650;font-size:15px;cursor:pointer;min-height:44px;color:var(--ink)}
.vd-q summary::-webkit-details-marker{display:none}
.vd-q summary .vh-pm{color:#007c6c}.vd-q.writer summary .vh-pm{color:#4b3bb8}
.vd-q p{margin:0;padding:0 16px 14px;font-size:14px;line-height:1.6;color:var(--muted)}
.vd-back{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:15px;text-decoration:none;color:#007c6c;align-self:flex-start}
.vd-syn-hero{padding:24px 20px;border-radius:20px;background:#18204b;color:#fff;display:flex;flex-direction:column;gap:10px}
.vd-syn-hero span{font-size:12px;font-weight:750;letter-spacing:.1em;color:#8de7cf}
.vd-syn-hero h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.6px;color:#fff}
.vd-syn-hero p{margin:0;font-size:15px;line-height:1.6;color:#dddaf0}
.vd-syn{padding:22px 18px;border-radius:20px;display:flex;flex-direction:column;gap:12px}
.vd-syn.reader{background:#e5f5f0;border:1px solid #cae9e0}.vd-syn.writer{background:#eeebfc;border:1px solid #d9d3f7}
.vd-syn h2{margin:0;font-size:22px;color:#18204b}
.vd-syn p{margin:0;font-size:15px;line-height:1.65;color:#3d4560}.vd-syn strong{color:#18204b}
.vd-syn .vd-k{margin:0}
.vd-syn em{align-self:flex-start;font-style:normal;font-size:13px;font-weight:700;color:#00564c;background:#fff;padding:6px 12px;border-radius:20px}
.vd-syn.writer em{color:#4b3bb8}
.vd-step{min-height:100vh;max-width:420px;margin:0 auto;box-sizing:border-box;padding:32px 24px;display:flex;flex-direction:column;justify-content:center;gap:28px}
.vd-step h1{margin:0;text-align:center;font-size:28px;line-height:1.2;letter-spacing:-.6px}
.vd-step .vd-back{align-self:center}
.vd-logo{align-self:center;font-weight:800;font-size:52px;letter-spacing:-2px;color:#007c6c;line-height:1}
[data-theme=dark] .vd-logo{color:#67dbc0}
.vd-btns{display:flex;flex-direction:column;gap:14px}
.vd-b{display:flex;align-items:center;justify-content:center;height:60px;border-radius:16px;background:#007c6c;color:#fff;font-weight:700;font-size:18px;text-decoration:none;border:0;font-family:inherit;cursor:pointer;width:100%}
.vd-b:hover{color:#fff;filter:brightness(.93)}
.vd-b.writer{background:#4b3bb8}
.vd-b.line{background:var(--paper);color:var(--ink);border:1px solid #c9cfdc}
.vd-b.line:hover{color:var(--ink)}
.vd-b:disabled{opacity:.6}
.vd-chip{align-self:center;font-size:15px;font-weight:700;color:#00564c;background:#e3f6f1;padding:8px 16px;border-radius:20px}
.vd-chip.writer{color:#4b3bb8;background:#ece9ff}
.vd-form{display:flex;flex-direction:column;gap:10px}
.vd-form label{font-size:14px;font-weight:650}
.vd-form input{height:56px;box-sizing:border-box;padding:0 16px;border:1px solid #c9cfdc;border-radius:14px;font:inherit;font-size:17px;background:var(--paper);color:var(--ink)}
.vd-form .vd-b{margin-top:8px}
.vd-p{margin:0;text-align:center;font-size:16px;line-height:1.55;color:var(--muted)}
.vd-icon{align-self:center;width:72px;height:72px;border-radius:50%;background:#e3f6f1;color:#007c6c;display:grid;place-items:center}
.vd-icon.writer{background:#ece9ff;color:#4b3bb8}
.vd-b.vd-test{align-self:stretch;flex-shrink:0;background:#18204b;color:#fff;text-decoration:none;gap:8px}
.vd-b.vd-test:focus-visible{outline:3px solid #8874e5;outline-offset:3px}
[data-theme=dark] .vd-b.vd-test{background:#c4b8ff;color:#18204b}
/* Writer app: no newsletter yet */
.ws-none{margin-top:24px;padding:28px 20px;border-radius:20px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.ws-none h1{margin:0;font-size:22px}.ws-none p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:420px}
.ws-none-i{width:56px;height:56px;border-radius:50%;background:#ece9ff;color:#4b3bb8;display:grid;place-items:center}
.ws-none .vx-vbtn{text-decoration:none}
a.vx-avatar{text-decoration:none}
.vx-top-in .vx-space{margin-left:2px}
/* viksa.app: three cards, each opens a reading window */
button.vd-what{width:100%;border:0;font-family:inherit;text-align:left;cursor:pointer}
.vd-what.reader{background:#007c6c}.vd-what.reader:hover{background:#00675a}
.vd-what.writer{background:#4b3bb8}.vd-what.writer:hover{background:#3b2d97}
.vd-pop{max-height:92vh;display:flex;flex-direction:column}
.vd-pop .vx-sheet-head h2{margin:0;font-size:20px}
.vd-pop-body{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px 16px;-webkit-overflow-scrolling:touch}
.vd-pop>.vd-b{flex:none;height:54px;font-size:16px}
.vd-read h3{margin:18px 0 6px;font-size:17px;line-height:1.35;color:var(--ink)}
.vd-read h3:first-child{margin-top:0}
.vd-read p{margin:0;font-size:15px;line-height:1.65;color:var(--muted)}
.modal.vd-pop{width:min(720px,calc(100vw - 28px))}
/* viksa.app: big cards in the middle; the centred one is highlighted */
html.vd-snap{scroll-snap-type:y mandatory;scroll-padding-top:64px}
.vd-deck{--ch:clamp(170px,30vh,250px);display:flex;flex-direction:column;align-items:center;gap:22px;padding-block:calc((100dvh - 64px - var(--ch)) / 2)}
.vd-main:has(.vd-deck){padding-top:0;padding-bottom:0}
button.vd-what{scroll-snap-align:center;width:min(560px,100%);height:var(--ch);flex:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;font-size:clamp(24px,6vw,32px);line-height:1.2;letter-spacing:-.6px;border-radius:26px;padding:24px;opacity:.42;transform:scale(.92);transition:opacity .25s,transform .25s,box-shadow .25s}
button.vd-what.on{opacity:1;transform:none;box-shadow:0 18px 44px rgba(16,24,64,.24)}
button.vd-what span{max-width:15ch}
@media(prefers-reduced-motion:reduce){button.vd-what{transition:none}}
/* Reading windows: never full screen; the ✕ always shows */
.modal.vd-pop{position:fixed!important;top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(640px,calc(100vw - 32px))!important;max-height:min(78dvh,760px)!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;animation:fade .18s ease!important;gap:0}
.vd-pop .vx-handle{display:none}
.vd-pop .vx-sheet-head{flex:none;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--paper);gap:12px}
.vd-pop .vx-sheet-head .vx-x{width:40px;height:40px;flex:none;border-radius:50%;background:var(--stage)}
.vd-pop .vd-pop-body{flex:1;min-height:0;padding:16px 18px 18px}
.vd-pop>.vd-b{margin:0 18px 18px;width:auto}
/* One line: the role question and each card's title */
.vd-step h1{white-space:nowrap;font-size:clamp(19px,5.6vw,28px)}
button.vd-what{font-size:clamp(17px,5.1vw,30px)}
button.vd-what span{max-width:none;white-space:nowrap}

/* ===================== Pass 12 · design review applied ===================== */
.vh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Home */
.vd-cta.line{background:transparent;color:#007c6c;border:1px solid #cae9e0}
[data-theme=dark] .vd-cta.line{color:#7fe3cb;border-color:#2c5a52}
.vd-backbar{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border-radius:10px;color:var(--ink)}
.vd-home{padding-top:28px;padding-bottom:48px;display:flex;flex-direction:column;gap:28px}
.vd-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center}
.vd-hero h1{margin:0 0 12px;font-size:clamp(30px,5.4vw,46px);line-height:1.08;letter-spacing:-1.2px}
.vd-hero p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.vd-demo{margin:0;padding:14px;border-radius:20px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 12px 32px rgba(16,24,64,.08)}
.vd-demo figcaption{position:absolute;top:-10px;right:14px;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;background:#18204b;color:#fff;padding:3px 9px;border-radius:10px}
.vd-demo-h{display:flex;justify-content:space-between;align-items:baseline}.vd-demo-h strong{font-size:17px}.vd-demo-h span{font-size:13px;color:var(--muted)}
.vd-demo-card,.vx-excard{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:3px}
.vd-demo-card b,.vx-excard b{font-size:15px;line-height:1.3}.vd-demo-card small,.vx-excard small{font-size:12px;color:var(--muted)}
.vd-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vd-role{padding:22px 20px;border-radius:20px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:12px}
.vd-role.reader{border-top:4px solid #007c6c}.vd-role.writer{border-top:4px solid #4b3bb8}
.vd-role h2{margin:0;font-size:22px}.vd-role ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}
.vd-role .vd-b{height:52px;font-size:16px;margin-top:auto}
.vd-more{align-self:center;font-weight:650;font-size:14px;color:#007c6c}.vd-more.writer{color:#4b3bb8}
[data-theme=dark] .vd-more{color:#7fe3cb}[data-theme=dark] .vd-more.writer{color:#c4bbff}
.vd-foot{margin:0;text-align:center;font-size:13px;color:var(--muted)}
.vd-read h2{margin:8px 0 10px;font-size:22px}
.vd .vd-main>.vd-b{height:54px}
@media(max-width:760px){.vd-hero,.vd-roles{grid-template-columns:1fr}.vd-hero{gap:20px}}
/* One sign-in screen */
.vd-roleswitch{align-self:center;display:flex;padding:4px;border-radius:14px;background:var(--stage);gap:4px}
.vd-roleswitch a{padding:9px 20px;border-radius:10px;font-weight:700;font-size:15px;color:var(--muted);text-decoration:none}
.vd-roleswitch a.on.reader{background:#007c6c;color:#fff}.vd-roleswitch a.on.writer{background:#4b3bb8;color:#fff}
.vd .vd-bar~.vd-step{min-height:calc(100vh - 64px)}
/* Lists */
.vx-libnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.vx-libnav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:650;font-size:14px;text-decoration:none}
.vx-libnav a span{color:var(--muted);font-weight:600}
.vx-libnav a.on{background:#18204b;border-color:#18204b;color:#fff}.vx-libnav a.on span{color:#c9cee0}
[data-theme=dark] .vx-libnav a.on{background:#e5f5f0;border-color:#e5f5f0;color:#00564c}[data-theme=dark] .vx-libnav a.on span{color:#2d6e62}
.vx-card .vx-pub{display:flex;align-items:center;gap:6px;font-size:.8125rem;min-width:0}
.vx-pub i{width:9px;height:9px;border-radius:50%;flex:none}
[data-theme=dark] .vx-pub i{box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.vx-pub strong{font-size:var(--reader-publication-size);font-weight:var(--reader-publication-weight);min-width:0;overflow-wrap:anywhere;line-height:1.4}
.vx-excerpt{margin:0;font-family:var(--interface-list-family);font-size:var(--reader-excerpt-size);font-weight:var(--interface-list-secondary-weight);line-height:var(--interface-list-line);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vx-card .vx-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-width:0}
.vx-when{font-size:var(--reader-meta-size);font-weight:400;line-height:1.4;color:var(--muted);min-width:0;flex:1;overflow-wrap:anywhere}
.vx-more{display:inline-flex;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:var(--reader-action-size);font-weight:var(--reader-action-weight);line-height:var(--reader-action-line)}
.vx-card.compact .vx-title{font-size:var(--reader-title-compact-size)}
.vx-chip.plain{cursor:default}
.vx-menu-list{display:flex;flex-direction:column}
.vx-menu-list>button,.vx-menu-list>a{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 6px;border-top:1px solid var(--line);font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;text-align:left;background:none}
.vx-menu-list>:first-child{border-top:0}
.vx-menu-list .danger{color:#b42318}[data-theme=dark] .vx-menu-list .danger{color:#ff8a80}
.vx-menu-list button:disabled{opacity:.4}
.vx-menu .vx-sheet-head h2{font-size:17px;line-height:1.3;margin:0}
.vx-selline{display:flex;align-items:baseline;gap:10px;padding:2px 4px 8px;font-size:15px}.vx-selline span{color:var(--muted);font-size:13px}
.vx-rulesbtn{background:none!important;border:0!important;color:var(--muted)!important;text-decoration:underline;font-weight:600}
.vx-more-opts summary{cursor:pointer;font-weight:650;font-size:14px;color:var(--muted);padding:6px 0}
/* First use */
.vx-setup{padding:18px;border-radius:18px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.vx-setup h2{margin:0;font-size:20px}
.vx-setup ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vx-setup li{display:flex;gap:12px}.vx-setup li>span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#18204b;color:#fff;font-weight:750;font-size:14px}
.vx-setup li.done>span{background:#007c6c}
.vx-setup li div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.vx-setup li p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.vx-setup small{font-weight:500;color:var(--muted)}
.vx-setup code{font-size:14px;word-break:break-all}
.vx-example{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px dashed var(--line)}
/* Search */
.vx-search-help{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.vx-results{margin:10px 0 6px;color:var(--muted);font-size:var(--reader-notice-size);line-height:var(--reader-notice-line)}
/* Article */
.rd-pub{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-bottom:8px}.rd-pub strong{font-size:15px}.rd-pub span{font-size:13px;color:var(--muted)}
.rd-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 16px}
.rd-tools .vk-seg2 button{padding:7px 12px}
.rd-about{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--paper)}
.rd-about summary{cursor:pointer;font-weight:650;font-size:14px;color:var(--muted)}
.rd-about p{margin:10px 0 0;font-size:14px;line-height:1.6}
.reading-paper .ws-about{margin-top:18px}
/* Send */
.vk-dests{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vk-dest{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border-top:1px solid var(--line);text-align:left;background:var(--paper);color:var(--ink)}
.vk-dest:first-child{border-top:0}.vk-dest span{display:flex;flex-direction:column}.vk-dest small{color:var(--muted);font-size:13px}
.vk-dest.on{background:#e3f6f1;box-shadow:inset 3px 0 0 #007c6c}[data-theme=dark] .vk-dest.on{background:#173a35}
.modal.vk-send{width:min(480px,calc(100vw - 28px))}
/* Rules */
.vx-rules{padding:4px 16px!important}
.vx-rule{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.vx-rule:first-child{border-top:0}
.vx-rule-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vx-rule-text strong{font-size:16px;line-height:1.4;font-weight:650}.vx-rule-text span{font-size:13px;color:var(--muted)}
.vx-rule.off .vx-rule-text strong{color:var(--muted)}
.vk-examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.vk-examples button{padding:6px 10px;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px}
.vk-tabs.small button{font-size:13px;padding:7px 10px}
.vk-adv summary{cursor:pointer;font-weight:650;font-size:14px;color:var(--muted);padding:6px 0}
.modal.vk-rule-modal{padding:0;display:flex;flex-direction:column;overflow:hidden;width:min(640px,calc(100vw - 28px));max-height:90dvh}
.vk-rd-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex:none}
.vk-rd-head h2{margin:0;font-size:21px}
.vk-rd-body{flex:1;min-height:0;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.vk-rd-foot{flex:none;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:8px}
.vk-rd-foot .vk-live,.vk-rd-foot .vk-effect{margin:0;font-size:14px}
@media(max-width:760px){.modal.vk-rule-modal{inset:0!important;top:0!important;left:0!important;transform:none!important;width:100%!important;max-height:none!important;height:100dvh;border-radius:0!important;animation:none}}
/* Settings */
.vx-setlist,.vx-nllist{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 14px;padding:0;list-style:none}
.vx-setlist a,.vx-setrow{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.vx-setlist a:first-child{border-top:0}
.vx-setrow{border:1px solid var(--line);border-radius:16px;background:var(--paper);margin:0 0 14px}
.vx-setlist a>span,.vx-setrow>span{flex:1;min-width:0;display:flex;flex-direction:column}.vx-setlist small,.vx-setrow small{color:var(--muted);font-size:13px}
.vx-backlink{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-weight:650;font-size:14px;color:#007c6c;text-decoration:none}
[data-theme=dark] .vx-backlink{color:#7fe3cb}
.vx-nllist{border:0;margin:0}.vx-nllist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.vx-nllist li:first-child{border-top:0}
.vx-nllist li>span{display:flex;flex-direction:column;min-width:0}.vx-nllist small{color:var(--muted);font-size:13px}.vx-nllist select{max-width:48%}
.vx-ways{margin:12px 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}
.vx-addr-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.vx-addr-mini span{color:var(--muted);font-size:13px}.vx-addr-mini strong{word-break:break-all}
.vx-plannow strong{display:block;font-size:24px;margin:4px 0}.vx-plannow p{margin:0;color:var(--muted)}
.vx-compare{width:100%;border-collapse:collapse;margin:0 0 14px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px}
.vx-compare th,.vx-compare td{padding:12px;border-top:1px solid var(--line);text-align:left}.vx-compare thead th{border-top:0;font-weight:750}
.vx-compare tbody th{font-weight:500;color:var(--muted)}
/* Writer */
.ws-steps{list-style:none;display:flex;gap:8px;margin:0 0 14px;padding:0;flex-wrap:wrap}
.ws-steps li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);font-weight:600}
.ws-steps li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--stage);font-size:13px}
.ws-steps li.on{color:var(--ink)}.ws-steps li.on span{background:#4b3bb8;color:#fff}.ws-steps li.done span{background:#007c6c;color:#fff}
.ws-steps li+li:before{content:'';width:16px;height:2px;background:var(--line)}
.ws-next{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;margin:12px 0;padding:16px 18px;border-radius:18px;background:#20145f;color:#fff;text-decoration:none}
.ws-next .vx-flabel{color:#c9c1ff}.ws-next strong{font-size:18px;color:#fff;grid-column:1}.ws-next small{color:#dcd7ff;grid-column:1}.ws-next svg{grid-row:1/4;grid-column:2}
.ws-jump{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 12px;font-size:14px}.ws-jump span{color:var(--muted)}
.ws-jump a{color:#4b3bb8;font-weight:650}[data-theme=dark] .ws-jump a{color:#c4bbff}
.ws-bar small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.ws-author{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px;align-items:start}
.ws-author-form fieldset{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px 16px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.ws-author-form legend{font-weight:750;font-size:15px;padding:0 6px}.ws-author-form legend small{font-weight:500;color:var(--muted)}
.ws-savebar{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 0;background:var(--bg)}
.ws-live{position:sticky;top:120px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:10px}
@media(max-width:860px){.ws-author{grid-template-columns:1fr}.ws-live{display:none}}
@media(min-width:861px){.ws-prev-btn{display:none}}
.ws-recv{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:14px;border-radius:14px;background:#f4f2ff;border:1px solid #cfc8ff}
[data-theme=dark] .ws-recv{background:#211b4a;border-color:#3f358a}.ws-recv small{color:var(--muted)}
.ws-planned{display:flex;flex-direction:column;gap:8px}.ws-status{align-self:flex-start;font-size:12px;font-weight:750;color:#8a5a00;background:#fff3d6;padding:4px 10px;border-radius:12px}
/* Dark theme: semantic colours, native controls */
:root{color-scheme:light}
[data-theme=dark]{color-scheme:dark}
[data-theme=dark] .vx-link,[data-theme=dark] .linkish,[data-theme=dark] .vx-note a,[data-theme=dark] p a,[data-theme=dark] .vx-ways a{color:#7fe3cb}
[data-theme=dark] .vx-pbtn,[data-theme=dark] .vd-b,[data-theme=dark] .vx-vbtn,[data-theme=dark] .vx-wbtn{color:#fff}
[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}
[data-theme=dark] :focus-visible{outline-color:#7fe3cb}
.vx-main>.vx-signout{width:100%;margin-top:6px}
.ws-ok{white-space:nowrap}
.vx-lbtn.full{width:100%;justify-content:center;min-height:50px}
@media(max-width:760px){.vd-demo .vx-card~.vx-card{display:none}.vd-hero h1{font-size:30px}.vd-hero p{font-size:16px}.vd-home{gap:20px;padding-top:20px}}
.vd-in.vd-home{max-width:1040px}.vd-bar .vd-in{max-width:1040px}
.ws-test{margin:0 0 14px;padding:14px 16px;border-radius:16px;border:1px dashed #c27a00;background:#fffaf0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ws-test p{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}
[data-theme=dark] .ws-test{background:#2a2212;border-color:#8a5a00}

/* Home example: the real Today heading and cards, inert. */
.vd-demo .vx-head{margin:4px 2px 2px}.vd-demo .vx-head h1{font-size:26px}.vd-demo .vx-card{margin:0}.vd-demo .vx-more{pointer-events:none}
.vd-demo .vx-card~.vx-card~.vx-card{display:none}

/* ===== Viksa picks · gestures · help ===== */
.vx-sparkwrap{position:relative;display:contents}
.vx-sparkwrap:has(.vx-hint){display:block}
.vx-spark{color:#6b4fd8}
.vx-spark.has{background:#efeafe;color:#4b3bb8}
.vx-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#4b3bb8;color:#fff;font-size:11px;font-weight:750;display:grid;place-items:center;line-height:1}
.vx-hint{position:fixed;top:62px;right:max(16px,calc(50vw - 394px));z-index:30;width:230px;display:flex;gap:6px;align-items:flex-start;padding:10px 10px 10px 12px;border-radius:12px;background:#18204b;color:#fff;font-size:13px;line-height:1.35;box-shadow:0 10px 24px rgba(16,24,64,.22)}
.vx-hint::before{content:none}
.vx-hint button{color:#fff;opacity:.8;flex:none}
.vk-picks{max-height:86vh}
.vk-picks .eyebrow{color:#4b3bb8}
.vk-pick{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--paper);margin-top:10px;touch-action:pan-y}
.vk-pick.preview{margin:0}
.vk-pick-kind{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#4b3bb8}
.vk-ex{margin-left:auto;padding:2px 8px;border-radius:999px;background:#fff4d6;color:#7a5200;font-size:11px;letter-spacing:0;text-transform:none}
.vk-pick-writer{display:flex;align-items:center;gap:12px}
.vk-pick-writer .vx-avatar,.vk-liked .vx-avatar{background:#4b3bb8}
.vk-pick-writer div{display:flex;flex-direction:column}.vk-pick-writer div span{font-size:13px;color:var(--muted)}
.vk-pick-note{margin:0;font-size:17px;line-height:1.45}
.vk-pick-why{margin:0;display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--muted)}
.vk-pick-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vk-heart{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1px solid #d9d2fb;background:#f6f3ff;color:#4b3bb8;font-weight:700;font-size:14px}
.vk-heart.on{background:#4b3bb8;color:#fff;border-color:#4b3bb8}
.vk-heart.on svg{fill:currentColor}
.vk-heart:disabled{opacity:.7}
.vk-pick-more{display:flex;gap:16px}
.vk-pick-more .linkish{font-size:13px;color:var(--muted)}
.vk-pk-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px;font-size:13px;color:var(--muted);font-weight:650}
.vk-pk-nav .vx-ibtn{width:38px;height:38px}.vk-pk-nav .vx-ibtn:disabled{opacity:.35}
.vk-pk-h{display:flex;gap:8px;align-items:center;margin:0;font-size:17px}
.vk-pk-choices{display:flex;flex-direction:column;gap:8px}
.vk-pk-choices button{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--stage);color:var(--ink);display:flex;flex-direction:column;gap:2px}
.vk-pk-choices button:hover{border-color:#4b3bb8}
.vk-pk-choices small{color:var(--muted);font-size:12px}
.vk-pk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.vx-remind{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#f6f3ff;border:1px solid #e3dcfd;margin-bottom:12px}
.vx-remind-i{color:#4b3bb8;flex:none;margin-top:2px}
.vx-remind>div{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px}
.vx-remind .vk-row-btns{margin-top:6px}
.vk-qlink{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:750;text-decoration:none;vertical-align:middle;margin-left:4px}
.vk-qlink:hover{color:#007c6c;border-color:#007c6c}
.vk-liked h3{font-size:14px;margin:14px 0 8px}
.vk-liked ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vk-liked li{display:flex;align-items:center;gap:10px}.vk-liked li div{flex:1;display:flex;flex-direction:column}.vk-liked li small{color:var(--muted)}
.vk-liked .vx-avatar{width:34px;height:34px;font-size:13px}
.vk-gsel{width:auto;min-width:170px;height:40px}
.vk-help-q{margin-bottom:12px}
.vk-help{display:flex;flex-direction:column;gap:8px}
.vk-help-i{scroll-margin-top:130px;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:0 16px}
.vk-help-i summary{cursor:pointer;padding:14px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.vk-help-i summary::-webkit-details-marker{display:none}
.vk-help-i summary::after{content:'+';color:var(--muted);font-weight:500}
.vk-help-i[open] summary::after{content:'−'}
.vk-help-i div{padding:0 0 14px;line-height:1.55;color:var(--ink)}
.vk-sum h2{margin:4px 0 2px;font-size:20px;line-height:1.3}
.vk-sum-text{font-size:16px;line-height:1.55}
.ws-notebar{justify-content:space-between;align-items:center}
/* Swipe: the card's padding moves inside while it slides, so the action colour shows behind it. */
.vx-card.swiping,.vx-card.gone{padding:0;overflow:hidden}
.vx-card.swiping .vx-card-body,.vx-card.gone .vx-card-body{position:relative;z-index:1;padding:14px;background:var(--paper);border-radius:15px;transition:transform .2s ease}
.vx-card.swiping:not(.gone) .vx-card-body{transition:none}
.vx-card.gone{opacity:0;transition:opacity .2s .12s}
.vx-swipebg{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 22px;color:#fff;font-weight:700;font-size:14px;opacity:.75}
.vx-swipebg.ready{opacity:1}
.vx-swipebg.left{justify-content:flex-end}
@media (pointer:coarse){.vx-list .vx-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}
@media (pointer:coarse){.vx-list .vx-card a,.vx-list .vx-card img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}}
[data-theme=dark] .vx-spark.has{background:#2b2550;color:#c9bdff}
[data-theme=dark] .vk-heart{background:#2b2550;border-color:#3d3570;color:#c9bdff}
[data-theme=dark] .vk-heart.on{background:#6b5ae0;color:#fff}
[data-theme=dark] .vx-remind{background:#221d40;border-color:#3d3570}
[data-theme=dark] .vk-pick-kind,[data-theme=dark] .vk-picks .eyebrow{color:#c9bdff}

/* ===== Pass 16: one-line tab rows with a small highlight ===== */
/* Every row of tabs or choices stays on one line; if a small phone cannot fit it, it scrolls sideways. */
.vx-libnav,.vk-seg,.vx-seg,.vk-tabs,.vk-seg2,.vx-fsort{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
.vx-libnav::-webkit-scrollbar,.vk-seg::-webkit-scrollbar,.vx-seg::-webkit-scrollbar,.vk-tabs::-webkit-scrollbar,.vk-seg2::-webkit-scrollbar,.vx-fsort::-webkit-scrollbar{display:none}
.vx-libnav a,.vk-seg button,.vx-seg button,.vk-tabs button,.vk-seg2 button,.vx-fsort button{flex:0 0 auto;white-space:nowrap}
.vk-tabs button{flex:1 0 auto}
/* The chosen one: a light tint and a coloured edge, not a heavy block. */
.vx-libnav a.on,.vk-seg button.on,.vx-seg button.on{background:#e5f5f0;border-color:#8fd3c1;color:#00564c;font-weight:750}
.vx-libnav a.on span{color:#00564c}
.vx-libnav a span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e3e7f1;color:var(--ink);font-size:12px;font-weight:750}
.vx-libnav a.on span{background:#007c6c;color:#fff}
.vk-tabs button.on,.vk-seg2 button.on{background:var(--paper);color:#00564c;box-shadow:inset 0 -2px 0 #007c6c,0 1px 4px #17235418}
.setting-row{flex-wrap:nowrap}
.setting-row>span,.setting-row>label{flex:1 1 auto;min-width:0}
.setting-row>.vk-seg,.setting-row>.vx-seg,.setting-row>.vx-theme{flex:0 1 auto}
[data-theme=dark] .vx-libnav a.on,[data-theme=dark] .vk-seg button.on,[data-theme=dark] .vx-seg button.on{background:#123b34;border-color:#2c7a68;color:#9fe8d4}
[data-theme=dark] .vx-libnav a span{background:#2a3350;color:#e7ebf5}
[data-theme=dark] .vk-tabs button.on,[data-theme=dark] .vk-seg2 button.on{color:#9fe8d4;box-shadow:inset 0 -2px 0 #2fbf9b}

/* Favorites */
.btn.fav{color:#8a5a00;border-color:#efd08a;background:#fff8e6}
.btn.fav svg{fill:currentColor}
[data-theme=dark] .btn.fav{background:#3a2e12;border-color:#6b5420;color:#f3cf7a}

/* Category word above the home title */
.vd-cat{display:inline-block;margin-bottom:10px;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#007c6c}

/* Plus: coming soon, founding price, thank-you */
.vk-founding{margin:14px 0;padding:16px;border-radius:16px;background:#f3faf7;border:1px solid #cfeadf;display:flex;flex-direction:column;gap:8px}
.vk-founding p{margin:0}
.vk-ok{display:flex;gap:6px;align-items:center;color:#00564c;font-weight:700}
.vk-credit{display:flex;gap:8px;align-items:center}.vk-credit .form-input{flex:1}
.vk-thanks{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vk-thanks li{padding:6px 12px;border-radius:999px;background:var(--stage);font-weight:650;font-size:14px}
.vk-built{margin:0;padding-left:18px;line-height:1.6}
.vx-tip.ok{background:#e5f5f0;color:#00564c}
[data-theme=dark] .vk-founding{background:#132a25;border-color:#24503f}
/* Anchored sections land below the top bar */
[id]{scroll-margin-top:120px}

.vx-fav{margin-left:auto;color:#c48a00;display:inline-flex}.vx-fav svg{fill:currentColor}
[data-theme=dark] .vx-fav{color:#f3cf7a}

/* ===== Pass 17: Move your newsletters (forwarding guide) ===== */
.vk-mv-hero{padding:18px;border-radius:18px;background:linear-gradient(135deg,#e5f5f0,#eef1fb);margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.vk-mv-hero strong{font-size:20px;letter-spacing:-.3px}.vk-mv-hero p{margin:0;color:var(--ink)}
.vk-mv-hero .linkish{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;font-weight:700;color:#00564c}
.vk-mv-h{font-size:17px;margin:0 0 12px}
.vk-mv-provs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vk-mv-provs button{min-height:48px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;font-size:14px}
.vk-mv-provs button.on{background:#e5f5f0;border-color:#007c6c;color:#00564c;box-shadow:inset 0 0 0 1px #007c6c}
.vk-mv-plats{display:flex;flex-wrap:wrap;gap:8px}
.vk-mv-plats label{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-weight:650;font-size:14px;cursor:pointer}
.vk-mv-plats label.on{background:#e5f5f0;border-color:#8fd3c1;color:#00564c}
.vk-mv-plats input{accent-color:#007c6c;width:16px;height:16px;margin:0}
.vk-mv-other{display:flex;gap:8px;margin:8px 0}.vk-mv-other .form-input{flex:1}
.vk-mv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.vk-mv-hint{text-align:center;margin:8px 0 24px}
.vk-mv-steps-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.vk-mv-steps-h h2{font-size:17px;margin:0}.vk-mv-steps-h span{color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}
.vk-mv-dots{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 12px}
.vk-mv-dots li{flex:1;height:4px;border-radius:2px;background:var(--line)}.vk-mv-dots li.done{background:#8fd3c1}.vk-mv-dots li.on{background:#007c6c}
.vk-mv-card{padding:16px;border-radius:14px;background:var(--stage);display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.vk-mv-card h3{display:flex;align-items:center;gap:10px;margin:0;font-size:17px}
.vk-mv-card h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#007c6c;color:#fff;font-size:14px;flex:none}
.vk-mv-card p{margin:0;line-height:1.55}
.vk-copy{display:flex;gap:8px;align-items:center;padding:8px 8px 8px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}
.vk-copy code{flex:1;min-width:0;font-size:13px;word-break:break-all;white-space:pre-wrap}
.vk-mv-live{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--paper);border:1px dashed var(--line);font-size:14px}
.vk-mv-live.ok{border:1px solid #8fd3c1;background:#e5f5f0;color:#00564c}.vk-mv-live.ok>div{display:flex;flex-direction:column;gap:6px}
.vk-mv-live small{color:var(--muted)}.vk-mv-live code{font-size:15px;font-weight:750}
.vk-mv-take{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.vk-mv-take span{font-size:13px;color:var(--muted);font-weight:650}.vk-mv-take div{display:flex;flex-wrap:wrap;gap:8px}
.vk-why p{line-height:1.6}
[data-theme=dark] .vk-mv-hero{background:linear-gradient(135deg,#123b34,#1d2440)}
[data-theme=dark] .vk-mv-provs button.on,[data-theme=dark] .vk-mv-plats label.on,[data-theme=dark] .vk-mv-live.ok{background:#123b34;border-color:#2c7a68;color:#9fe8d4}
@media(max-width:420px){.vk-mv-provs{grid-template-columns:repeat(2,1fr)}}
/* Download as PDF: only the steps are printed */
#vk-print{display:none}
@media print{html.printing body>*:not(#vk-print){display:none!important}html.printing #vk-print{display:block;font:14px/1.5 Inter,Arial,sans-serif;color:#000;padding:0 8mm}
  #vk-print h1{font-size:22px;margin:0 0 6px}#vk-print h2{font-size:16px;margin:16px 0 4px}#vk-print pre{white-space:pre-wrap;word-break:break-all;background:#f1f3f7;padding:8px;border-radius:6px;font-size:12px}#vk-print section{break-inside:avoid}}

/* Targeted refinement: preserve the existing components and palette. */
.vd-mobile-start{display:none}
@media(max-width:760px){.vd-mobile-start{display:flex;margin-top:16px;min-height:48px}}
.vk-mv-plats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.vk-mv-plats label{min-width:0}
.vk-mv-plats input{flex-shrink:0}
.vx-searchbar:focus-within{outline:2px solid #007c6c;outline-offset:3px}
[data-theme=dark] .vx-searchbar:focus-within{outline-color:#7fe3cb}
/* Approved navigation: compact image-logo header and persistent destinations. */
.vn-logo{width:52px;height:44px;object-fit:contain;border-radius:7px;display:block;flex:none}
.vn-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.vn-top{gap:14px;min-height:72px;height:auto;padding-top:10px;padding-bottom:10px}
.vn-location{flex:1;min-width:0;font:var(--reader-heading-weight) var(--reader-heading-size)/1.25 var(--sans);margin:0;padding-left:14px;border-left:1px solid var(--line);overflow-wrap:anywhere}
.vn-top .vx-top-tools{margin-left:auto;flex:none}
.vn-bottom{position:fixed;inset:auto 0 0;z-index:42;background:var(--paper);border-top:1px solid var(--line);padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}
.vn-bottom>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:820px;margin:0 auto;gap:4px}
.vn-bottom a,.vn-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;background:none;border:0;border-radius:12px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:650;padding:7px 2px;min-width:0}
.vn-bottom [aria-current=page]{color:#007c6c;background:#e5f5f0}
.vn-bottom .vn-icon-label{visibility:hidden}
.vn-writer [aria-current=page]{color:#4b3bb8;background:#efedfa}
[data-theme=dark] .vn-bottom [aria-current=page]{background:#123b34;color:#7fe3cb}
[data-theme=dark] .vn-writer [aria-current=page]{background:#211b4a;color:#c4bbff}
body:has(.vn-bottom){padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
body:has(.vn-bottom) .vk-undo,body:has(.vn-bottom) .toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
body:has(.vn-bottom) .vx-actbar{bottom:calc(70px + env(safe-area-inset-bottom,0px))}
body:has(.vn-bottom):has(.vx-actbar) .vk-undo,body:has(.vn-bottom):has(.vx-actbar) .toast{bottom:calc(230px + env(safe-area-inset-bottom,0px))}
body:has(.vn-bottom) .ws-savebar{bottom:calc(70px + env(safe-area-inset-bottom,0px))}
.vn-list-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.vn-list-tools button{min-height:40px;padding:8px 12px}
.vx-main.lists>.vx-head h1{display:none}
.vn-favorite-text{font-size:11px;font-weight:650;margin-left:3px}
.vx-fav{display:inline-flex;align-items:center;gap:3px}
.vn-overlay-open{overflow:hidden!important}
html{scrollbar-gutter:stable}
.modal.vn-drawer{position:fixed;inset:0 auto 0 0;transform:none;width:min(380px,calc(100vw - 24px));max-width:none;height:100dvh;max-height:100dvh;border-radius:0 20px 20px 0;margin:0;padding:22px 18px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;animation:vn-slide-in .2s ease-out;display:block;background:var(--paper)}
.vn-drawer .vx-sheet-head{gap:12px;margin-bottom:24px}
.vn-drawer .vx-sheet-head h2{flex:1;margin:0;font-size:22px}
.vn-drawer h3{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 2px 8px}
.vn-menu-group{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.vn-menu-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:16px 12px;border:0;border-bottom:1px solid var(--line);background:none;min-height:72px;color:var(--ink)}
.vn-menu-row:last-child{border-bottom:0}
.vn-menu-row>svg:first-child{color:#007c6c;flex:none}
.vn-menu-row>span{flex:1;min-width:0}
.vn-menu-row strong{display:block;font-size:var(--reader-menu-title-size);line-height:1.4}
.vn-menu-row small{display:block;font-size:var(--reader-menu-description-size);line-height:1.5;color:var(--muted);margin-top:3px}
.modal.vn-search-dialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 40px);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;overflow:hidden;animation:none;background:var(--paper)}
.vn-search-dialog .vx-sheet-head{gap:12px;flex:none}
.vn-search-dialog h2{margin:0;font-size:21px}
.vn-search-dialog>.vx-note{margin:0;font-size:12px}
.vn-search-field{display:flex;align-items:center;gap:10px;flex:none;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--bg)}
.vn-search-field:focus-within{outline:2px solid #007c6c;outline-offset:2px}
.vn-search-field input{flex:1;min-width:0;padding:14px 0;border:0;background:none;font-size:16px;color:var(--ink);outline:none}
#vn-search-results{overflow:auto;min-height:0;overscroll-behavior:contain}
.vn-search-empty{padding:22px 6px;color:var(--muted);font-size:14px;text-align:center}
.vn-search-count{font-size:12px;color:var(--muted);margin:0 0 12px}
.vn-result{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:var(--paper)}
.vn-result-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11px;color:var(--muted);margin-bottom:8px}
.vn-result-favorite{display:inline-flex;align-items:center;gap:4px;color:#007c6c;font-weight:750}
.vn-result-title{display:block;text-align:left;padding:0;border:0;background:none;font-size:16px;line-height:1.45;font-weight:750;color:var(--ink)}
.vn-result p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:13px;margin:8px 0}
.vn-result>small{color:var(--muted);font-size:11px}
.vn-search-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:12px}
[data-theme=dark] .vn-menu-row>svg:first-child,[data-theme=dark] .vn-result-favorite{color:#7fe3cb}
[data-theme=dark] .vn-search-field:focus-within{outline-color:#7fe3cb}
@keyframes vn-slide-in{from{translate:-100% 0}to{translate:0 0}}
@media(prefers-reduced-motion:reduce){.modal.vn-drawer{animation:none}}
@media(max-width:420px){.vn-top{padding-left:12px;padding-right:12px;gap:10px}.vn-location{padding-left:10px}.modal.vn-search-dialog{padding:18px}.vn-list-tools{margin-bottom:8px}}
/* Landing page: supplied section structure, existing Viksa typography and palette. */
.vn-home{max-width:1060px;margin:auto;padding:0 24px 20px}
.vn-hero{text-align:center;padding:52px 0 38px;max-width:780px;margin:auto}
.vn-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0 20px;font-weight:800}
.vn-hero h1 em{font-style:normal;color:#007c6c}
.vn-hero>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:680px;margin:0 auto 24px}
.vn-hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 14px}
.vn-hero-actions .vd-b{padding:14px 22px;min-height:50px;display:inline-flex;gap:10px}
.vn-hero small{color:var(--muted);font-size:12px}
.vn-home-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.vn-home-feature{padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--paper)}
.vn-home-feature>svg{color:#007c6c;margin-bottom:12px}
.vn-home-feature h3{font-size:17px;margin:0 0 8px;line-height:1.35}
.vn-home-feature p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.vn-home .vd-roles{margin:28px 0 0}
.vn-home .vd-role p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.vn-home-section{margin:56px 0}
.vn-section-heading{max-width:650px;margin:0 auto 24px;text-align:center}
.vn-section-heading h2,.vn-rule-section h2{font-size:clamp(25px,3vw,32px);line-height:1.2;letter-spacing:-.6px;margin:10px 0 14px}
.vn-section-heading>p,.vn-rule-section>div>p{color:var(--muted);font-size:15px;line-height:1.7}
.vn-home-dark{background:#20145f;color:white;border-radius:22px;padding:32px 24px}
.vn-home-dark .vd-k,.vn-home-dark .vn-home-feature>svg{color:#7fe3cb}
.vn-home-dark .vn-section-heading>p,.vn-home-dark .vn-home-feature p{color:#ded9ef}
.vn-gesture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vn-home-dark .vn-home-feature{background:#2b206b;border-color:#443986;padding:18px}
.vn-rule-section{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.vn-rule-section ul{padding-left:20px;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:22px}
.vn-rule-example{margin:0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.vn-rule-example figcaption{font-size:15px;font-weight:750;margin-bottom:18px}
.vn-rule-example .vk-tabs{display:flex;justify-content:space-between;gap:6px;padding:10px;font-size:12px}
.vn-rule-words{padding:18px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:15px}
.vn-rule-result{display:flex;gap:8px;align-items:center;padding:14px;border-radius:12px;background:#e5f5f0;color:#00564c;font-size:14px;font-weight:650}
.vn-rule-example small{font-size:12px;color:var(--muted)}
.vn-pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vn-pricing h3{font-size:32px;margin:0}.vn-pricing h3 small{font-size:15px;color:var(--muted);font-weight:500}
.vn-pricing .vd-role>small{font-size:12px;color:var(--muted)}
.vn-home-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px}
.vn-home-footer a{color:#007c6c}
[data-theme=dark] .vn-hero h1 em,[data-theme=dark] .vn-home-feature>svg,[data-theme=dark] .vn-home-footer a{color:#7fe3cb}
[data-theme=dark] .vn-rule-result{background:#123b34;color:#9fe8d4}
@media(max-width:760px){.vn-home{padding:0 16px 20px}.vn-hero{padding:30px 0}.vn-hero>p{font-size:16px}.vn-home-points{grid-template-columns:1fr;gap:10px}.vn-home-feature{padding:18px}.vn-gesture-grid{grid-template-columns:1fr 1fr}.vn-rule-section{grid-template-columns:1fr;gap:20px}.vn-pricing{grid-template-columns:1fr}.vn-home-section{margin:36px 0}.vn-home-dark{padding:24px 16px}.vn-hero-actions{gap:16px}.vn-home-footer{justify-content:flex-start}}
@media(max-width:380px){.vn-gesture-grid{grid-template-columns:1fr}}
.vn-home-dark h2,.vn-home-dark h3{color:#fff}
.vn-hero-actions .vd-b{width:auto}
@media(max-width:600px){.vn-hero-actions .vd-b{width:100%}}
/* Keep focused and scrolled-to controls clear of the fixed navigation. */
html{scroll-padding-bottom:90px}
.vx-main :is(button,a,input,select,textarea),.article-page :is(button,a){scroll-margin-top:88px;scroll-margin-bottom:90px}
.vn-list-tools{padding-top:12px}

/* Keep the discovery hint inside the header, clear of page controls. */
.vx-top:has(.vx-hint){padding-bottom:68px}
.vn-top .vx-hint{position:absolute;top:72px}


/* Landing page: preserve the supplied HTML layout, scoped to the public home. */
.vl-reference{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;isolation:isolate}
.vl-reference *,.vl-reference *::before,.vl-reference *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e1e5ee}
.vl-reference :is(h1,h2,h3,h4,p,figure,ul){margin:0}
.vl-reference :is(h1,h2,h3,h4){font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}
.vl-reference strong{color:inherit;font-weight:700}
.vl-reference ul{list-style:none;padding:0}
.vl-reference a{color:inherit;text-decoration:none}
.vl-reference img{display:block;max-width:100%}
.vl-reference hr{height:0;border-top-width:1px;margin:0}
.vl-reference .gradient-text{background:linear-gradient(135deg,#007c6c,#00a88f);background-clip:text;-webkit-background-clip:text;color:transparent}
.vl-reference .gradient-bg{background:linear-gradient(135deg,#007c6c,#005447)}
.vl-reference .glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.vl-reference .vl-alert{max-width:1024px;margin:24px auto;padding:20px}
.vl-reference :is(a,button):focus-visible{outline:3px solid #00a88f;outline-offset:4px}
.vl-reference .vn-logo{width:52px;height:44px;border:0;object-fit:contain}

.vl-reference .absolute{position:absolute}.vl-reference .relative{position:relative}.vl-reference .sticky{position:sticky}.vl-reference .-top-3\.5{top:-.875rem}.vl-reference .right-6{right:1.5rem}.vl-reference .top-0{top:0}.vl-reference .z-50{z-index:50}.vl-reference .mx-auto{margin-left:auto;margin-right:auto}.vl-reference .mb-1{margin-bottom:.25rem}.vl-reference .mb-10{margin-bottom:2.5rem}.vl-reference .mb-16{margin-bottom:4rem}.vl-reference .mb-2{margin-bottom:.5rem}.vl-reference .mb-4{margin-bottom:1rem}.vl-reference .mb-6{margin-bottom:1.5rem}.vl-reference .mb-8{margin-bottom:2rem}.vl-reference .mr-3{margin-right:.75rem}.vl-reference .mt-0\.5{margin-top:.125rem}.vl-reference .mt-2{margin-top:.5rem}.vl-reference .mt-3{margin-top:.75rem}.vl-reference .block{display:block}.vl-reference .flex{display:flex}.vl-reference .inline-flex{display:inline-flex}.vl-reference .grid{display:grid}.vl-reference .hidden{display:none}.vl-reference .h-12{height:3rem}.vl-reference .h-2{height:.5rem}.vl-reference .h-20{height:5rem}.vl-reference .h-6{height:1.5rem}.vl-reference .w-12{width:3rem}.vl-reference .w-2{width:.5rem}.vl-reference .w-6{width:1.5rem}.vl-reference .w-full{width:100%}.vl-reference .max-w-2xl{max-width:42rem}.vl-reference .max-w-3xl{max-width:48rem}.vl-reference .max-w-5xl{max-width:64rem}.vl-reference .max-w-6xl{max-width:72rem}.vl-reference .flex-1{flex:1 1 0%}.vl-reference .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.vl-reference .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vl-reference .flex-col{flex-direction:column}.vl-reference .items-start{align-items:flex-start}.vl-reference .items-center{align-items:center}.vl-reference .items-stretch{align-items:stretch}.vl-reference .justify-center{justify-content:center}.vl-reference .justify-between{justify-content:space-between}.vl-reference .gap-12{gap:3rem}.vl-reference .gap-4{gap:1rem}.vl-reference .gap-6{gap:1.5rem}.vl-reference .gap-8{gap:2rem}.vl-reference :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.vl-reference :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.vl-reference :is(.space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.vl-reference :is(.space-x-6>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.vl-reference :is(.space-x-8>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.vl-reference :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.vl-reference :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.vl-reference .overflow-hidden{overflow:hidden}.vl-reference .rounded-2xl{border-radius:1rem}.vl-reference .rounded-3xl{border-radius:1.5rem}.vl-reference .rounded-full{border-radius:9999px}.vl-reference .rounded-lg{border-radius:.5rem}.vl-reference .rounded-xl{border-radius:.75rem}.vl-reference .border{border-width:1px}.vl-reference .border-2{border-width:2px}.vl-reference .border-y{border-top-width:1px}.vl-reference .border-b,.vl-reference .border-y{border-bottom-width:1px}.vl-reference .border-t{border-top-width:1px}.vl-reference .border-amber-200\/60{border-color:hsla(48,97%,77%,.6)}.vl-reference .border-emerald-200\/60{border-color:rgba(167,243,208,.6)}.vl-reference .border-slate-100{--tw-border-opacity:1;border-color:rgb(238 240 250/var(--tw-border-opacity,1))}.vl-reference .border-slate-200{--tw-border-opacity:1;border-color:rgb(225 229 238/var(--tw-border-opacity,1))}.vl-reference .border-slate-200\/60{border-color:rgba(225,229,238,.6)}.vl-reference .border-slate-200\/80{border-color:rgba(225,229,238,.8)}.vl-reference .border-slate-700\/80{border-color:rgba(52,65,94,.8)}.vl-reference .border-teal-200\/60{border-color:rgba(185,228,215,.6)}.vl-reference .border-teal-600{--tw-border-opacity:1;border-color:rgb(0 124 108/var(--tw-border-opacity,1))}.vl-reference .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.vl-reference .bg-amber-50\/50{background-color:rgba(255,251,235,.5)}.vl-reference .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.vl-reference .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.vl-reference .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(238 240 250/var(--tw-bg-opacity,1))}.vl-reference .bg-slate-200\/80{background-color:rgba(225,229,238,.8)}.vl-reference .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(246 247 250/var(--tw-bg-opacity,1))}.vl-reference .bg-slate-800\/80{background-color:rgba(24,32,75,.8)}.vl-reference .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(32 20 95/var(--tw-bg-opacity,1))}.vl-reference .bg-teal-100{--tw-bg-opacity:1;background-color:rgb(215 240 233/var(--tw-bg-opacity,1))}.vl-reference .bg-teal-50{--tw-bg-opacity:1;background-color:rgb(229 245 240/var(--tw-bg-opacity,1))}.vl-reference .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.vl-reference .p-1{padding:.25rem}.vl-reference .p-2{padding:.5rem}.vl-reference .p-3{padding:.75rem}.vl-reference .p-4{padding:1rem}.vl-reference .p-6{padding:1.5rem}.vl-reference .p-8{padding:2rem}.vl-reference .px-2\.5{padding-left:.625rem;padding-right:.625rem}.vl-reference .px-3{padding-left:.75rem;padding-right:.75rem}.vl-reference .px-4{padding-left:1rem;padding-right:1rem}.vl-reference .px-5{padding-left:1.25rem;padding-right:1.25rem}.vl-reference .px-6{padding-left:1.5rem;padding-right:1.5rem}.vl-reference .py-1{padding-top:.25rem;padding-bottom:.25rem}.vl-reference .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.vl-reference .py-12{padding-top:3rem;padding-bottom:3rem}.vl-reference .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.vl-reference .py-20{padding-top:5rem;padding-bottom:5rem}.vl-reference .py-3{padding-top:.75rem;padding-bottom:.75rem}.vl-reference .pb-20{padding-bottom:5rem}.vl-reference .pt-16{padding-top:4rem}.vl-reference .text-left{text-align:left}.vl-reference .text-center{text-align:center}.vl-reference .text-2xl{font-size:1.5rem;line-height:2rem}.vl-reference .text-3xl{font-size:1.875rem;line-height:2.25rem}.vl-reference .text-4xl{font-size:2.25rem;line-height:2.5rem}.vl-reference .text-\[10px\]{font-size:10px}.vl-reference .text-lg{font-size:1.125rem;line-height:1.75rem}.vl-reference .text-sm{font-size:.875rem;line-height:1.25rem}.vl-reference .text-xl{font-size:1.25rem;line-height:1.75rem}.vl-reference .text-xs{font-size:.75rem;line-height:1rem}.vl-reference .font-bold{font-weight:700}.vl-reference .font-extrabold{font-weight:800}.vl-reference .font-medium{font-weight:500}.vl-reference .font-normal{font-weight:400}.vl-reference .font-semibold{font-weight:600}.vl-reference .uppercase{text-transform:uppercase}.vl-reference .leading-\[1\.15\]{line-height:1.15}.vl-reference .leading-relaxed{line-height:1.625}.vl-reference .tracking-tight{letter-spacing:-.025em}.vl-reference .tracking-wide{letter-spacing:.025em}.vl-reference .tracking-wider{letter-spacing:.05em}.vl-reference .tracking-widest{letter-spacing:.1em}.vl-reference .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.vl-reference .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.vl-reference .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.vl-reference .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.vl-reference .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.vl-reference .text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.vl-reference .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.vl-reference .text-slate-400{--tw-text-opacity:1;color:rgb(177 186 208/var(--tw-text-opacity,1))}.vl-reference .text-slate-500,.vl-reference .text-slate-600{--tw-text-opacity:1;color:rgb(98 105 123/var(--tw-text-opacity,1))}.vl-reference .text-slate-700{--tw-text-opacity:1;color:rgb(52 65 94/var(--tw-text-opacity,1))}.vl-reference .text-slate-800{--tw-text-opacity:1;color:rgb(24 32 75/var(--tw-text-opacity,1))}.vl-reference .text-slate-900{--tw-text-opacity:1;color:rgb(32 20 95/var(--tw-text-opacity,1))}.vl-reference .text-teal-400{--tw-text-opacity:1;color:rgb(103 219 192/var(--tw-text-opacity,1))}.vl-reference .text-teal-600,.vl-reference .text-teal-700{--tw-text-opacity:1;color:rgb(0 124 108/var(--tw-text-opacity,1))}.vl-reference .text-teal-800{--tw-text-opacity:1;color:rgb(0 100 85/var(--tw-text-opacity,1))}.vl-reference .text-teal-900{--tw-text-opacity:1;color:rgb(0 84 71/var(--tw-text-opacity,1))}.vl-reference .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.vl-reference .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.vl-reference .shadow-md,.vl-reference .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.vl-reference .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.vl-reference .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vl-reference .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vl-reference .hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.vl-reference .hover\:border-amber-500\/50:hover{border-color:rgba(245,158,11,.5)}.vl-reference .hover\:border-blue-500\/50:hover{border-color:rgba(59,130,246,.5)}.vl-reference .hover\:border-red-500\/50:hover{border-color:rgba(239,68,68,.5)}.vl-reference .hover\:border-teal-500\/40:hover{border-color:rgba(0,168,143,.4)}.vl-reference .hover\:border-teal-500\/50:hover{border-color:rgba(0,168,143,.5)}.vl-reference .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(225 229 238/var(--tw-bg-opacity,1))}.vl-reference .hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(24 32 75/var(--tw-text-opacity,1))}.vl-reference .hover\:text-teal-700:hover{--tw-text-opacity:1;color:rgb(0 124 108/var(--tw-text-opacity,1))}.vl-reference .hover\:opacity-95:hover{opacity:.95}.vl-reference .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.vl-reference .hover\:shadow-lg:hover,.vl-reference .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.vl-reference .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}@media (min-width:640px){.vl-reference .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vl-reference .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vl-reference .sm\:text-6xl{font-size:3.75rem;line-height:1}.vl-reference .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.vl-reference .md\:mb-0{margin-bottom:0}.vl-reference .md\:flex{display:flex}.vl-reference .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vl-reference .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vl-reference .md\:flex-row{flex-direction:row}}@media (min-width:1024px){.vl-reference .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Keep sign in usable alongside the compact logo on small phones. */
@media(max-width:639px){.vl-reference header>div{padding-left:16px;padding-right:16px;gap:12px}.vl-reference header .space-x-3{column-gap:8px}.vl-reference header .space-x-3>:last-child{display:none}.vl-reference header .space-x-4{column-gap:10px}.vl-reference header .space-x-4>*{margin-left:0!important}.vl-reference header a.gradient-bg{font-size:12px;padding:10px 12px}.vl-reference footer .space-x-6{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.vl-reference footer .space-x-6>*{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){.vl-reference *{animation:none!important;transition:none!important}}

/* Keep Sign out visible while the Menu content scrolls. */
.modal.vn-drawer{display:flex;flex-direction:column;overflow:hidden}
.vn-drawer>.vx-sheet-head{flex:none;margin-bottom:4px}
.vn-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}
.vn-drawer-footer{flex:none;padding-top:14px;border-top:1px solid var(--line);background:var(--paper)}
.vn-drawer-footer .vx-signout{width:100%}

/* Feed uses the reader's existing cards, typography and controls. */
.vf-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.vf-toolbar a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.vf-why{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}
.vf-actions{display:flex;gap:8px;align-items:center}
.vf-rule-opt{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;margin-top:10px;cursor:pointer}
.vf-rule-opt input,.vf-source input{flex:none;width:18px;height:18px;accent-color:#007c6c;margin:0}
.vf-source{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.vf-source:last-child{border:0}
.vf-source label{display:flex;align-items:flex-start;gap:12px;flex:1;cursor:pointer;min-width:0}
.vf-source input{margin-top:3px}
.vf-source label span{min-width:0}
.vf-source strong,.vf-source small{display:block;overflow-wrap:anywhere}
.vf-source small{color:var(--muted);font-size:12px;margin-top:3px}
.vf-add{display:flex;gap:10px;align-items:stretch}
.vf-add input{min-width:0;flex:1}
@media(max-width:480px){.vf-add{flex-direction:column}.vf-actions{flex-wrap:wrap;justify-content:flex-end}.vf-source{align-items:flex-start}}

.vx-main:has(#vf-results)>.vx-head h1{display:none}

/* Reader destinations remain reachable at narrow widths; Writer keeps its own bar. */
.vn-bottom:not(.vn-writer)>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.vn-bottom .vn-icon-label{visibility:visible}
.vf-source{gap:12px;min-width:0}.vf-source label,.vf-directory-name{min-width:0;flex:1}
.vf-directory-name{display:flex;gap:10px;align-items:flex-start}.vf-directory-name>svg{flex-shrink:0;margin-top:3px}
.vf-directory-name strong,.vf-directory-name small{display:block;overflow-wrap:anywhere}
.vf-source button{flex-shrink:0}.vf-source strong svg{vertical-align:middle}
@media(max-width:380px){.vn-bottom:not(.vn-writer){padding-left:3px;padding-right:3px}.vn-bottom:not(.vn-writer) a,.vn-bottom:not(.vn-writer) button{font-size:10px}}

/* Rule content scrolls without compressing the editor controls. */
.vk-rd-body>*{flex-shrink:0}
.vk-rd-body>.vk-tabs{min-height:44px;overflow-y:hidden;align-items:stretch}
.vk-rd-body textarea#rd-text{min-height:104px;line-height:1.5;resize:vertical}
.vf-feed-rule{padding:14px 0;border-top:1px solid var(--line)}
.vf-feed-rule p{margin:5px 0 10px;font-size:13px;color:var(--muted)}

/* Shared compact article cards: artwork stays proportional and secondary. */
.vm-brand{position:relative;display:inline-flex;width:1.375rem;height:1.375rem;flex:0 0 1.375rem;border-radius:6px;overflow:hidden}
.vm-brand>span{display:grid;place-items:center;width:100%;height:100%;font-size:.625rem;font-weight:750;color:#fff}
.vm-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--paper)}
.vm-brand img,.vm-thumb img{opacity:0;transition:opacity .15s}
.vm-brand img.vm-loaded,.vm-thumb img.vm-loaded{opacity:1}
.vx-card .vx-more{position:relative;min-width:3.75rem;min-height:44px;padding:0 7px;border:0;border-radius:8px;background:transparent;flex:none}
.vx-card .vx-more::before{content:'';position:absolute;inset:6px 0;border:1px solid var(--line);border-radius:8px;pointer-events:none}
.vx-card [data-a=feed-menu]{min-width:44px}
.vx-card .vf-why{margin:2px 0;font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}
.vx-card .vf-actions{display:inline-flex;gap:4px;flex:none}
/* Enlarged text: use available card space instead of squeezing words beside artwork/actions. */
@container (max-width:16rem){
  .vx-card-body>.vx-pub{flex-wrap:wrap}
  .vx-card-body .vx-foot{flex-wrap:wrap;align-items:flex-start}
  .vx-foot>.vx-when{flex:1 1 100%}
  .vx-card-body .vf-actions{flex-wrap:wrap;justify-content:flex-start}
}

.vn-forward-address{overflow-wrap:anywhere;font-weight:650}

/* Native publication checklist retains keyboard and screen-reader behavior. */
#vf-dropdown,.vk-multiselect{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}
#vf-dropdown summary,.vk-multiselect summary{cursor:pointer;font-weight:650;min-height:32px}
.vf-checklist{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.vf-checklist .vf-source{cursor:pointer;padding:10px 0;min-height:44px;align-items:flex-start}
.vf-checklist .vf-source span{min-width:0}.vf-checklist small{display:block;color:var(--muted)}
.vf-row-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}
.vf-rule-scopes{display:flex;gap:12px;flex-wrap:wrap;border:0;padding:0;margin:8px 0 0;min-width:0}
.vf-rule-scopes label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}
.vf-rule-scopes input{width:18px;height:18px;margin:0;accent-color:#007c6c;flex:none}
.vf-rule-scopes legend{font-size:13px;color:var(--muted)}
.vf-rule-actions{display:flex;align-items:center;gap:12px;flex:none}
.vf-rule-power{display:flex;align-items:center;gap:8px;flex:none;font-size:var(--reader-meta-size);color:var(--muted)}
.vf-rule-power .switch{min-width:44px;min-height:44px;justify-content:center}
.vf-rule-power .switch input{inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}
@media(max-width:480px){.vf-source{flex-wrap:wrap}.vf-row-actions{margin-left:auto}.vx-rule{flex-wrap:wrap}.vx-rule-text{min-width:0;flex:1 1 180px}}

.vf-checklist .vf-source{flex-wrap:nowrap}.vf-checklist .vf-source>span{flex:1;min-width:0}
#vf-dropdown .vf-toolbar,.vk-multiselect .vf-toolbar{gap:6px}#vf-dropdown .vf-toolbar button,.vk-multiselect .vf-toolbar button{padding:8px 10px;font-size:13px;min-height:44px}

@media(max-width:480px){.vx-head:has(.add-rule-cta){flex-wrap:wrap}.vx-head:has(.add-rule-cta)>div{flex:1 1 100%;min-width:0}.vx-head .add-rule-cta{margin-left:auto}}

.vl-reference .vl-plan-line{margin:-16px auto 32px;font-size:16px;line-height:1.6;color:#475569;max-width:680px}
.mv-selection-summary{overflow-wrap:anywhere;margin:8px 0 0}.mv-selection-summary:empty{display:none}
.mv-provider-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.mv-provider-row:last-child{border-bottom:0}.mv-provider-row strong{min-width:0;overflow-wrap:anywhere}.mv-provider-row button{flex:none;min-height:44px}
#mv-instructions [hidden]{display:none!important}#mv-instructions>.vk-mv-h{margin-top:8px}
#mv-where .vf-checklist,#mv-which .vf-checklist{max-height:220px}
#mv-where .vf-source,#mv-which .vf-source{align-items:center;font-size:14px;gap:10px}
#mv-where .vf-source input,#mv-which .vf-source input{width:18px;height:18px;flex:none;margin:0;accent-color:#007c6c}
.vk-mv-other .form-input{min-width:0}

@media(max-width:480px){.vf-rule-actions{width:100%;justify-content:flex-end}}

/* Compact browsing only: article iframe/reading typography is independent. */
.vn-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:var(--reader-section-gap) 0;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.vn-list-toolbar::-webkit-scrollbar{display:none}
.vn-list-toolbar .vx-libnav{margin:0;gap:4px;overflow:visible;flex:none}
.vn-list-toolbar .vx-libnav a{min-width:44px;justify-content:center;min-height:44px;padding:0 7px;font-size:var(--reader-action-size);font-weight:600;gap:4px;border-radius:12px}
.vn-list-toolbar .vx-libnav a span{min-width:18px;padding:0 4px;font-size:.75rem}
.vn-list-toolbar .vn-list-tools{margin:0;padding:0;gap:4px;flex:none}
.vn-list-toolbar .vn-list-tools button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;padding:0 7px;font-size:var(--reader-action-size);white-space:nowrap}
.vn-list-count{font-size:var(--reader-meta-size);color:var(--muted);min-width:0;white-space:nowrap}
.vx-main.lists>.vx-list,.vx-main>#vf-results{padding-top:0;gap:var(--reader-card-gap)}
.vx-main.lists .vx-card,.vx-main:has(#vf-results) .vx-card{padding:var(--reader-card-padding)}
.vx-main.lists .vx-card.sel{padding:calc(var(--reader-card-padding) - 1px)}
.vx-main.lists>.vx-sub{padding:0;margin:0 0 var(--reader-section-gap)}
.vx-main.lists>.vn-list-toolbar~.vx-setup{margin-top:0}
#vf-status:not([hidden]){margin:0 0 var(--reader-section-gap)}
.vx-main.lists>#vx-remind:empty{display:none}

/* Settings is the source of truth; these declarations preserve its computed values. */
.vx-setlist a>span>strong,.vx-card .vx-title{font-family:var(--interface-list-family);font-size:var(--interface-list-title-size);font-weight:var(--interface-list-title-weight);line-height:var(--interface-list-line);letter-spacing:normal}
.vx-setlist a>span>small,.vx-card .vx-excerpt{font-family:var(--interface-list-family);font-size:var(--interface-list-secondary-size);font-weight:var(--interface-list-secondary-weight);line-height:var(--interface-list-line);letter-spacing:normal}
/* Shared compact-card presentation: source/title/excerpt beside supporting artwork.
   Newsletter and Feed renderers supply their own metadata and action slots. */
.vm-story{--vm-size:var(--reader-thumb-width);display:grid;grid-template-columns:minmax(0,1fr) var(--vm-size);align-items:center;gap:var(--reader-footer-gap) var(--reader-story-gap);min-width:0}
.vm-story.vm-no-image{grid-template-columns:minmax(0,1fr)}
.vm-copy{display:flex;flex-direction:column;gap:var(--reader-row-gap);min-width:0}
.vm-side{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.vm-no-image .vm-side{display:none}
.vm-thumb{display:flex;width:var(--vm-size);max-width:100%;height:auto;align-self:center;align-items:center;justify-content:flex-end;overflow:hidden;border-radius:7px;background:transparent}
.vm-thumb img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--reader-thumb-max-height);object-fit:contain;object-position:right center}
.vx-card.compact .vm-story{--vm-size:var(--reader-thumb-width)}
.vm-story>.vx-foot{grid-column:1/-1;margin-top:0}
.vx-card-body>.vx-foot{margin-top:var(--reader-footer-gap)}
.vx-card .vx-card-body{gap:0}
.vx-card .vx-pub{line-height:1.35;gap:5px;flex-wrap:wrap}
.vx-card .vx-pub strong{line-height:1.35}
.vx-card .vm-brand{width:16px;height:16px;flex-basis:16px;border-radius:4px}
@media(max-width:330px){.vm-story{--vm-size:70px;--reader-story-gap:7px}}
/* Enlarged text yields artwork space to the text instead of squeezing titles. */
@container (max-width:16rem){
  .vm-story{grid-template-columns:minmax(0,1fr)}
  .vm-side{grid-column:1;justify-content:flex-end}
}
/* Homepage additions: scoped so the approved hero and reading screens stay unchanged. */
.vl-reference .vl-new-section{max-width:1100px;margin:0 auto;padding:48px 24px}
.vl-reference .vl-eyebrow{display:block;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.1em;color:#007c6c;margin-bottom:10px}
.vl-reference .vl-section-intro h2,.vl-reference .vl-install h2{font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px}
.vl-reference .vl-section-intro p,.vl-reference .vl-install p{font-size:14px;line-height:1.6;color:var(--muted);max-width:56ch}
.vl-reference .vl-free-now{color:#007c6c;font-weight:600;margin-top:14px}
.vl-reference .vl-receive{padding-top:56px;padding-bottom:56px}
.vl-reference .vl-receive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.vl-reference .vl-receive-grid article{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:16px}
.vl-reference .vl-receive-grid svg{color:#007c6c;margin-bottom:8px}
.vl-reference .vl-receive-grid h3{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:6px}
.vl-reference .vl-receive-grid p,.vl-reference .vl-receive-note{font-size:14px;line-height:1.6;color:var(--muted)}
.vl-reference .vl-receive-note{margin-top:16px}
.vl-reference .vl-coming-badge{display:inline-flex;align-self:flex-start;background:#e5f5f0;color:#00564c;border-radius:20px;font-size:11px;font-weight:700;line-height:1.5;padding:5px 10px;margin-bottom:14px}
.vl-reference .vl-install{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;padding-top:56px;padding-bottom:56px}
.vl-reference .vl-install>.vn-brand,.vl-reference .vl-install>div:first-child{padding-top:5px}
.vl-reference .vl-install .vn-logo{width:72px;height:72px}
.vl-reference .vl-install-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;margin-bottom:12px}
.vl-reference .vl-install-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 16px;font-size:13px;font-weight:600}
.vl-reference .vl-install-actions .vx-pbtn{background:#007c6c;color:white;border-color:#007c6c}
.vl-reference .vl-install details{font-size:13px;color:var(--muted)}
.vl-reference .vl-install summary{cursor:pointer;padding:6px 0}
.vl-reference .vl-install details p{font-size:13px;max-width:65ch;padding-top:6px}
.vl-reference .vl-install [hidden]{display:none!important}
#home-install-status{margin-top:10px;font-size:13px}
@media(max-width:760px){.vl-reference .vl-section-intro h2,.vl-reference .vl-install h2{font-size:25px}.vl-reference .vl-receive-grid{grid-template-columns:minmax(0,1fr)}.vl-reference .vl-install{grid-template-columns:minmax(0,1fr);gap:12px}}

/* Keep both launch actions visible while the homepage scrolls. */
.vl-reference>header{position:fixed;top:0;left:0;right:0;z-index:50}
.vl-reference #landing-main{padding-top:80px}
.vl-reference .vl-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.vl-reference .vl-header-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.vl-reference .vl-install-top{background:#fff;border:1px solid #007c6c;color:#007c6c;cursor:pointer}
.vl-reference .vl-start{color:#fff}
@media(max-width:1100px){.vl-reference>header nav{display:none}}
@media(max-width:639px){.vl-reference>header>div{padding-left:12px;padding-right:12px;gap:8px}.vl-reference .vl-header-actions{gap:6px}.vl-reference .vl-header-actions :is(a,button){font-size:12px;padding:9px 10px}.vl-reference>header .vn-logo{width:40px;height:40px}}
/* Homepage exploration: writer invitation, compact FAQ and isolated rule playground. */
.vl-reference :is(#writers,#faq,#rules,#pricing,#hubs,#receive,#install){scroll-margin-top:96px}
.vl-reference>header nav{column-gap:20px;font-size:13px}
.vl-reference .vl-writer-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center;background:#e5f5f0;border:1px solid #c9e9df;padding:32px;border-radius:20px}
.vl-reference .vl-writer-card h2,.vl-reference .vl-faq h2{font-size:28px;line-height:1.25;font-weight:750;letter-spacing:-.5px;margin-bottom:12px}
.vl-reference .vl-writer-card p{font-size:14px;line-height:1.65;color:var(--muted);max-width:52ch}
.vl-reference .vl-writer-card a{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid #b4d8cc;border-radius:10px;padding:12px 16px;margin-top:20px;min-height:44px;color:#00564c;font-size:13px;font-weight:700}
.vl-reference .vl-writer-notes{display:grid;gap:14px}.vl-reference .vl-writer-notes p{display:flex;gap:10px;align-items:center}.vl-reference .vl-writer-notes svg{color:#007c6c;flex-shrink:0}
.vl-reference .vl-faq{max-width:850px}.vl-reference .vl-faq h2{margin-bottom:22px}.vl-reference .vl-faq details{border-bottom:1px solid var(--line);padding:0;margin:0}.vl-reference .vl-faq summary{display:flex;justify-content:space-between;gap:15px;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;min-height:56px;padding:16px 0}.vl-reference .vl-faq summary::-webkit-details-marker{display:none}.vl-reference .vl-faq summary svg{flex-shrink:0;color:#007c6c}.vl-reference .vl-faq details[open] summary svg{transform:rotate(180deg)}.vl-reference .vl-faq details p{font-size:14px;line-height:1.65;color:var(--muted);padding:0 25px 18px 0}
.vl-reference .vl-rule-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:start}
.vl-reference .vl-rule-caption{font-size:12px;line-height:1.6;color:var(--muted)}.vl-reference .vl-text-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-top:12px;color:#007c6c;font-size:13px;font-weight:700}
.vl-reference .vl-rule-box{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.vl-reference .vl-rule-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.vl-reference .vl-rule-top h4{font-size:15px;font-weight:700}
.vl-reference .vl-rule-tabs{display:flex;border-radius:10px;background:#eceef9;padding:4px;margin-bottom:16px}.vl-reference .vl-rule-tabs button{flex:1;min-width:0;min-height:44px;font-size:12px;font-weight:600;border-radius:8px;padding:6px;border:0;background:transparent;color:var(--muted);cursor:pointer}.vl-reference .vl-rule-tabs [aria-selected=true]{background:white;color:#00564c;box-shadow:0 1px 3px #18204b12}
.vl-reference #home-rule-editor>label,.vl-reference .vl-rule-builder>label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.vl-reference #home-rule-editor :is(textarea,select,input){width:100%;min-width:0;max-width:100%;font:400 14px/1.6 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px}.vl-reference #home-rule-editor textarea{resize:vertical}.vl-reference .vl-rule-builder{display:grid;gap:8px}.vl-reference .vl-rule-builder>label{margin:0}
.vl-reference .vl-rule-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.vl-reference .vl-rule-examples button{font-size:12px;border:1px solid var(--line);border-radius:18px;padding:7px 10px;min-height:44px;background:var(--paper);color:#00564c;cursor:pointer;text-align:left}.vl-reference .vl-rule-templates{display:grid;gap:8px}.vl-reference .vl-rule-templates button{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:white;text-align:left;font-size:13px;cursor:pointer}.vl-reference .vl-rule-templates [aria-pressed=true]{background:#e5f5f0;border-color:#007c6c}
.vl-reference .vl-rule-power{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:14px 0}.vl-reference .vl-rule-power strong{font-weight:700}.vl-reference .vl-rule-scopes{display:flex;gap:18px;align-items:center;border:0;margin:0 0 12px;padding:0}.vl-reference .vl-rule-scopes legend{font-size:12px;font-weight:600;margin-bottom:4px}.vl-reference .vl-rule-scopes label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.vl-reference .vl-rule-scopes input{width:18px;height:18px;accent-color:#007c6c}
.vl-reference .vl-rule-sentence{border-radius:10px;background:#e5f5f0;color:#00564c;font-size:13px;line-height:1.6;padding:12px;margin-bottom:12px}.vl-reference .vl-rule-preview-tabs{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vl-reference .vl-rule-preview-tabs button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:44px;background:white;font-size:13px;cursor:pointer}.vl-reference .vl-rule-preview-tabs [aria-pressed=true]{border-color:#007c6c;color:#00564c;background:#e5f5f0}.vl-reference .vl-rule-preview-tabs>span{font-size:12px;color:var(--muted);margin-left:auto}
.vl-reference .vl-rule-results{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 12px}.vl-reference .vl-rule-results li{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:4px}.vl-reference .vl-rule-results li>span{font-size:12px;line-height:1.4;color:var(--muted)}.vl-reference .vl-rule-results strong{font:700 15px/1.6 var(--sans);overflow-wrap:anywhere}.vl-reference .vl-rule-results small{font-size:11px;color:#007c6c}.vl-reference .vl-rule-library{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.vk-apk-install{max-width:520px}.vk-apk-install .vx-pbtn{display:flex;justify-content:center;align-items:center;min-height:48px;margin:18px 0 10px;text-decoration:none}.vk-apk-steps{padding-left:22px;font-size:14px;line-height:1.65;margin:18px 0}.vk-apk-steps li+li{margin-top:10px}
@media(max-width:1100px){.vl-reference>header nav{display:none}}
@media(max-width:760px){.vl-reference .vl-rule-layout,.vl-reference .vl-writer-card{grid-template-columns:minmax(0,1fr);gap:22px}.vl-reference .vl-writer-card{padding:22px}.vl-reference .vl-writer-card h2,.vl-reference .vl-faq h2{font-size:25px}.vl-reference .vl-rule-box{padding:14px}}