/* The Edit: independent concept. Palette and reading discipline adapted from the user-provided KarimSpring.com design. */
:root{--bg:#fbf6ea;--paper:#fffaf1;--ink:#1a1a1a;--muted:#77716b;--line:#e5ded2;--stage:#efe9de;--accent:#f57939;--accent-ink:#af5425;--head:rgba(251,246,234,.96);--nav:rgba(255,252,246,.98);--shadow:0 18px 48px rgba(64,47,25,.07);--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
[data-theme=dark]{--bg:#121218;--paper:#1b1a22;--ink:#ece6da;--muted:#a89ead;--line:#302d38;--stage:#23212a;--accent:#f57939;--accent-ink:#f28d59;--head:rgba(18,18,24,.97);--nav:rgba(27,26,34,.98);--shadow:0 14px 38px rgba(0,0,0,.12)}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--sans);font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}svg{flex:none}img{max-width:100%}p,h1,h2,h3,h4{overflow-wrap:break-word}p{margin:0 0 14px}h1,h2,h3{margin:0}h1,h2,h3,strong{color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button{border:0;background:transparent;color:inherit}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.muted{color:var(--muted)!important}.small{font-size:12px}.eyebrow{display:inline-block;font:700 10px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:30px;background:#eee5d7;color:#695e52;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.pill.neutral{background:var(--stage);color:var(--muted)}.pill.success{color:#1a7753;background:#e1f3e7}.pill.accent{color:var(--accent-ink);background:#f8e7d9}[data-theme=dark] .pill.success{background:#1b3931;color:#9cdbb9}[data-theme=dark] .pill.accent{background:#493123;color:#f5b38e}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--line);background:var(--paper);border-radius:6px;line-height:1.3;font-size:12px;font-weight:650;transition:opacity .18s,background .18s;min-height:42px;text-align:center}.btn:hover{background:var(--stage)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.primary:hover{opacity:.85}.btn.outline{background:transparent;border-color:var(--line)}.btn.outline:hover{background:var(--stage)}.btn.tiny{min-height:35px;padding:8px 11px;font-size:11px}.btn.full{width:100%}.text-action,.linkish{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:5px 0;font-weight:600;font-size:12px;color:var(--accent-ink);text-align:left;text-decoration:none}.text-action:hover,.linkish:hover{text-decoration:underline}.text-action.strong{color:var(--ink)}.icon-action{width:36px;height:36px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-action:hover,.icon-action.selected{color:var(--accent-ink);background:var(--stage)}.x-mini{color:var(--muted);padding:6px}.x-mini:hover{color:var(--accent-ink)}
/* Header and navigation */
.topbar{position:sticky;top:0;height:67px;z-index:30;background:var(--head);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-inner{max-width:1330px;margin:auto;height:100%;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand-btn{display:flex;align-items:center;gap:11px}.brand-mark{font:italic 34px/.9 var(--serif);letter-spacing:-4px;color:var(--ink)}.brand-dot{color:var(--accent)}.brand-name{font:23px var(--serif);letter-spacing:-.8px}.top-meta{display:flex;align-items:center;gap:22px}.demo-label{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.12em}.role-switch{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:8px 11px;font-size:11px;font-weight:650}.role-switch:hover{background:var(--stage)}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);margin:0 auto;max-width:1330px;min-height:calc(100vh - 67px)}.sidebar{border-right:1px solid var(--line)}.side-inner{position:sticky;top:67px;height:calc(100vh - 67px);display:flex;flex-direction:column;padding:45px 18px 25px}.side-strap{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--muted);margin:0 14px 22px}.side-menu{display:flex;flex-direction:column;gap:7px}.side-link{display:flex;gap:14px;align-items:center;width:100%;padding:13px 15px;color:var(--muted);text-align:left;font-size:13px;border-radius:6px}.side-link:hover{background:var(--stage);color:var(--ink)}.side-link.active{color:var(--ink);background:var(--stage);font-weight:680}.side-link.active:before{content:'';width:3px;height:18px;background:var(--accent);position:absolute;left:18px}.side-panel{margin-top:auto;margin-bottom:24px;border:1px solid var(--line);border-radius:9px;padding:17px;background:var(--paper)}.side-panel-icon{color:var(--accent-ink);margin-bottom:8px}.side-panel-title{font:20px/1.18 var(--serif);margin-bottom:9px}.side-panel p{font-size:11px;color:var(--muted);margin:0}.reset-link{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:7px 14px}.reset-link:hover{color:var(--ink)}.bottom-nav{display:none}.main{width:100%;max-width:1040px;padding:48px 54px 75px;margin:0 auto}.main-reader{padding:0 0 75px}.demo-bottom-note{margin:60px 0 0;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}
/* Landing */
.welcome-view{min-height:100vh;padding:34px 22px;background:radial-gradient(ellipse at 88% 8%,rgba(245,121,57,.11),transparent 38%),var(--bg)}.welcome-container{max-width:950px;margin:auto;text-align:center}.welcome-kicker{font-size:10px;color:var(--muted);font-weight:680;letter-spacing:.14em;margin:18px 0 29px}.welcome-brand{font:32px var(--serif);margin-bottom:38px;letter-spacing:-1px}.welcome-brand span{color:var(--accent)}.welcome-container h1{font:400 clamp(52px,9vw,94px)/1.05 var(--serif);letter-spacing:-3px}.welcome-container h1 em{font-style:italic;color:var(--accent-ink)}.welcome-lead{max-width:540px;font-size:16px;color:var(--muted);line-height:1.7;margin:24px auto 40px}.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:19px;text-align:left}.welcome-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:30px;min-height:305px;background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.welcome-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.welcome-icon{background:var(--stage);padding:12px;border-radius:9px;margin-bottom:25px}.welcome-card-label{font-size:10px;font-weight:750;letter-spacing:.15em;color:var(--accent-ink);margin-bottom:7px}.welcome-card strong{font:30px/1.15 var(--serif);margin-bottom:12px}.welcome-card>span:nth-of-type(3){font-size:13px;color:var(--muted);line-height:1.7}.welcome-cta{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:9px;font-weight:680;font-size:12px}.welcome-foot{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--muted);margin-top:24px;line-height:1.7}.welcome-foot.subtle{margin-top:8px}
/* Content rhythm */
.page-intro{margin-bottom:30px}.page-intro>.eyebrow{margin-bottom:13px}.intro-title-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-intro h1{font:400 clamp(38px,4.3vw,55px)/1.13 var(--serif);letter-spacing:-1.4px}.page-intro p{max-width:650px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.summary-band{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:29px 0 24px}.summary-band>div{background:var(--paper);border:1px solid var(--line);padding:19px 22px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.stat-n{font:35px/.95 var(--serif);letter-spacing:-1px}.stat-label{font-size:11px;color:var(--muted)}.day-brief{background:var(--stage);border-radius:10px;padding:23px 26px;margin:25px 0 35px}.brief-top{display:flex;gap:8px;align-items:center;font-size:13px}.brief-top svg{color:var(--accent-ink)}.brief-top .pill{margin-left:auto}.day-brief p{font:16px/1.65 var(--serif);margin:13px 0 17px}.brief-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.brief-bottom>span{display:flex;align-items:center;gap:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 15px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-heading h2{font:normal 25px/1.2 var(--serif)}.section-heading>span{color:var(--muted);font-size:11px}.article-stack{display:flex;flex-direction:column;gap:11px}.article-card{display:grid;grid-template-columns:148px 1fr;min-width:0;gap:20px;background:var(--paper);border:1px solid var(--line);padding:17px;border-radius:9px}.article-card.feature{grid-template-columns:195px 1fr;min-height:220px}.article-card .item-thumb{width:100%;height:147px;object-fit:cover;border-radius:5px;background:var(--stage)}.article-card.feature .item-thumb{height:100%;min-height:184px}.thumb-abstract{display:flex;align-items:flex-end;padding:14px;position:relative;overflow:hidden;background:linear-gradient(145deg,#283951,#bd9265)!important}.thumb-abstract:before{content:'';width:100px;height:100px;border:2px solid rgba(255,255,255,.5);border-radius:50%;position:absolute;top:13%;right:-28px}.thumb-abstract span{position:relative;color:white;font:italic 20px var(--serif)}.abstract-2{background:linear-gradient(140deg,#627b69,#ce9c6a)!important}.abstract-3{background:linear-gradient(140deg,#836658,#e6b17e)!important}.abstract-4{background:linear-gradient(140deg,#475a74,#9a9db0)!important}.abstract-5{background:linear-gradient(140deg,#5e6c46,#af9e81)!important}.abstract-6{background:linear-gradient(140deg,#6b4c61,#cf9f9a)!important}.article-card-body{display:flex;flex-direction:column;min-width:0}.article-overline{color:var(--accent-ink);font-size:10px;font-weight:700;letter-spacing:.025em;margin-bottom:8px}.article-overline span{color:var(--muted);padding:0 4px}.article-title{display:block;font:400 23px/1.2 var(--serif);letter-spacing:-.4px;text-align:left;padding:0}.article-title:hover{text-decoration:underline;text-underline-offset:4px}.article-context{margin:11px 0 13px;color:var(--muted);font-size:12px;line-height:1.65;max-width:520px}.article-actions{margin-top:auto;display:flex;align-items:center;gap:8px}.article-actions .text-action{margin-right:auto}.mini-callout{display:flex;align-items:flex-start;gap:15px;padding:21px;border-radius:8px;border:1px solid var(--line);background:var(--paper)}.mini-callout svg{color:var(--accent-ink)}.mini-callout strong{font-size:13px}.mini-callout p{color:var(--muted);font-size:12px;margin:5px 0 0}
/* Library, search, forms */
.tab-row,.chip-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:8px;margin:22px 0 19px}.tab-row::-webkit-scrollbar,.chip-row::-webkit-scrollbar{display:none}.tab,.chip{flex:none;padding:10px 13px;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--muted)}.tab span{padding-left:8px;font-size:10px}.tab.active,.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tab:hover,.chip:hover{border-color:var(--accent)}.searchbox{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.searchbox input{flex:1;min-width:0;background:transparent;border:0;outline:0!important;font-size:14px;color:var(--ink)}.searchbox button{color:var(--muted);display:flex}.empty-state{text-align:center;border:1px dashed var(--line);padding:70px 22px;color:var(--muted);border-radius:8px}.empty-state svg{margin-bottom:13px}.empty-state h3{font:22px var(--serif);margin-bottom:7px}.empty-state p{margin:0}.explore-section{margin-top:48px}.explore-section p{color:var(--muted);font-size:13px;line-height:1.7}.explore-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.surface-card,.chart-panel{background:var(--paper);padding:26px;margin-bottom:17px;border:1px solid var(--line);border-radius:10px}.surface-card>p,.chart-panel>p{font-size:13px;color:var(--muted);line-height:1.7}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.card-heading h2{font:normal 24px var(--serif)}.rule-entry{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.rule-number{font-family:var(--serif);font-size:19px;color:var(--accent-ink)}.rule-text{font-size:13px;line-height:1.65;flex:1}.switch{position:relative;display:inline-flex;align-items:center;flex:none}.switch input{opacity:0;position:absolute;width:1px;height:1px}.switch span{display:block;background:var(--stage);border:1px solid var(--line);border-radius:40px;width:41px;height:24px;position:relative;transition:background .16s}.switch span:before{content:'';width:16px;height:16px;background:var(--muted);border-radius:50%;position:absolute;top:3px;left:4px;transition:transform .16s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translateX(17px);background:white}.switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.rule-compose{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.rule-compose textarea,.form-input{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--bg);border-radius:6px;color:var(--ink);resize:vertical;outline-color:var(--accent);font-size:13px}.rule-compose textarea{line-height:1.6}.choice-list{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:13px;cursor:pointer}.radio-option input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0 0}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-choice{padding:18px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:7px}.setup-choice.active{border:2px solid var(--accent);padding:17px}.setup-choice>span{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-size:13px}.setup-choice>small{display:block;line-height:1.55;color:var(--muted);font-size:11px}.address-box{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;background:var(--stage);padding:15px;border-radius:7px}.address-box strong{font-weight:640;display:block;font-size:13px;overflow-wrap:anywhere;margin-top:3px}.info-panel{background:var(--stage);padding:14px;display:flex;align-items:flex-start;gap:10px;border-radius:7px;color:var(--muted);margin-top:13px}.info-panel p{margin:0;font-size:12px;line-height:1.6}.field-label{display:block;font-size:11px;font-weight:670;color:var(--muted);margin:17px 0 7px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.setting-row select{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:8px;border-radius:5px;max-width:55%}.stepper{display:flex;align-items:center;gap:9px}.stepper button{border:1px solid var(--line);padding:5px 9px;border-radius:4px}.stepper strong{min-width:30px;text-align:center;font-size:12px}
/* Full reader */
.reader-minihead{height:61px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.reader-minihead>div{display:flex;align-items:center;gap:8px}.reading-paper{max-width:704px;padding:51px 24px 80px;margin:auto}.reading-overline{font-size:10px;font-weight:700;letter-spacing:.10em;color:var(--accent-ink);margin-bottom:16px}.reading-overline span{color:var(--muted);padding:0 5px}.reading-paper h1{font:400 clamp(37px,5vw,56px)/1.09 var(--serif);letter-spacing:-1.3px;margin-bottom:20px}.reader-deck{font:21px/1.55 var(--serif);color:var(--muted);margin:0 0 24px}.reader-byline{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:18px}.byline-circle{width:39px;height:39px;background:var(--stage);border-radius:50%;display:grid;place-items:center;color:var(--accent-ink);font-size:12px;font-weight:700}.reader-byline>div:nth-child(2){display:flex;flex-direction:column;font-size:12px}.reader-byline span{font-size:11px;color:var(--muted)}.author-link{margin-left:auto;color:var(--accent-ink);font-size:12px;font-weight:620;display:flex;align-items:center;gap:4px}.reading-actions{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 22px}.reading-insight{display:flex;gap:12px;background:var(--stage);padding:16px 17px;border-radius:7px;color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:27px}.reading-insight>span{display:flex;flex-direction:column;gap:3px}.reading-insight strong{font-size:12px;color:var(--ink)}.reading-insight svg{color:var(--accent-ink)}.reading-hero{width:100%;max-height:360px;object-fit:cover;display:block;margin:20px auto 32px;border-radius:5px}.reading-content{font-family:var(--serif);max-width:690px}.reading-content p{margin:0 0 1.35em}.reading-content h2{font:normal 1.43em/1.3 var(--serif);margin:1.8em 0 .8em}.demo-copy-note{font-family:var(--sans);font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.reader-end{margin-top:48px;border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.reader-end>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-right:auto}.end-actions{display:flex;width:100%;border-top:1px solid var(--line);padding-top:15px;gap:20px;margin-top:6px}.end-actions button{display:flex;align-items:center;justify-content:space-between;flex:1;font-size:13px;text-align:left}
/* Modal and author drawer */
.scrim{position:fixed;inset:0;background:rgba(15,15,15,.34);z-index:81;animation:fade .2s ease}.drawer{position:fixed;z-index:82;right:0;top:0;height:100dvh;width:min(432px,100vw);background:var(--paper);padding:26px 28px 28px;overflow:auto;box-shadow:-12px 0 30px rgba(0,0,0,.08);animation:slideRight .25s ease}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-title{font:32px/1.18 var(--serif);margin-bottom:11px}.drawer-foot{display:flex;gap:8px;margin:25px 0 0;flex-wrap:wrap}.sheet-handle{display:none}.author-hero{text-align:center;border-bottom:1px solid var(--line);padding:5px 0 23px}.author-avatar{margin:0 auto 15px;border-radius:50%;width:67px;height:67px;display:grid;place-items:center;color:var(--accent-ink);font:22px var(--serif);background:var(--stage)}.author-hero h2{font:32px var(--serif)}.author-hero p{font-size:12px;color:var(--muted);margin:3px 0 0}.author-bio{font:16px/1.6 var(--serif);margin:20px 0}.author-block{border-top:1px solid var(--line);padding:19px 0}.featured-book{display:flex;gap:17px;margin-top:15px;align-items:flex-start}.featured-book img{width:85px;height:125px;object-fit:contain;background:var(--stage);border-radius:3px}.featured-book strong{display:block;font:20px/1.2 var(--serif)}.featured-book p{color:var(--muted);font-size:11px;margin:8px 0}.author-promo{padding:17px;background:var(--stage);border-radius:7px;margin:4px 0 18px}.author-promo>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent-ink);font-weight:700;letter-spacing:.08em}.author-promo p{font:15px/1.5 var(--serif);margin:12px 0 0}.author-related{display:flex;flex-direction:column;margin-top:9px}.author-related button{text-align:left;border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:10px;font:16px/1.35 var(--serif)}.author-related button:hover{color:var(--accent-ink)}.related-choice{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;padding:17px 0;border-bottom:1px solid var(--line);gap:5px}.related-choice span{grid-column:1;color:var(--muted);font-size:11px}.related-choice strong{grid-column:1;font:18px/1.2 var(--serif)}.related-choice svg{grid-column:2;grid-row:1/3;align-self:center}.modal{position:fixed;z-index:82;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);padding:28px;width:min(465px,calc(100vw - 28px));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:90dvh;overflow:auto;animation:fade .18s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{font:31px/1.15 var(--serif);margin-top:6px}.modal>p{font-size:13px;line-height:1.7;color:var(--muted)}.modal>p strong{font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.route-choice{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;padding:14px;text-align:left;background:var(--bg);font-size:13px;font-weight:650}.route-choice:hover{border-color:var(--accent)}.route-choice>svg:last-child{margin-left:auto}.route-choice small{font-size:11px;color:var(--muted);font-weight:400;flex:1}.quote-box{font:16px/1.6 var(--serif);background:var(--stage);border-left:3px solid var(--accent);padding:16px;margin:14px 0 18px;border-radius:4px}.toast{position:fixed;z-index:95;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;max-width:min(640px,calc(100vw - 28px));min-width:240px;display:flex;align-items:center;gap:9px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;line-height:1.5;animation:fade .15s ease}
/* Writer studio */
.writer-welcome{background:var(--stage);border-radius:9px;padding:25px 26px;margin:25px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.writer-welcome h2{font:30px var(--serif);margin:6px 0 4px}.writer-welcome p{font-size:12px;color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:24px 0}.stat-tile{padding:22px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0}.metric{font:34px/1.1 var(--serif);margin-bottom:8px;letter-spacing:-.8px}.stat-tile span{font-size:11px;color:var(--muted);line-height:1.45;display:block}.demo-notice{display:flex;gap:9px;align-items:flex-start;color:var(--muted);border:1px solid var(--line);padding:13px;border-radius:7px;font-size:11px;line-height:1.55}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:8px;min-height:185px}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.tool-card>svg{color:var(--accent-ink);margin-bottom:13px}.tool-card strong{font:20px var(--serif)}.tool-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:9px 0 15px}.tool-card span{font-size:11px;font-weight:680;color:var(--accent-ink);display:flex;align-items:center;gap:6px;margin-top:auto}.editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.75fr);gap:18px;align-items:start}.editor-form{margin:0}.editor-form h3{font:23px var(--serif)}.editor-form .field-label:first-of-type{margin-top:0}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}.form-footer span{color:var(--muted);font-size:11px}.sticky-preview{position:sticky;top:85px}.small-author-card{border:1px solid var(--line);background:var(--paper);padding:22px;margin:13px 0;border-radius:10px;text-align:center}.small-author-card h3{font:27px var(--serif);margin-bottom:7px}.small-author-card>p{color:var(--muted);font:15px/1.5 var(--serif)}.promo-small{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px;text-align:left}.promo-small>svg{color:var(--accent-ink)}.promo-small strong{display:block;font:16px/1.3 var(--serif)}.promo-small span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.rule-recommend{display:flex;gap:12px;color:var(--muted);background:var(--stage);border-radius:7px;padding:15px;margin:13px 0 20px}.rule-recommend p{font-size:12px;margin:0}.chart-panel{padding:27px;margin-top:18px}.bar-row{display:grid;grid-template-columns:160px minmax(0,1fr) 45px;align-items:center;gap:14px;margin:20px 0;font-size:12px}.bar-row strong{font-size:12px;text-align:right}.bar-track{height:13px;background:var(--stage);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:#66868e;border-radius:2px}.funnel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.funnel-grid>div{display:flex;flex-direction:column;gap:8px;min-width:0}.funnel-grid small{font-size:11px;color:var(--muted)}.funnel-grid strong{font:25px var(--serif)}.funnel-line{height:6px;background:var(--accent);border-radius:3px;display:block}.invite-hero{border:1px solid var(--line);background:var(--paper);padding:30px;border-radius:10px}.invite-hero h2{font:35px/1.13 var(--serif);margin:14px 0}.invite-hero p{font-size:13px;color:var(--muted)}.referral-copy{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--stage);border-radius:6px;padding:10px 12px;margin:20px 0}.referral-copy code{font-size:11px;white-space:normal;word-break:break-word}.invite-actions{display:flex;gap:9px;flex-wrap:wrap}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px}.steps-grid>div{background:var(--paper);padding:21px;border:1px solid var(--line);border-radius:8px}.steps-grid span{color:var(--accent-ink);font:23px var(--serif);display:block;margin-bottom:12px}.steps-grid strong{font-size:13px;display:block}.steps-grid p{font-size:11px;color:var(--muted);margin:8px 0 0}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slideRight{from{transform:translateX(35%);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(max-width:1100px){.main{padding:40px 35px 75px}.sidebar{width:215px}.layout{grid-template-columns:215px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:minmax(0,1fr) 250px}.bar-row{grid-template-columns:140px minmax(0,1fr) 38px}}
@media(max-width:760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.topbar{height:58px}.topbar-inner{padding:0 19px}.brand-name{font-size:21px}.brand-mark{font-size:31px}.demo-label{display:none}.role-switch{font-size:10px;padding:7px 9px}.layout{display:block;min-height:calc(100vh - 58px)}.sidebar{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:41;height:calc(69px + env(safe-area-inset-bottom,0px));padding:0 5px env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -4px 19px rgba(0,0,0,.035)}.bottom-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;font-size:10px;color:var(--muted)}.bottom-link.active{color:var(--ink);font-weight:750}.bottom-link.active:before{content:'';position:absolute;top:0;width:30px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}.main{padding:33px 17px 56px;max-width:670px}.main-reader{padding:0 0 50px;max-width:none}.page-intro{margin-bottom:22px}.page-intro h1{font-size:39px}.intro-title-line{align-items:flex-start}.intro-title-line .btn{font-size:10px;padding:8px;min-height:33px}.page-intro p{font-size:12px}.summary-band{gap:7px;margin:21px 0 16px}.summary-band>div{padding:15px 12px}.stat-n{font-size:30px}.stat-label{font-size:10px}.day-brief{padding:17px 18px;margin:15px 0 28px}.day-brief p{font-size:15px}.section-heading h2{font-size:23px}.section-heading>span{font-size:10px}.article-card,.article-card.feature{grid-template-columns:102px minmax(0,1fr);gap:12px;padding:11px}.article-card .item-thumb,.article-card.feature .item-thumb{width:100%;height:112px;min-height:0;object-fit:cover}.article-overline{font-size:9px;line-height:1.4}.article-title{font-size:18px;line-height:1.24}.article-context{font-size:11px;line-height:1.5;margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-actions{gap:0}.article-actions .text-action{font-size:11px}.article-actions .icon-action{width:30px;height:32px}.reading-paper{padding:36px 19px 55px}.reader-minihead{padding:0 18px;height:53px}.reader-minihead .text-action{font-size:11px}.reading-paper h1{font-size:clamp(37px,9vw,53px)}.reader-deck{font-size:19px}.reading-actions{gap:6px}.reading-actions .btn{padding:8px 10px}.reading-content{font-size:18px}.reader-byline{gap:8px}.reader-byline span{font-size:10px}.author-link{font-size:11px}.surface-card,.chart-panel{padding:19px;margin-bottom:13px}.setup-grid{grid-template-columns:1fr}.stat-grid{gap:8px}.stat-tile{padding:16px 12px}.metric{font-size:28px}.tool-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-card{padding:17px;min-height:190px}.tool-card strong{font-size:18px}.tool-card p{font-size:11px}.editor-grid{grid-template-columns:1fr}.sticky-preview{position:static}.writer-welcome{padding:20px}.writer-welcome h2{font-size:26px}.steps-grid{gap:9px}.steps-grid>div{padding:14px}.steps-grid p{font-size:10px}.bar-row{grid-template-columns:118px minmax(0,1fr) 32px;gap:8px}.funnel-grid{grid-template-columns:repeat(3,1fr)}.funnel-grid strong{font-size:21px}.drawer{top:auto;bottom:0;right:0;height:min(89dvh,900px);max-height:89dvh;width:100%;border-radius:20px 20px 0 0;box-shadow:0 -16px 45px rgba(0,0,0,.12);animation:slideUp .25s ease;padding:18px 22px calc(25px + env(safe-area-inset-bottom,0px))}.sheet-handle{display:block;width:36px;height:4px;border-radius:4px;background:#bdb7b0;margin:0 auto 15px}.modal{top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:20px 20px 0 0;max-height:92dvh;padding:23px 20px calc(25px + env(safe-area-inset-bottom,0px));animation:slideUp .25s ease}.toast{bottom:calc(82px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px);max-width:520px}.welcome-view{padding:20px 18px}.welcome-kicker{margin:13px 0 26px}.welcome-brand{margin-bottom:34px}.welcome-container h1{font-size:clamp(56px,13vw,74px)}.welcome-choices{grid-template-columns:1fr;gap:12px}.welcome-lead{font-size:14px;margin:20px auto 30px}.welcome-card{min-height:215px;padding:22px}.welcome-card strong{font-size:26px}.welcome-icon{margin-bottom:14px;padding:10px}.welcome-foot{font-size:10px;align-items:flex-start;text-align:left}.address-box{flex-wrap:wrap}.referral-copy{flex-wrap:wrap}}
@media(max-width:380px){.role-switch{font-size:0;gap:6px}.role-switch svg{width:18px;height:18px}.summary-band>div{padding:13px 8px}.article-card,.article-card.feature{grid-template-columns:88px minmax(0,1fr)}.article-card .item-thumb,.article-card.feature .item-thumb{height:106px}.article-title{font-size:17px}.article-actions .icon-action{width:28px}.article-context{-webkit-line-clamp:2}.stat-tile{padding:12px 10px}.tool-grid{grid-template-columns:1fr}.bottom-link{font-size:9px}}
@keyframes slideUp{from{transform:translateY(40%);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Additions: private passage highlights, read progress and transparent usage tiers */
.card-progress{width:100%;height:3px;background:var(--stage);overflow:hidden;border-radius:4px;margin:-2px 0 11px}.card-progress span{display:block;height:100%;background:var(--accent)}
.highlight-card{border:1px solid var(--line);padding:23px;background:var(--paper);border-radius:9px}.highlight-card blockquote{font:italic 18px/1.6 var(--serif);padding:0 0 0 15px;border-left:2px solid var(--accent);margin:16px 0}.highlight-actions{display:flex;align-items:center;justify-content:space-between}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:8px 0 17px}.plan-grid>div{border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:16px}.plan-grid strong{display:block;font:20px var(--serif)}.plan-grid p{font-size:12px;margin:7px 0}.plan-grid span{color:var(--muted);font-size:11px}@media(max-width:480px){.plan-grid{grid-template-columns:1fr}}

/* Spacious navigation and prominent action cards inspired by the Trainline reference. */
:root{--bg:#f6f7fa;--paper:#fff;--ink:#18204b;--muted:#62697b;--line:#e1e5ee;--stage:#eef0fa;--accent:#00a88f;--accent-ink:#007c6c;--head:#fff;--nav:#fff;--shadow:0 8px 26px #17235410;--serif:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body{font-size:15px;line-height:1.6}.topbar{height:84px;border:0;position:relative}.topbar-inner{max-width:1240px;padding:0 32px}.brand-name{font-weight:800;font-size:29px;letter-spacing:-1.4px;color:var(--accent-ink)}.brand-mark{color:var(--accent-ink);font-size:38px;font-weight:800}.brand-dot{color:var(--accent-ink)}.demo-label{letter-spacing:.05em;font-size:11px}.role-switch{border:0;background:#edf6f4;border-radius:24px;color:#006c60;padding:11px 18px;font-size:13px}.layout{display:block;max-width:none;min-height:calc(100vh - 84px)}.sidebar{border:0;background:var(--paper);position:sticky;top:0;z-index:25;box-shadow:0 2px 4px #1420430a}.side-inner{position:static;display:block;height:auto;max-width:1240px;margin:auto;padding:0 32px}.side-strap,.side-panel,.reset-link{display:none}.side-menu{flex-direction:row;gap:30px;overflow-x:auto}.side-link{position:relative;flex:0 0 auto;width:auto;border-radius:0;padding:19px 0 17px;gap:8px;font-weight:650;font-size:13px;white-space:nowrap;border-bottom:3px solid transparent}.side-link:hover{background:none;color:var(--accent-ink)}.side-link.active{background:none;border-color:var(--accent);color:var(--accent-ink)}.side-link.active:before{display:none}.side-link[data-page=upgrade]{margin-left:auto;color:#3428a7}.main{max-width:1240px;padding:38px 32px 70px}.page-intro{position:relative;border-radius:20px;padding:38px 42px;background:#20145f;min-height:218px;overflow:hidden;margin-bottom:28px;color:#fff}.page-intro:after{content:'';pointer-events:none;position:absolute;width:270px;height:270px;border-radius:50% 50% 0 50%;background:#00aa8e;right:-100px;top:-124px;opacity:.8}.page-intro>.eyebrow{color:#8de7cf;position:relative;z-index:1}.intro-title-line{position:relative;z-index:1}.page-intro h1{font-size:42px;font-weight:750;letter-spacing:-1.7px;color:white;max-width:760px;line-height:1.15}.page-intro p{color:#dddaf0;font-size:14px;max-width:710px;line-height:1.7;position:relative;z-index:1}.page-intro .btn.outline{background:white;color:#251663;border-color:white}.btn{border-radius:9px;font-size:13px;min-height:46px;padding:12px 20px;font-weight:700}.btn.primary{background:var(--accent-ink);border-color:var(--accent-ink);color:white;box-shadow:0 3px 0 #00564c}.btn.primary:hover{background:#006858;opacity:1}.page-intro .btn.primary{background:#00a88f;border-color:#00a88f;color:#fff;box-shadow:0 3px 0 #007c6c}.add-rule-cta{white-space:nowrap;min-height:52px;padding:15px 25px!important;font-size:var(--reader-action-size,15px)!important}.eyebrow{letter-spacing:.12em;font-size:10px}.summary-band{gap:20px;margin:0 0 24px}.summary-band>div{padding:24px;border-radius:13px;box-shadow:var(--shadow)}.stat-n{font-size:36px;font-weight:750;letter-spacing:-1.7px}.stat-label{font-size:13px}.day-brief{background:#e5f5f0;border:1px solid #cae9e0;border-radius:16px;padding:26px 30px}.day-brief p{font-size:16px;line-height:1.75}.section-heading h2{font-size:25px;font-weight:750;letter-spacing:-.7px}.article-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-card,.article-card.feature{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:20px;border-radius:14px;box-shadow:var(--shadow);min-height:205px}.article-card.feature{grid-column:1/-1;grid-template-columns:240px 1fr;padding:24px;min-height:245px}.article-card .item-thumb{height:144px;border-radius:9px}.article-title{font-size:20px;font-weight:750;letter-spacing:-.5px;line-height:1.3}.article-card.feature .article-title{font-size:29px}.article-context{font-size:12px}.article-overline{font-size:9px}.article-actions{flex-wrap:wrap;gap:7px}.surface-card,.chart-panel,.tool-card,.writer-welcome{border-radius:15px;box-shadow:var(--shadow);padding:28px}.card-heading h2{font-weight:750;font-size:22px;letter-spacing:-.5px}.rule-entry{padding:22px 0;gap:18px}.rule-number{background:#edf7f4;color:#007b68;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:750}.rule-text{font-size:14px;line-height:1.7}.rule-footer{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.modal{border-radius:19px;box-shadow:0 24px 80px #07152f38;max-height:90vh;overflow:auto}.modal h2{font-size:29px;font-weight:750;letter-spacing:-.8px}.form-input,.rule-modal textarea{border-radius:9px;padding:14px}.modal .field-label{font-size:13px}.scrim{background:#0b153e75;backdrop-filter:blur(3px)}.tool-grid{gap:20px}.tool-card strong{font-size:22px;font-weight:750}.tool-card>svg{color:var(--accent-ink)}.stat-grid{gap:18px}.stat-tile{border-radius:13px;padding:24px}.metric{font-weight:750}.writer-welcome{background:#e5f5f0;border:1px solid #cae9e0}.writer-welcome h2{font-weight:750}.demo-notice{border-radius:10px}.bottom-nav{display:none!important}.demo-bottom-note{margin-top:38px}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1000px;margin:36px auto}.pricing-card{padding:35px;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}.pricing-card h2{font-size:29px;margin:10px 0;font-weight:750}.price{font-size:53px;font-weight:800;letter-spacing:-2px}.price span{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}.pricing-card p{color:var(--muted);font-size:14px}.pricing-card ul{padding-left:20px;line-height:2.2;font-size:14px;margin:10px 0 30px}.pricing-card .btn{margin-top:auto}.featured-plan{border:2px solid #008e79}.plan-badge{position:absolute;top:-15px;background:#008e79;color:white;padding:6px 14px;border-radius:20px;font-size:10px;font-weight:750;letter-spacing:.08em}.plan-note{display:flex;gap:18px;max-width:950px;margin:30px auto;color:var(--accent-ink)}.plan-note p{color:var(--muted);font-size:13px;margin-top:5px}.reading-paper{max-width:840px}.reading-content{font-family:Georgia,serif}.reading-paper h1{font-weight:750}.main-reader{padding-top:20px}.intro-title-line .btn{flex-shrink:0}
[data-theme=dark]{--bg:#11162c;--paper:#1a223b;--ink:#f0f3fa;--muted:#b1bad0;--line:#34415e;--stage:#242e4a;--head:#1a223b;--nav:#1a223b;--accent-ink:#67dbc0}[data-theme=dark] .topbar{background:var(--paper)}[data-theme=dark] .day-brief,[data-theme=dark] .writer-welcome{background:#183a38;border-color:#2a514b}[data-theme=dark] .btn.primary{background:#007967;color:#fff}
@media(min-width:1100px){.day-brief{display:grid;grid-template-columns:240px 1fr;column-gap:30px}.day-brief .brief-top{align-self:start;flex-wrap:wrap}.day-brief .brief-top .pill{margin-left:0}.day-brief p{margin:0 0 16px}.day-brief .brief-bottom{grid-column:2}}
@media(max-width:900px){.side-menu{gap:22px}.side-link svg{display:none}.page-intro{padding:30px}.page-intro h1{font-size:34px}.article-stack{grid-template-columns:1fr}.article-card.feature{grid-column:auto}.page-intro .intro-title-line{align-items:flex-start}.top-meta{gap:10px}.demo-label{display:none}}
@media(max-width:600px){.topbar{height:70px}.topbar-inner{padding:0 18px}.brand-name{font-size:25px}.brand-mark{display:none}.role-switch{padding:9px 12px;font-size:11px}.side-inner{padding:0 18px}.side-menu{gap:23px}.side-link{font-size:12px;padding:15px 0}.main{padding:22px 16px 40px}.page-intro{padding:27px 23px;border-radius:15px}.page-intro h1{font-size:31px;letter-spacing:-1px}.page-intro p{font-size:13px}.intro-title-line{flex-direction:column;gap:20px}.summary-band{gap:8px}.summary-band>div{padding:16px 12px;gap:9px}.stat-n{font-size:27px}.stat-label{font-size:10px;line-height:1.4}.day-brief{padding:22px}.article-card,.article-card.feature{grid-template-columns:80px minmax(0,1fr);padding:16px;gap:14px;min-height:0}.article-card .item-thumb,.article-card.feature .item-thumb{height:110px;min-height:0}.article-card.feature .article-title,.article-title{font-size:20px}.article-context{font-size:11px}.article-overline{font-size:8px;line-height:1.5}.article-actions{gap:4px}.surface-card,.chart-panel,.writer-welcome{padding:22px 18px}.rule-entry{gap:10px;grid-template-columns:28px 1fr auto auto}.rule-number{width:27px;height:27px;font-size:11px}.rule-text{font-size:12px}.card-heading h2{font-size:19px}.upgrade-grid{grid-template-columns:1fr;gap:30px}.pricing-card{padding:28px}.modal{width:calc(100% - 28px);padding:24px}.modal h2{font-size:25px}.modal-actions{flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.main-reader{padding:10px 0}.reading-paper{border-radius:0}.plan-note{padding:0 10px}.bottom-nav{display:none!important}body{padding-bottom:0!important}}
.viksa-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.viksa-brand .brand-name{font-size:32px;font-weight:800;line-height:1;letter-spacing:-1px}.brand-subtitle{font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.4;color:var(--muted)}@media(max-width:600px){.viksa-brand .brand-name{font-size:28px}.brand-subtitle{font-size:10px}}
.sample-table-wrap{overflow-x:auto}.sample-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.sample-table th{font-size:11px;color:var(--muted);white-space:nowrap}.sample-table td,.sample-table th{padding:15px 14px;border-bottom:1px solid var(--line)}.sample-table td:first-child{min-width:210px}.sample-table tfoot{background:var(--stage)}.sample-resume{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sample-resume>button{display:flex;flex-direction:column;gap:12px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:12px}.sample-resume strong{font-size:16px;line-height:1.4}.sample-resume .card-progress{width:100%;display:block;margin-top:auto}.sample-resume small{color:var(--muted)}@media(max-width:700px){.sample-resume{grid-template-columns:1fr}.sample-table td,.sample-table th{padding:12px 8px}}
/* Keep the scrollable top navigation reachable on phones and tablets. */ .layout{display:block!important}.sidebar{display:block!important;width:auto!important;min-width:0}.side-menu{max-width:100%;overflow-x:auto}.side-link{flex-shrink:0}

/* Viksa: the logo sits in the indigo banner, in place of the teal quarter circle. The header keeps the name only. */
.page-intro:after{display:none}
.page-intro{padding-right:210px}
.intro-logo{position:absolute;right:42px;top:50%;transform:translateY(-50%);width:124px;height:124px;border-radius:26px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px #0b072f55;z-index:1}
.intro-logo img{width:92px;height:auto;display:block}
@media(max-width:900px){.page-intro{padding-right:160px}.intro-logo{right:28px;width:100px;height:100px;border-radius:22px}.intro-logo img{width:74px}}
@media(max-width:600px){.page-intro{padding-right:92px}.intro-logo{top:22px;right:18px;transform:none;width:60px;height:60px;border-radius:14px}.intro-logo img{width:44px}}


/* ===== Viksa next pass ===== */
/* Today: brief button next to Preferences, compact resume card, toolbar, pages */
.vk-intro-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-intro .btn.outline.is-open{background:#e5f5f0;border-color:#e5f5f0;color:#007c6c}
.vk-brief{position:relative;animation:fade .2s ease}
.vk-brief .brief-top{display:flex;align-items:center;gap:8px}
.vk-brief-close{margin-left:auto}
.vk-resume{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:0 0 26px;overflow:hidden}
.vk-resume-head{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:transparent;border:0;text-align:left;color:var(--ink)}
.vk-resume-head:hover{background:var(--stage)}
.vk-resume-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e5f5f0;color:#007c6c;flex:0 0 auto}
.vk-resume-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.vk-resume-text strong{font-size:15px;font-weight:700}
.vk-resume-text small{font-size:12px;color:var(--muted)}
.vk-chev{color:var(--muted);transition:transform .2s}
.vk-resume.open .vk-chev{transform:rotate(90deg)}
.vk-resume-list{padding:0 18px 18px}
.vk-toolbar{position:relative;display:flex;gap:10px;align-items:center;margin:0 0 16px}
.vk-search{flex:1;min-width:0;border-radius:9px}
.vk-tools{display:flex;gap:8px}
.vk-tool{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:650;white-space:nowrap}
.vk-tool:hover{border-color:#cae9e0}
.vk-tool.active{background:#e5f5f0;border-color:#cae9e0;color:#007c6c}
.vk-menu{position:absolute;right:0;top:52px;z-index:30;width:290px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #17235424;padding:10px;animation:fade .15s ease}
.vk-menu-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 8px 6px}
.vk-opt{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;color:var(--ink)}
.vk-opt:hover{background:var(--stage)}
.vk-opt.on{font-weight:700;color:#007c6c}
.vk-opt-mark{width:16px;display:inline-grid;place-items:center}
.vk-seg{display:flex;gap:6px;padding:2px 8px 6px}
.vk-seg button{min-width:44px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;font-weight:650;color:var(--ink)}
.vk-seg button.on{background:#007c6c;border-color:#007c6c;color:#fff}
.vk-menu-note{font-size:11px;color:var(--muted);margin:4px 8px 2px}
.vk-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 34px}
.vk-pager-info{font-size:12px;color:var(--muted)}
.vk-pages{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.vk-pages button{display:inline-flex;align-items:center;gap:5px;min-width:38px;height:38px;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;font-weight:650;color:var(--ink)}
.vk-pages button.on{background:#18204b;border-color:#18204b;color:#fff}
.vk-pages button:disabled{opacity:.4;cursor:default}
.vk-gap{color:var(--muted);padding:0 2px}

/* Selection */
.article-card{position:relative}
.article-card.selecting{cursor:pointer;user-select:none}
.article-card.is-selected{border-color:#00a88f;box-shadow:0 0 0 2px #00a88f33;background:linear-gradient(0deg,#e5f5f066,#e5f5f066),var(--paper)}
.vk-check{position:absolute;top:10px;left:10px;z-index:2;width:28px;height:28px;cursor:pointer}
.vk-check input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.vk-check span{display:block;width:28px;height:28px;border-radius:8px;background:#fff;border:2px solid #b7bfd0;box-shadow:0 2px 6px #17235422}
.vk-check input:checked+span{background:#00a88f;border-color:#00a88f}
.vk-check input:checked+span:after{content:'';position:absolute;left:10px;top:5px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.vk-check input:focus-visible+span{outline:3px solid #00a88f66;outline-offset:2px}
.vk-bulk{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:60;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;width:min(760px,calc(100vw - 28px));padding:12px 14px 12px 20px;border-radius:14px;background:#20145f;color:#fff;box-shadow:0 16px 40px #0b072f55;animation:fade .15s ease}
.vk-bulk-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vk-bulk-info strong{font-size:14px;color:#fff}
.vk-bulk .linkish{color:#9ee6d4}
.vk-bulk-actions{display:flex;gap:6px;flex-wrap:wrap}
.vk-bulk-actions button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border:0;border-radius:9px;background:#ffffff1a;color:#fff;font-size:13px;font-weight:650}
.vk-bulk-actions button:hover{background:#ffffff2e}
.vk-bulk-actions button:disabled{opacity:.4;cursor:default}
.vk-undo{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:96;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:10px;background:#18204b;color:#fff;font-size:13px;box-shadow:var(--shadow)}
.vk-undo button{border:0;border-radius:7px;background:#00a88f;color:#fff;font-weight:700;padding:7px 12px}
.btn.primary.vk-danger{background:#b3261e;border-color:#b3261e;box-shadow:0 3px 0 #7d1a15}

/* Send window */
.vk-send{max-width:520px}
.vk-send-list{list-style:none;margin:4px 0 16px;padding:0;display:grid;gap:6px}
.vk-send-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px}
.vk-send-list li span{color:var(--muted);white-space:nowrap}
.vk-send-modes{display:grid;gap:8px;margin:0 0 14px}
.vk-mode{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--paper);text-align:left;color:var(--ink)}
.vk-mode.on{border-color:#00a88f;box-shadow:0 0 0 2px #00a88f33}
.vk-mode-ico{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--stage);color:#007c6c;flex:0 0 auto}
.vk-mode.on .vk-mode-ico{background:#e5f5f0}
.vk-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.vk-mode-text strong{font-size:14px;display:flex;align-items:center;gap:8px}
.vk-mode-text small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.vk-badge{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:20px;background:#20145f;color:#fff}
.vk-recent{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 4px;font-size:12px;color:var(--muted)}
.vk-recent button:not(.linkish){border:1px solid var(--line);background:var(--stage);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--ink)}

/* Viksa picks: star in the header, sliding panel */
.top-meta{display:flex;align-items:center;gap:18px}
.vk-picks-wrap{position:relative}
.vk-picks-btn{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);color:#9aa1b2}
.vk-picks-btn:hover{color:#007c6c;border-color:#cae9e0}
.vk-picks-btn.has-new{color:#007c6c;background:#e5f5f0;border-color:#cae9e0;animation:vkGlow 2.6s ease-in-out infinite}
.vk-picks-count{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#00a88f;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--paper)}
@keyframes vkGlow{0%,100%{box-shadow:0 0 0 0 #00a88f00}50%{box-shadow:0 0 0 7px #00a88f22}}
@media(prefers-reduced-motion:reduce){.vk-picks-btn.has-new{animation:none}}
.vk-hint{position:absolute;right:-6px;top:56px;z-index:45;width:230px;display:flex;align-items:flex-start;gap:8px;padding:11px 10px 11px 14px;border-radius:11px;background:#20145f;color:#fff;font-size:12px;line-height:1.45;box-shadow:0 12px 28px #0b072f44}
.vk-hint:before{content:'';position:absolute;top:-6px;right:22px;width:12px;height:12px;background:#20145f;transform:rotate(45deg)}
.vk-hint button{border:0;background:transparent;color:#fff;opacity:.8;padding:1px;flex:0 0 auto}
.vk-picks .drawer-title{margin-bottom:4px}
.vk-pick-track{margin-top:18px;touch-action:pan-y}
.vk-pick{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--paper);box-shadow:var(--shadow);animation:fade .2s ease}
.vk-pick-kind{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#007c6c;background:#e5f5f0;padding:5px 10px;border-radius:20px}
.vk-pick-writer{display:flex;align-items:center;gap:12px;margin:16px 0 12px}
.vk-avatar{width:48px;height:48px;margin:0;font-size:16px;font-weight:700;background:#20145f;color:#fff}
.vk-pick-writer strong{display:block;font-size:16px}
.vk-pick-writer span{font-size:12px;color:var(--muted)}
.vk-pick-note{font-size:17px;line-height:1.55;margin:0 0 12px;color:var(--ink)}
.vk-pick-why{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted);margin:0 0 16px}
.vk-pick-why svg{flex:0 0 auto;margin-top:2px}
.vk-pick .btn.full{width:100%}
.vk-pick-more{display:flex;justify-content:space-between;margin-top:10px}
.vk-pick-more .linkish{color:var(--muted);font-weight:600}
.vk-pick-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.vk-pick-nav .icon-action:disabled{opacity:.35}
.vk-dots{display:flex;gap:7px}
.vk-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cfd4e0}
.vk-dots button.on{background:#00a88f;width:22px;border-radius:5px}
.vk-count{font-size:12px;color:var(--muted)}

/* Settings and Writer Studio */
.vk-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.vk-setting-row strong{display:block;font-size:14px}
.vk-setting-row small{font-size:12px;color:var(--muted)}
.vk-setting-row .vk-seg{padding:0}
.vk-note-box textarea{resize:vertical}
.vk-note-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 18px}
.vk-note-foot .btn{margin-top:0}
.vk-note-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.vk-note-stats>div{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:10px;background:var(--stage)}
.vk-note-stats .metric{font-size:22px;font-weight:800}
.vk-note-stats span:not(.metric){font-size:12px;color:var(--muted)}

/* Dark mode */
[data-theme=dark] .vk-resume-icon,[data-theme=dark] .vk-tool.active,[data-theme=dark] .vk-picks-btn.has-new,[data-theme=dark] .vk-pick-kind,[data-theme=dark] .vk-mode.on .vk-mode-ico{background:#123a3a;color:#67dbc0;border-color:#1f5a52}
[data-theme=dark] .vk-check span{background:var(--paper)}

/* Phones */
@media(max-width:760px){.vk-bulk,.vk-undo{bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){
  .vk-intro-actions .btn{flex:1 1 auto}
  .vk-toolbar{flex-wrap:wrap}
  .vk-search{flex:1 1 100%}
  .vk-tools{flex:1 1 100%}
  .vk-tool{flex:1;justify-content:center}
  .vk-menu{left:0;right:0;width:auto;top:auto;margin-top:6px;position:relative}
  .vk-pager{justify-content:center}
  .vk-pages button{min-width:36px;height:36px;padding:0 9px}
  .vk-bulk{padding:12px;gap:10px}
  .vk-bulk-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
  .vk-bulk-actions button{flex-direction:column;height:54px;gap:3px;font-size:11px;padding:0 4px;justify-content:center}
  .vk-picks-btn{width:40px;height:40px}
  .vk-hint{right:-8px;width:210px}
  .vk-note-stats{grid-template-columns:1fr 1fr}
  .vk-check{top:8px;left:8px}
}


/* ===== Viksa pass 2 ===== */
/* Today: four counters, vacation banner, actions bar */
.summary-band.vk-band4{grid-template-columns:repeat(4,1fr)}
.summary-band>button{background:var(--paper);border:1px solid var(--line);padding:19px 22px;border-radius:8px;display:flex;flex-direction:column;gap:5px;text-align:left;color:var(--ink)}
.summary-band>button:hover{border-color:#cae9e0}
.vk-vac-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 0;padding:13px 16px;border-radius:11px;background:#e5f5f0;color:#00564c;font-size:13px}
.vk-vac-banner .linkish{margin-left:auto}
.vk-today-setbar{flex:1 1 100%;order:3}
.vk-setbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;border:1px dashed #cae9e0;border-radius:11px;background:var(--paper)}
.vk-today-setbar .vk-setbar{margin:4px 0 0}
.vk-setbar-title{font-size:12px;font-weight:700;color:var(--muted)}
.vk-setbar-btns{display:flex;gap:6px;flex-wrap:wrap}
.vk-setbar-btns button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px;font-weight:650;color:var(--ink)}
.vk-setbar-btns button:hover{border-color:#00a88f;color:#007c6c}
.vk-set-note{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin:0 0 12px}
.vk-label{display:inline-flex;align-items:center;gap:4px;margin:6px 6px 0 0;padding:2px 9px;border-radius:20px;background:#eef0fa;color:#20145f;font-size:11px;font-weight:650}
.tab-row{flex-wrap:wrap}

/* Act window */
.modal.vk-act,.modal.vk-rule-modal{width:min(620px,calc(100vw - 28px))}
.vk-pick-list{display:grid;gap:6px;margin:6px 0 14px}
.vk-pick-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;cursor:pointer}
.vk-pick-opt.on{border-color:#00a88f;box-shadow:0 0 0 2px #00a88f22}
.vk-pick-opt.off{opacity:.5;cursor:default}
.vk-pick-opt span{flex:1}
.vk-pick-opt b,.vk-tick b{min-width:30px;text-align:center;padding:2px 8px;border-radius:20px;background:var(--stage);font-size:12px}
.vk-pick-sep{display:grid;gap:6px}
.vk-rule-ticks{display:grid;gap:4px;padding:0 0 4px 30px}
.vk-tick{display:flex;align-items:center;gap:8px;font-size:13px}
.vk-tick span{flex:1}
.vk-act-preview{border:1px solid var(--line);border-radius:11px;padding:12px;margin:10px 0}
.vk-act-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.vk-act-preview ul{list-style:none;margin:0;padding:0;max-height:210px;overflow:auto;display:grid;gap:4px}
.vk-act-preview label{display:flex;gap:9px;align-items:flex-start;padding:6px;border-radius:7px;font-size:13px}
.vk-act-preview label:hover{background:var(--stage)}
.vk-act-preview small{display:block;color:var(--muted);font-size:11px}
.vk-auto{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:10px;background:var(--stage);font-size:13px;margin:6px 0}
.vk-auto small{display:block;color:var(--muted);font-size:12px}
.btn[disabled]{opacity:.45;cursor:default}

/* Rule window */
.vk-tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:var(--stage);margin:4px 0 16px}
.vk-tabs button{flex:1;height:38px;border:0;border-radius:8px;background:transparent;font-size:13px;font-weight:650;color:var(--muted)}
.vk-tabs button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #17235418}
.vk-understood{margin:10px 0;padding:12px;border-radius:10px;background:#e5f5f0;font-size:13px}
.vk-understood p{margin:0 0 6px}
.vk-tpls{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:4px}
.vk-tpl-group{display:grid;gap:5px}
.vk-tpl{display:flex;gap:8px;align-items:flex-start;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:13px;color:var(--ink)}
.vk-tpl small{display:block;color:var(--muted);font-size:11px}
.vk-tpl.on,.vk-tpl:hover{border-color:#00a88f}
.vk-fill{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 4px;padding:12px;border-radius:10px;background:var(--stage);font-size:14px;font-weight:600}
.vk-fill select,.vk-fill input,.vk-cond select,.vk-cond input,.vk-b-line select,.vk-b-line input,.vk-dates input,.vk-pub-select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;min-width:0}
.vk-builder{display:grid;gap:8px}
.vk-b-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.vk-cond{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 28px;gap:6px;align-items:center}
.vk-group{border-left:3px solid #cae9e0;padding:6px 0 6px 12px;display:grid;gap:6px}
.vk-b-adds{display:flex;gap:16px}
.vk-then{margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
.vk-live{display:flex;gap:7px;align-items:flex-start;font-size:13px;padding:10px 12px;border-radius:10px;background:#e5f5f0;color:#00564c;margin:6px 0 0}
.vk-live svg{flex:0 0 auto;margin-top:2px}
.vk-effect{display:flex;gap:7px;align-items:center;font-size:13px;margin:12px 0 2px}
.vk-rule-entry{grid-template-columns:34px minmax(0,1fr) auto auto auto!important}
.vk-rule-name{font-size:14px;margin-right:6px}
.vk-rule-desc{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.vk-rule-tools{display:flex;gap:2px}
.vk-rule-tools .icon-action{width:30px;height:30px}
.vk-rule-tools .icon-action:disabled{opacity:.3}
.vk-auto-entry{grid-template-columns:34px minmax(0,1fr) auto auto!important}

/* Settings: dates, ways in, data */
.vk-dates{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.vk-dates label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650;color:var(--muted)}
.vk-ways{margin:14px 0 8px;padding:14px;border-radius:11px;background:var(--stage)}
.vk-ways ol{margin:4px 0 0;padding-left:20px;font-size:13px;display:grid;gap:4px}
.vk-address-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
.vk-row-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn.vk-danger-outline{color:#b3261e;border-color:#f0c8c5}
.vk-billed{font-size:13px;color:var(--muted);margin:-6px 0 8px}

/* Writer insights */
.vk-summary-card{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:14px;background:#20145f;color:#fff;margin:0 0 18px}
.vk-summary-card .eyebrow{color:#9ee6d4}
.vk-summary-card p{margin:6px 0 0;font-size:15px;line-height:1.6}
.vk-ins-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.vk-ins-nav a{padding:7px 13px;border:1px solid var(--line);border-radius:20px;font-size:12px;font-weight:650;color:var(--ink);text-decoration:none;background:var(--paper)}
.vk-ins .card-heading{align-items:flex-start}
.vk-ins h2{margin:0}
.vk-pro{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:#20145f;color:#fff;white-space:nowrap}
.vk-quote{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);font-style:italic}
.vk-launch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px;border-radius:11px;background:var(--stage);margin-top:10px}
.vk-launch>div{flex:1;min-width:180px}
.vk-launch p{margin:2px 0 0}

/* viksa.app */
.vk-land{min-height:100vh;background:var(--bg);color:var(--ink)}
.vk-land-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.vk-land-inner{max-width:1180px;margin:auto;padding:0 32px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.vk-land-nav{display:flex;gap:6px;align-items:center}
.vk-land-nav button{height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:650;color:var(--ink)}
.vk-land-nav button.on{color:#007c6c;background:#e5f5f0}
.vk-land-nav button:last-child{border:1px solid var(--line)}
.vk-land-main{max-width:1180px;margin:auto;padding:32px 32px 60px}
.vk-land-hero h1{font-size:46px;line-height:1.08;letter-spacing:-1.5px;max-width:720px;margin:6px 0 14px}
.vk-land-hero p{max-width:640px;font-size:16px}
.vk-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}
.vk-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.vk-steps3>div{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:#007c6c}
.vk-steps3 strong{color:var(--ink);font-size:16px}
.vk-steps3 p{margin:0;color:var(--muted);font-size:13px}
.vk-step-n{position:absolute;top:16px;right:18px;font-size:28px;font-weight:800;color:#e1e5ee}
.vk-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 26px}
.vk-side-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink);transition:border-color .15s,transform .15s}
.vk-side-card:hover{border-color:#00a88f;transform:translateY(-2px)}
.vk-side-card strong{font-size:26px;letter-spacing:-.6px}
.vk-side-card ul{margin:0;padding-left:18px;font-size:14px;color:var(--muted);display:grid;gap:4px}
.vk-side-go{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;color:#007c6c;font-size:14px}
.vk-feat-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e5f5f0;color:#007c6c;flex:0 0 auto}
.vk-feat-ico.big{width:56px;height:56px;border-radius:15px}
.vk-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vk-trust>div{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;background:var(--stage);color:#007c6c}
.vk-trust strong{color:var(--ink)}
.vk-trust span{font-size:13px;color:var(--muted)}
.vk-land-sec{margin:34px 0}
.vk-land-sec h2{font-size:30px;letter-spacing:-.8px;margin:6px 0 16px}
.vk-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vk-feat{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.vk-feat strong{font-size:15px}
.vk-feat p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.vk-howto{margin:0;padding-left:22px;display:grid;gap:10px;font-size:15px}
.vk-mini-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vk-mini-plans>div{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.vk-mini-plans>div.on{border-color:#00a88f;box-shadow:0 0 0 2px #00a88f22}
.vk-mini-plans strong{display:block;font-size:15px}
.vk-mini-price{display:block;font-size:34px;font-weight:800;margin:6px 0}
.vk-mini-price small{font-size:14px;font-weight:600;color:var(--muted)}
.vk-mini-plans p{font-size:13px;color:var(--muted);margin:4px 0 0}
.vk-ins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vk-ins-grid>div{padding:16px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.vk-ins-grid p{margin:4px 0 0;font-size:12px;color:var(--muted)}
.vk-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:30px;border-radius:20px;background:#20145f;color:#fff;margin-top:36px}
.vk-cta h2{margin:0;font-size:26px}
.vk-cta p{margin:4px 0 0;color:#cfcbea}
.vk-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.vk-cta .btn.outline{background:#fff;color:#20145f;border-color:#fff}
.vk-cta .btn{margin-top:0}
.vk-signin{max-width:440px;margin:30px auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.vk-signin h1{font-size:30px;margin:0}
.vk-signin p{margin:0}
.vk-signin .btn{margin-top:4px}
.vk-role-switch{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--stage)}
.vk-role-switch button{flex:1;height:34px;border:0;border-radius:7px;background:transparent;font-weight:650;color:var(--muted)}
.vk-role-switch button.on{background:var(--paper);color:var(--ink)}
.vk-land-foot{max-width:1180px;margin:auto;padding:24px 32px 40px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}

[data-theme=dark] .vk-vac-banner,[data-theme=dark] .vk-understood,[data-theme=dark] .vk-live,[data-theme=dark] .vk-feat-ico{background:#123a3a;color:#67dbc0}
[data-theme=dark] .vk-label{background:#242e4a;color:#f0f3fa}

@media(max-width:900px){.vk-ins-grid{grid-template-columns:1fr 1fr}.vk-land-hero h1{font-size:38px}}
@media(max-width:700px){
  .summary-band.vk-band4{grid-template-columns:1fr 1fr}
  .vk-two,.vk-feats,.vk-mini-plans,.vk-trust,.vk-steps3{grid-template-columns:1fr}
  .vk-cond{grid-template-columns:1fr 1fr 28px}.vk-cond>:nth-child(3){grid-column:1/3}
  .vk-rule-entry{grid-template-columns:28px minmax(0,1fr) auto auto!important}.vk-rule-tools{grid-column:2/3;order:5}
}
@media(max-width:600px){
  .vk-land-inner{padding:0 16px;height:70px}
  .vk-land-nav button{padding:0 8px;font-size:12px}
  .vk-land-main{padding:20px 16px 40px}
  .vk-land-hero h1{font-size:31px;letter-spacing:-1px}
  .vk-land-hero p{font-size:14px}
  .vk-land-sec h2{font-size:24px}
  .vk-side-card{padding:22px}.vk-side-card strong{font-size:22px}
  .vk-cta{padding:22px}
  .vk-setbar-btns{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}
  .vk-setbar-btns button{flex:0 0 auto}
  .vk-land-foot{padding:20px 16px 30px}
}
@media(max-width:420px){.vk-land-nav button:not(:last-child){display:none}}
/* Picks hint sits beside the star, inside the header, so it never covers the menu */
.vk-hint{top:50%;right:56px;transform:translateY(-50%);width:220px}
.vk-hint:before{top:50%;right:-5px;margin-top:-6px}
@media(max-width:600px){.vk-hint{right:48px;width:170px;font-size:11px;padding:8px 8px 8px 11px}.top-meta{gap:8px}}

/* viksa.app home: the 1-2-3 steps take colour one after another, slowly */
@keyframes vkStep{0%,40%,100%{background:var(--paper);border-color:var(--line)}12%,28%{background:#e5f5f0;border-color:#00a88f;box-shadow:0 10px 26px #00a88f22}}
@keyframes vkStepN{0%,40%,100%{color:#e1e5ee}12%,28%{color:#00a88f}}
.vk-steps3.vk-anim>div{animation:vkStep 9s ease-in-out infinite}
.vk-steps3.vk-anim>div .vk-step-n{animation:vkStepN 9s ease-in-out infinite}
.vk-steps3.vk-anim>div:nth-child(2),.vk-steps3.vk-anim>div:nth-child(2) .vk-step-n{animation-delay:3s}
.vk-steps3.vk-anim>div:nth-child(3),.vk-steps3.vk-anim>div:nth-child(3) .vk-step-n{animation-delay:6s}
/* Readers (teal) and writers (indigo) look different; they glow one after the other until one is chosen */
.vk-side-readers{background:linear-gradient(160deg,#e5f5f0 0%,var(--paper) 60%);border-color:#cae9e0}
.vk-side-writers{background:linear-gradient(160deg,#20145f 0%,#2d1f7a 100%);border-color:#20145f;color:#fff}
.vk-side-writers .eyebrow{color:#9ee6d4}
.vk-side-writers ul{color:#d9d5f2}
.vk-side-writers .vk-side-go{color:#9ee6d4}
.vk-side-writers .vk-feat-ico{background:#ffffff1f;color:#fff}
.vk-side-writers:hover{border-color:#9ee6d4}
@keyframes vkGlowR{0%,45%,100%{box-shadow:var(--shadow);transform:none}12%,30%{box-shadow:0 0 0 4px #00a88f55,0 18px 40px #00a88f33;transform:translateY(-3px)}}
@keyframes vkGlowW{0%,45%,100%{box-shadow:var(--shadow);transform:none}12%,30%{box-shadow:0 0 0 4px #7b6cf0aa,0 18px 40px #20145f55;transform:translateY(-3px)}}
.vk-side-readers.vk-blink{animation:vkGlowR 4s ease-in-out infinite}
.vk-side-writers.vk-blink{animation:vkGlowW 4s ease-in-out 2s infinite}
@media(prefers-reduced-motion:reduce){.vk-steps3.vk-anim>div,.vk-steps3.vk-anim .vk-step-n,.vk-side-card.vk-blink{animation:none}}
/* "Free to start" opens both plans */
.vk-trust-plans{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border-radius:14px;background:#20145f;color:#9ee6d4;border:0;text-align:left;cursor:pointer}
.vk-trust-plans strong{color:#fff}
.vk-trust-plans span{font-size:13px;color:#d9d5f2}
.vk-trust-plans .vk-side-go{color:#9ee6d4;font-size:13px;margin-top:2px}
.vk-trust-plans:hover{box-shadow:0 0 0 3px #00a88f55}
.modal.vk-plans-modal{width:min(860px,calc(100vw - 28px))}
.vk-pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 10px}
.vk-pl-col{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px}
.vk-pl-readers{background:#e5f5f0}
.vk-pl-writers{background:#eef0fa}
.vk-pl-head{display:flex;align-items:center;gap:10px}
.vk-pl-head h3{margin:0;font-size:18px}
.vk-pl-writers .vk-feat-ico{background:#20145f;color:#fff}
.vk-pl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vk-pl-row>div{padding:14px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.vk-pl-row>div.on{border-color:#00a88f}
.vk-pl-writers .vk-pl-row>div.on{border-color:#20145f}
.vk-pl-row strong{display:block;font-size:14px}
.vk-pl-row p{font-size:12px;color:var(--muted);margin:4px 0 0}
.vk-pl-row .vk-mini-price{font-size:26px}
.vk-pl-writers .linkish{color:#20145f}
@media(max-width:760px){.vk-pl-grid,.vk-pl-row{grid-template-columns:1fr}}
.vk-side-writers strong{color:#fff}

/* v3: steps coloured from the start, light to deep; tap opens the explainer */
.vk-steps3.vk-grad>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border-radius:14px;text-align:left;cursor:pointer;border:1px solid transparent;animation:none;transition:transform .15s,box-shadow .15s}
.vk-steps3.vk-grad>button p{margin:0;font-size:13px}
.vk-steps3.vk-grad>button strong{font-size:16px}
.vk-steps3.vk-grad>button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #17235422}
.vk-steps3.vk-grad>button:nth-child(1){background:#e5f5f0;color:#007c6c;border-color:#cae9e0}
.vk-steps3.vk-grad>button:nth-child(1) strong{color:#18204b}.vk-steps3.vk-grad>button:nth-child(1) p{color:#3d5a55}
.vk-steps3.vk-grad>button:nth-child(2){background:#00a88f;color:#fff}
.vk-steps3.vk-grad>button:nth-child(3){background:#20145f;color:#fff}
.vk-steps3.vk-grad>button:nth-child(n+2) p{color:#e6f6f2}
.vk-steps3.vk-grad .vk-step-n{position:absolute;top:14px;right:18px;font-size:30px;font-weight:800;color:currentColor;opacity:.35;animation:none}
.vk-step-more{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;background:#ffffff33}
.vk-steps3.vk-grad>button:nth-child(1) .vk-step-more{background:#fff;color:#007c6c}
/* v3: the two cards carry equal weight */
.vk-side-readers{background:linear-gradient(150deg,#00a88f 0%,#007c6c 100%);border-color:#007c6c;color:#fff}
.vk-side-readers strong{color:#fff}.vk-side-readers ul{color:#e6f6f2}.vk-side-readers .eyebrow{color:#d6fff4}
.vk-side-readers .vk-side-go{color:#fff}.vk-side-readers .vk-feat-ico{background:#ffffff26;color:#fff}
.vk-side-readers:hover{border-color:#9ee6d4}
.vk-side-card .vk-side-go{padding:7px 13px;border-radius:20px;background:#ffffff26}
@keyframes vkGlowR{0%,45%,100%{box-shadow:var(--shadow);transform:none}12%,30%{box-shadow:0 0 0 4px #00a88f66,0 18px 40px #00a88f44;transform:translateY(-4px) scale(1.01)}}
/* Explainer window */
.modal.vk-info-modal{width:min(820px,calc(100vw - 28px))}
.vk-info-steps{display:flex;gap:6px;margin:0 0 10px}
.vk-info-steps button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-weight:800;color:var(--muted)}
.vk-info-steps button.on{background:#00a88f;border-color:#00a88f;color:#fff}
.vk-info-lead{font-size:15px;line-height:1.6;margin:0 0 14px}
.vk-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vk-info-b{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.vk-info-b strong{font-size:14px}
.vk-info-b p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.vk-info-modal.is-writers .vk-feat-ico{background:#eef0fa;color:#20145f}
.vk-info-actions{flex-wrap:wrap}
.vk-only{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;background:#00a88f;color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;vertical-align:middle}
@media(max-width:700px){.vk-info-grid{grid-template-columns:1fr}.vk-steps3.vk-grad{grid-template-columns:1fr}}
.vk-steps3.vk-grad>button:nth-child(n+2) strong{color:#fff}

/* ===== v4: centred windows everywhere ===== */
@media(min-width:761px){
  .drawer{top:0;bottom:0;left:0;right:0;margin:auto;height:fit-content;max-height:88vh;width:min(560px,calc(100vw - 40px));border-radius:20px;box-shadow:0 24px 80px #07152f38;animation:slideUp .25s ease}
}
@media(max-width:760px){
  .modal,.drawer{left:0;right:0;margin-left:auto;margin-right:auto}
}
@media(max-width:600px){.modal{width:calc(100% - 20px)}}

/* ===== v4: colour strategy. Readers = teal family, writers = indigo/violet family, brand hero = both ===== */
:root{--rd:#00a88f;--rd-deep:#007c6c;--rd-ink:#00564c;--rd-soft:#e5f5f0;--rd-line:#cae9e0;--wr:#20145f;--wr-mid:#4b3bb8;--wr-violet:#7b6cf0;--wr-soft:#eeebfc;--wr-line:#d9d3f7}
.vk-for-home .vk-land-hero{background:radial-gradient(circle at 92% 110%,#00a88f55 0,transparent 42%),radial-gradient(circle at 70% -20%,#7b6cf055 0,transparent 45%),#20145f}
.vk-land-nav .is-reader{color:var(--rd-deep)}.vk-land-nav .is-reader:hover,.vk-land-nav .is-reader.on{background:var(--rd-soft);color:var(--rd-ink)}
.vk-land-nav .is-writer{color:var(--wr-mid)}.vk-land-nav .is-writer:hover,.vk-land-nav .is-writer.on{background:var(--wr-soft);color:var(--wr)}
/* steps = the reader's journey, light to deep teal */
.vk-steps3.vk-grad>button:nth-child(1){background:var(--rd-soft);border-color:var(--rd-line)}
.vk-steps3.vk-grad>button:nth-child(2){background:var(--rd)}
.vk-steps3.vk-grad>button:nth-child(3){background:var(--rd-ink)}
.vk-steps3.vk-grad>button:nth-child(3) .vk-step-more{background:#ffffff2e}
/* cards */
.vk-side-writers{background:linear-gradient(150deg,#20145f 0%,#4b3bb8 100%);border-color:#20145f}
.vk-side-writers .eyebrow,.vk-side-writers .vk-side-go{color:#e4e0fb}
/* trust strip */
.vk-trust .vk-t-reader{background:var(--rd-soft);color:var(--rd-deep)}
.vk-trust .vk-t-eu{background:#eef3fb;color:#2c5aa0}
.vk-trust-plans{background:linear-gradient(110deg,var(--rd-soft) 0%,var(--rd-soft) 50%,var(--wr-soft) 50%,var(--wr-soft) 100%);color:var(--rd-deep);border:1px solid var(--line)}
.vk-trust-plans strong{color:var(--ink)}.vk-trust-plans span{color:var(--muted)}
.vk-trust-plans .vk-side-go{background:var(--wr);color:#fff;padding:6px 12px;border-radius:20px}
.vk-trust-plans:hover{box-shadow:0 0 0 3px var(--wr-line)}
/* readers page: teal */
.vk-for-readers .vk-land-hero{background:linear-gradient(135deg,#00564c 0%,#007c6c 55%,#00a88f 100%)}
.vk-for-readers .vk-land-hero .eyebrow{color:#d6fff4}
.vk-for-readers .vk-land-hero .btn.primary{background:#fff;color:var(--rd-ink);border-color:#fff;box-shadow:0 3px 0 #00423a}
.vk-for-readers .vk-land-sec .eyebrow{color:var(--rd-deep)}
.vk-for-readers .vk-feat-ico{background:var(--rd-soft);color:var(--rd-deep)}
.vk-for-readers .vk-mini-plans>div.on{border-color:var(--rd);box-shadow:0 0 0 2px #00a88f22}
.vk-for-readers .vk-cta{background:linear-gradient(135deg,#00564c,#00a88f)}
.vk-for-readers .vk-cta .btn.primary{background:#fff;color:var(--rd-ink);border-color:#fff}
.vk-for-readers .vk-cta .btn.outline{background:transparent;color:#fff;border-color:#ffffff88}
/* writers page: indigo / violet */
.vk-for-writers .vk-land-hero{background:linear-gradient(135deg,#20145f 0%,#352890 60%,#4b3bb8 100%)}
.vk-for-writers .vk-land-hero .eyebrow{color:#e4e0fb}
.vk-for-writers .vk-land-hero .btn.primary{background:#fff;color:var(--wr);border-color:#fff;box-shadow:0 3px 0 #120b3d}
.vk-for-writers .vk-land-sec .eyebrow{color:var(--wr-mid)}
.vk-for-writers .vk-feat-ico{background:var(--wr-soft);color:var(--wr-mid)}
.vk-for-writers .vk-feat:hover{border-color:var(--wr-line)}
.vk-for-writers .vk-ins-grid>div{background:var(--wr-soft);border-color:var(--wr-line)}
.vk-for-writers .vk-mini-plans>div.on{border-color:var(--wr-mid);box-shadow:0 0 0 2px #4b3bb822}
.vk-for-writers .vk-cta{background:linear-gradient(135deg,#20145f,#4b3bb8)}
.vk-for-writers .vk-cta .btn.primary{background:#fff;color:var(--wr);border-color:#fff}
.vk-for-writers .vk-cta .btn.outline{background:transparent;color:#fff;border-color:#ffffff88}
/* explainer windows */
.vk-info-modal:not(.is-writers) .vk-feat-ico{background:var(--rd-soft);color:var(--rd-deep)}
.vk-info-modal:not(.is-writers) .eyebrow{color:var(--rd-deep)}
.vk-info-modal.is-writers .vk-feat-ico{background:var(--wr-soft);color:var(--wr-mid)}
.vk-info-modal.is-writers .eyebrow{color:var(--wr-mid)}
.vk-info-modal.is-writers .btn.primary{background:var(--wr);border-color:var(--wr);box-shadow:0 3px 0 #120b3d}
/* sign in: the choice comes right under the title, in each audience's colours */
.vk-signin{border-top:5px solid var(--rd)}
.vk-signin.vk-role-writer{border-top-color:var(--wr-mid)}
.vk-signin .vk-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;background:none;margin:2px 0 6px}
.vk-signin .vk-role-switch button{display:flex;align-items:center;gap:10px;height:auto;padding:12px;border-radius:12px;text-align:left;border:2px solid var(--line);background:var(--paper);color:var(--ink)}
.vk-signin .vk-role-switch button b{display:block;font-size:14px}
.vk-signin .vk-role-switch button small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.vk-signin .vk-role-switch .is-reader{color:var(--rd-deep)}
.vk-signin .vk-role-switch .is-writer{color:var(--wr-mid)}
.vk-signin .vk-role-switch .is-reader.on{background:var(--rd);border-color:var(--rd);color:#fff}
.vk-signin .vk-role-switch .is-writer.on{background:var(--wr);border-color:var(--wr);color:#fff}
.vk-signin .vk-role-switch .on small{color:#ffffffcc}
.vk-signin .vk-role-switch .on b{color:#fff}
.vk-signin.vk-role-reader .vk-feat-ico{background:var(--rd-soft);color:var(--rd-deep)}
.vk-signin.vk-role-writer .vk-feat-ico{background:var(--wr-soft);color:var(--wr-mid)}
.vk-signin.vk-role-writer .btn.primary{background:var(--wr);border-color:var(--wr);box-shadow:0 3px 0 #120b3d}
.vk-signin.vk-role-writer .eyebrow{color:var(--wr-mid)}
/* sign out in the app */
.vk-signout{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:650}
.vk-signout:hover{border-color:#00a88f;color:#007c6c}
@media(max-width:600px){.vk-signout span{display:none}.vk-signout{width:38px;padding:0;justify-content:center}}
.vk-cta h2{color:#fff}
.vk-trust-plans{background:linear-gradient(110deg,var(--rd-soft) 0%,#f1f6fb 50%,var(--wr-soft) 100%)}

/* ===== Viksa pass 3: origin, honest cards, faithful reading ===== */
.vk-originbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.vk-ob-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.vk-ob-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.vk-ob-chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid var(--line);border-radius:20px;background:var(--paper);font-size:12px;font-weight:650;color:var(--ink)}
.vk-ob-chips button i{width:9px;height:9px;border-radius:50%;display:inline-block}
.vk-ob-chips button b{font-weight:700;color:var(--muted);font-size:11px}
.vk-ob-chips button.on{background:#18204b;border-color:#18204b;color:#fff}.vk-ob-chips button.on b{color:#cfd4e6}
.vk-ob-pub{height:34px;border:1px solid var(--line);border-radius:9px;padding:0 8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;max-width:220px}
/* card without a certain cover: origin badge instead of a guessed image */
.vk-origin-thumb{display:flex!important;flex-direction:column;justify-content:space-between;padding:12px;border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--oc) 14%,#fff),color-mix(in srgb,var(--oc) 6%,#fff))!important;border:1px solid color-mix(in srgb,var(--oc) 25%,#fff);color:var(--oc);overflow:hidden}
.vk-o-plat{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 8px;border-radius:20px;background:#fff;color:#18204b;font:700 10px var(--sans,Inter);letter-spacing:.02em;box-shadow:0 1px 3px #0000001a}
.vk-o-plat i{width:7px;height:7px;border-radius:50%;display:inline-block}
.vk-origin-thumb strong{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1}
.vk-origin-thumb small{font-size:11px;font-weight:650;line-height:1.3;color:#18204b;opacity:.8}
.vk-kind{display:inline-flex;margin:6px 6px 0 0;padding:2px 9px;border-radius:20px;background:var(--stage);color:var(--muted);font-size:11px;font-weight:700}
.vk-kind.paid{background:#fff4e5;color:#b45309}
.vk-kind.promo{background:#fde8ef;color:#be185d}
/* reading: original layout or reading mode */
.vk-readbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.vk-seg2{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--stage)}
.vk-seg2 button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border:0;border-radius:8px;background:transparent;font-size:13px;font-weight:650;color:var(--muted)}
.vk-seg2 button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #17235418}
.vk-cleaned{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted);margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#e5f5f0}
.vk-cleaned svg{flex:0 0 auto;color:#007c6c;margin-top:1px}
.vk-orig{display:block;width:100%;min-height:420px;border:0;border-radius:12px;background:#f2f3f5}
.reading-content[hidden]{display:none!important}
[data-theme=dark] .vk-cleaned{background:#123a3a;color:#b1bad0}
[data-theme=dark] .vk-origin-thumb small{color:#f0f3fa}
@media(max-width:600px){.vk-originbar{padding:8px}.vk-ob-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.vk-ob-chips button{flex:0 0 auto}.vk-ob-pub{max-width:100%;flex:1 1 100%}.vk-origin-thumb strong{font-size:22px}.vk-origin-thumb small{font-size:9px}}

/* ===== Viksa pass 4: layout fixes for narrow screens + one button system ===== */
/* Rules list: name and pill, then the sentence on full width, then the tools; the switch stays top right */
.rule-entry.vk-rule-entry{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"num text switch" "num tools tools";gap:8px 12px;align-items:start}
.vk-rule-entry .rule-number{grid-area:num}
.vk-rule-entry .rule-text{grid-area:text;min-width:0}
.vk-rule-entry .switch{grid-area:switch}
.vk-rule-entry .vk-rule-tools{grid-area:tools;display:flex;gap:4px;flex-wrap:wrap}
.vk-rule-name{display:inline}
.rule-entry.vk-auto-entry{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto auto!important;gap:8px 12px;align-items:center}
.vk-auto-entry .rule-text{min-width:0}
/* Today toolbar: never wider than the screen */
.vk-toolbar{flex-wrap:wrap}
.vk-tools{flex-wrap:wrap;min-width:0}
.vk-today-setbar,.vk-setbar,.vk-setbar-btns{min-width:0;max-width:100%}
.vk-setbar-btns{flex:1 1 auto}
@media(max-width:600px){.vk-setbar{flex-direction:column;align-items:stretch}.vk-setbar-btns{flex-wrap:wrap;overflow:visible}}
@media(max-width:420px){.vk-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.vk-tool{padding:0 8px;justify-content:center;min-width:0}.vk-tool span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Sign in: the two choices stack on small phones */
@media(max-width:440px){.vk-signin{padding:22px 18px;margin:16px auto}.vk-signin .vk-role-switch{grid-template-columns:1fr}}
/* Tables become cards on phones (subscriptions, invitations, issue performance) */
@media(max-width:600px){
  .sample-table thead{display:none}
  .sample-table,.sample-table tbody,.sample-table tfoot,.sample-table tr,.sample-table td,.sample-table th{display:block;width:100%}
  .sample-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .sample-table td,.sample-table th{border:0!important;padding:3px 0!important;min-width:0!important}
  .sample-table td:first-child{font-weight:700}
  .vk-pub-select{width:100%;margin-top:4px}
}
@media(max-width:380px){.stat-grid{grid-template-columns:1fr!important}.summary-band.vk-band4{grid-template-columns:1fr 1fr}.vk-note-stats{grid-template-columns:1fr 1fr}}
.writer-welcome,.stat-tile,.surface-card,.chart-panel{min-width:0;overflow-wrap:anywhere}

/* ----- One button system ----- */
/* Main buttons: one height, one radius, one weight. Primary = deep teal (readable white text) */
.btn{min-height:40px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:650;gap:8px;line-height:1.2;margin-top:0}
.btn.tiny{min-height:34px;padding:0 12px;font-size:12px;border-radius:9px}
.btn.full{width:100%}
.btn.primary,.page-intro .btn.primary{background:#007c6c;border-color:#007c6c;color:#fff;box-shadow:0 2px 0 #00564c}
.btn.primary:hover{background:#006b5d}
.btn.outline{background:var(--paper);border:1px solid var(--line);color:var(--ink);box-shadow:none}
.btn.outline:hover{border-color:#00a88f;color:#007c6c}
.page-intro .btn.outline{background:#fff;color:#20145f;border-color:#fff}
.btn.primary.vk-danger{background:#b3261e;border-color:#b3261e;box-shadow:0 2px 0 #7d1a15}
.pricing-card .btn{margin-top:auto}
/* Writers keep their indigo on the viksa.app pages and windows */
.vk-for-writers .btn.primary,.vk-info-modal.is-writers .btn.primary,.vk-signin.vk-role-writer .btn.primary{background:#20145f;border-color:#20145f;box-shadow:0 2px 0 #120b3d}
/* Icon buttons: one size, one look; delete is always a bin */
.icon-action{width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--muted)}
.icon-action:hover{background:var(--stage);color:var(--ink)}
.icon-action.selected{background:#e5f5f0;color:#007c6c}
.icon-action:disabled{opacity:.3;cursor:default}
.icon-action.vk-del:hover{background:#fdecea;color:#b3261e}
.x-mini{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--muted)}
.x-mini:hover{background:#fdecea;color:#b3261e}
.vk-rule-tools .icon-action{width:34px;height:34px}
/* Toolbar buttons (Sort, Actions, Select, set actions, pages, sign out, segments): same height and radius */
.vk-tool,.vk-signout{height:40px;border-radius:10px;font-size:13px;font-weight:650}
.vk-setbar-btns button,.vk-pages button{height:36px;border-radius:9px;font-size:13px;font-weight:650}
.vk-seg button,.vk-seg2 button,.vk-tabs button{border-radius:8px;font-weight:650}
.vk-tool:hover,.vk-setbar-btns button:hover,.vk-pages button:not(:disabled):hover,.vk-signout:hover{border-color:#00a88f;color:#007c6c}
/* Text links that act: one style */
.linkish{font-size:13px;font-weight:650;color:#007c6c}
.vk-bulk .linkish{color:#9ee6d4}
/* last narrow-screen fixes: headings with a pill wrap; three steps stack; "open with" choices keep their note under the label */
.card-heading{flex-wrap:wrap;gap:8px;min-width:0}
.card-heading .pill,.writer-welcome .pill{white-space:normal}
.writer-welcome{flex-wrap:wrap;gap:10px}
@media(max-width:600px){.steps-grid{grid-template-columns:1fr}}
.route-choice{flex-wrap:wrap}
.route-choice small{flex:1 1 100%;order:3;padding-left:32px;font-weight:500;color:var(--muted)}
.vk-tool i{font-style:normal}.vk-short{display:none}
@media(max-width:420px){.vk-long{display:none}.vk-short{display:inline}.vk-tool{gap:5px;font-size:12px}.vk-tool svg{width:16px;height:16px}}

/* ===== Viksa pass 6: Moving to Viksa ===== */
.vk-mv-progress{display:flex;flex-direction:column;gap:10px}
.vk-mv-count{font-size:16px}.vk-mv-count strong{font-size:28px;font-weight:800;letter-spacing:-.6px;color:#007c6c;margin-right:4px}
.vk-mv-bar{height:12px;border-radius:999px;background:#e5f5f0;overflow:hidden}
.vk-mv-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00a88f,#007c6c);transition:width .4s}
.vk-mv-bar.sm{height:7px;margin-top:6px}
.vk-mv-add{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vk-mv-add>div{padding:14px;border-radius:12px;background:var(--stage)}
.vk-mv-add strong{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.vk-mv-add p{margin:6px 0 0}
.vk-mv-paste{display:flex;gap:8px;margin-top:8px}.vk-mv-paste .form-input{flex:1;min-width:0;margin:0}
.vk-mv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vk-mv-row{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.vk-mv-row.moved{background:#f6fbf9}
.vk-mv-head{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;background:transparent;text-align:left;color:var(--ink)}
.vk-mv-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.vk-mv-name{flex:1;min-width:0;display:flex;flex-direction:column}
.vk-mv-name strong{font-size:14px}.vk-mv-name small{font-size:12px;color:var(--muted)}
.vk-mv-st{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.vk-mv-st.ok{background:#e5f5f0;color:#007c6c}.vk-mv-st.wait{background:#fff4e5;color:#b45309}.vk-mv-st.todo{background:#eef0fa;color:#20145f}
.vk-mv-body{padding:0 14px 14px 34px}
.vk-mv-t{font-weight:700;margin:0 0 6px;font-size:14px}
.vk-mv-body ol{margin:0 0 10px;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:3px}
.vk-mv-warn{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:#b45309;background:#fff4e5;padding:8px 10px;border-radius:8px;margin:0 0 10px}
.vk-mv-btns{display:flex;gap:8px;flex-wrap:wrap}
.vk-mv-note{display:flex;gap:6px;align-items:flex-start}
.vk-mv-banner{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:12px 14px;border:1px solid #cae9e0;border-radius:12px;background:#e5f5f0}
.vk-mv-banner>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#007c6c;flex:0 0 auto}
.vk-mv-banner>div{flex:1;min-width:0}.vk-mv-banner strong{font-size:14px}
[data-theme=dark] .vk-mv-banner{background:#123a3a;border-color:#1f5a52}
[data-theme=dark] .vk-mv-row.moved{background:#16302f}
@media(max-width:600px){.vk-mv-add{grid-template-columns:1fr}.vk-mv-body{padding-left:14px}.vk-mv-head{flex-wrap:wrap}.vk-mv-st{order:3;margin-left:20px}.vk-mv-banner{flex-wrap:wrap}.vk-mv-banner .btn{flex:1}}
@media(max-width:600px){.vk-mv-name{flex:1 1 calc(100% - 50px)}.vk-mv-head>svg{order:2}}