/* ===== Слогер — дизайн публичной части (тёмная/светлая тема) ===== */
:root{
  --bg:#0b0b0d; --surface:#141416; --surface-2:#1b1b20; --surface-3:#232329;
  --border:#2a2a31; --border-2:#3a3a42;
  --text:#f2f0ec; --muted:#a7a39b; --faint:#6f6b63;
  --gold:#c9a86a; --gold-ink:#dcc188; --gold-soft:rgba(201,168,106,.12); --gold-btn:#14110a;
  --shadow:0 24px 50px -24px rgba(0,0,0,.7);
  --serif:Georgia,"Times New Roman",Cambria,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --max:1180px;
}
:root[data-theme="light"]{
  --bg:#faf8f4; --surface:#ffffff; --surface-2:#f4f1ea; --surface-3:#ebe6dc;
  --border:#e7e2d7; --border-2:#d8d1c3;
  --text:#1a1813; --muted:#6b655b; --faint:#9a9488;
  --gold:#9a7a30; --gold-ink:#7c611f; --gold-soft:rgba(154,122,48,.10); --gold-btn:#fffdf8;
  --shadow:0 20px 44px -24px rgba(40,33,20,.20);
}
@media (prefers-color-scheme:light){:root:not([data-theme]){
  --bg:#faf8f4; --surface:#ffffff; --surface-2:#f4f1ea; --surface-3:#ebe6dc;
  --border:#e7e2d7; --border-2:#d8d1c3;
  --text:#1a1813; --muted:#6b655b; --faint:#9a9488;
  --gold:#9a7a30; --gold-ink:#7c611f; --gold-soft:rgba(154,122,48,.10); --gold-btn:#fffdf8;
  --shadow:0 20px 44px -24px rgba(40,33,20,.20);
}}
:root[data-theme="dark"]{
  --bg:#0b0b0d; --surface:#141416; --surface-2:#1b1b20; --surface-3:#232329;
  --border:#2a2a31; --border-2:#3a3a42;
  --text:#f2f0ec; --muted:#a7a39b; --faint:#6f6b63;
  --gold:#c9a86a; --gold-ink:#dcc188; --gold-soft:rgba(201,168,106,.12); --gold-btn:#14110a;
  --shadow:0 24px 50px -24px rgba(0,0,0,.7);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.14;letter-spacing:-.01em;text-wrap:balance;margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--gold-ink)}
.dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5;display:inline-block}

/* header */
header.site{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px)}
.bar{display:flex;align-items:center;gap:22px;height:66px}
.brand{font-family:var(--serif);font-size:23px;font-weight:600;display:flex;align-items:center;gap:8px}
.brand .nib{width:21px;height:21px;color:var(--gold)}
.brand span{color:var(--gold)}
nav.main{display:flex;gap:22px;font-size:14.5px;color:var(--muted)}
nav.main a{position:relative;padding:4px 0;white-space:nowrap}
nav.main a:hover,nav.main a.on{color:var(--text)}
.hcreate{margin-left:auto;white-space:nowrap}
.hsearch{margin:0 0 0 auto}
.bar:has(.hcreate) .hsearch{margin-left:22px}   /* когда есть кнопка — поиск сразу за ней */
.hsearch input{font:inherit;font-size:13.5px;color:var(--text);background:var(--surface);
  border:1px solid var(--border);border-radius:10px;padding:8px 13px;width:180px}
.hsearch input:focus{outline:none;border-color:var(--gold)}
.tools{display:flex;align-items:center;gap:12px}
.tgl{width:38px;height:38px;border:1px solid var(--border-2);border-radius:10px;background:var(--surface);
  color:var(--text);cursor:pointer;display:grid;place-items:center;transition:.2s}
.tgl:hover{border-color:var(--gold);color:var(--gold-ink)}
.tgl .sun{display:none}
:root[data-theme="light"] .tgl .sun{display:block}:root[data-theme="light"] .tgl .moon{display:none}
@media (prefers-color-scheme:light){:root:not([data-theme]) .tgl .sun{display:block}:root:not([data-theme]) .tgl .moon{display:none}}
.btn-gold{font:inherit;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:10px;border:none;
  background:var(--gold);color:var(--gold-btn);cursor:pointer;white-space:nowrap;transition:.2s;display:inline-block}
.btn-gold:hover{filter:brightness(1.05)}
.authbar{display:flex;align-items:center;gap:14px;font-size:14px}
.authbar a{color:var(--muted)}
.authbar a:hover{color:var(--text)}
.authbar a.btn-gold,.authbar a.btn-gold:hover{color:var(--gold-btn)}
.bell{position:relative;width:38px;height:38px;border:1px solid var(--border-2);border-radius:10px;
  background:var(--surface);color:var(--text);display:grid;place-items:center;transition:.2s}
.bell:hover{border-color:var(--gold);color:var(--gold-ink)}
.bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--gold);color:var(--gold-btn);font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1}
.notif{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;
  border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--surface);transition:.2s}
.notif:hover{border-color:var(--border-2)}
.notif.unread{border-color:var(--gold);background:var(--gold-soft)}
.notif-msg{font-size:14.5px;color:var(--text)}
.notif-time{font-size:12.5px;color:var(--faint);white-space:nowrap}

/* модалки авторизации */
.modal-overlay{position:fixed;inset:0;background:rgba(6,6,8,.6);z-index:90;opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s;backdrop-filter:blur(2px)}
.modal-overlay.show{opacity:1;visibility:visible}
.modal{position:fixed;z-index:95;top:50%;left:50%;transform:translate(-50%,-46%);width:min(92vw,420px);
  background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;max-height:92vh;overflow-y:auto}
.modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.modal h2{font-family:var(--serif);font-size:26px;margin:0 0 18px}
.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--muted);
  font-size:28px;cursor:pointer;line-height:1}
.modal-close:hover{color:var(--text)}
.modal-form{display:flex;flex-direction:column;gap:14px}
.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.modal-form input[type=email],.modal-form input[type=password],.modal-form input[type=text]{font:inherit;font-size:15px;
  color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 13px}
.modal-form input:focus{outline:none;border-color:var(--gold)}
.modal-form label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--text)}
.modal-form .btn-gold{margin-top:4px;padding:12px;width:100%;text-align:center}
.modal-alt{margin:16px 0 0;font-size:14px;color:var(--muted);text-align:center}
.modal-alt a{color:var(--gold-ink)}
.authbar form{margin:0}
.linkbtn{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;padding:0}
.linkbtn:hover{color:var(--text)}
@media(max-width:900px){nav.main,.hsearch{display:none}}
@media(max-width:640px){.hcreate{display:none}}

/* flash -> тост снизу */
.flash{position:fixed;left:50%;bottom:28px;z-index:100;transform:translateX(-50%) translateY(24px);
  max-width:min(92vw,440px);padding:14px 22px;border:1px solid var(--gold);border-radius:12px;
  color:var(--gold-ink);background:var(--surface);box-shadow:var(--shadow);font-size:14.5px;
  opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(0,0,.2,1)}
.flash.show{opacity:1;transform:translateX(-50%) translateY(0)}
.flash.hide{opacity:0;transform:translateX(-50%) translateY(24px)}

/* section head + tabs */
.page{font-size:clamp(28px,4vw,40px);margin:36px 0 22px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:40px 0 20px;flex-wrap:wrap}
.section-head h1{font-size:clamp(28px,4vw,40px)}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;cursor:grab;user-select:none}
.tabs::-webkit-scrollbar{display:none}
.tabs.drag{cursor:grabbing}
.tab{flex:none;font-size:13.5px;white-space:nowrap;padding:7px 14px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--muted);transition:.18s}
.tab:hover{border-color:var(--border-2);color:var(--text)}
.tab.on{background:var(--text);color:var(--bg);border-color:var(--text)}

/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;grid-auto-flow:row dense}
.card{grid-column:span 4;display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--border);border-radius:16px;padding:15px;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--border-2)}
.card.feat{grid-column:span 8;flex-direction:row;gap:22px;align-items:stretch;padding:16px}
.card .thumb{position:relative;display:block;border-radius:11px;overflow:hidden;aspect-ratio:16/10}
.card.feat .thumb{flex:0 0 50%;aspect-ratio:auto;min-height:210px}
.card .cover{position:absolute;inset:0;transition:transform .5s cubic-bezier(0,0,.2,1)}
.cover-img{width:100%;height:100%;object-fit:cover;display:block}
.card:hover .cover{transform:scale(1.06)}
.card .badge{position:absolute;top:11px;left:11px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#14110a;background:#e8cf97;padding:4px 9px;border-radius:6px}
.card .body{padding:14px 4px 4px;display:flex;flex-direction:column;gap:8px}
.card.feat .body{flex:1;justify-content:center;padding:6px 8px}
.card h2,.card h3{font-size:19px}
.card.feat h2,.card.feat h3{font-size:clamp(21px,2.4vw,28px)}
.card:hover h2 a,.card:hover h3 a{color:var(--gold-ink)}
.card .body>p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--faint);margin-top:2px}
.card .meta a{color:var(--muted)}
.card .meta a:hover{color:var(--text)}
@media(max-width:900px){.card{grid-column:span 6}.card.feat{grid-column:span 12}}
@media(max-width:600px){.card,.card.feat{grid-column:span 12}.card.feat{flex-direction:column;gap:0}
  .card.feat .thumb{flex:none;aspect-ratio:16/10;min-height:0}}

/* обложки-градиенты по темам */
.cover{background:linear-gradient(135deg,#2a2a30,#3a3a44)}
.cover-ai{background:radial-gradient(90% 120% at 25% -10%,#8478c955,transparent 55%),linear-gradient(135deg,#2a2350,#4a3f8f)}
.cover-startups{background:radial-gradient(90% 120% at 25% -10%,#c9a86a55,transparent 55%),linear-gradient(135deg,#4a3b1e,#9a7a30)}
.cover-marketing{background:radial-gradient(90% 120% at 25% -10%,#c07d9855,transparent 55%),linear-gradient(135deg,#40202e,#8a4560)}
.cover-money{background:radial-gradient(90% 120% at 25% -10%,#57a07a55,transparent 55%),linear-gradient(135deg,#173a2d,#2f6b4f)}
.cover-dev{background:radial-gradient(90% 120% at 25% -10%,#66a3ac55,transparent 55%),linear-gradient(135deg,#12333a,#2c6470)}
.cover-design{background:radial-gradient(90% 120% at 25% -10%,#c0805e55,transparent 55%),linear-gradient(135deg,#43281a,#8a4d30)}
.cover-life{background:radial-gradient(90% 120% at 25% -10%,#c8996655,transparent 55%),linear-gradient(135deg,#3a2a1a,#7a5a34)}
.cover-career{background:radial-gradient(90% 120% at 25% -10%,#6b8fc955,transparent 55%),linear-gradient(135deg,#1e2a45,#3a4f8f)}
.cover-crypto{background:radial-gradient(90% 120% at 25% -10%,#b7a35a55,transparent 55%),linear-gradient(135deg,#2e2f14,#6f6320)}
.cover-media{background:radial-gradient(90% 120% at 25% -10%,#a878c955,transparent 55%),linear-gradient(135deg,#2f2350,#5a3f8f)}

/* pager */
.pager{display:flex;justify-content:space-between;margin:34px 0 10px}
.pager a{color:var(--gold)}

/* post page */
.post-wrap{max-width:760px;margin:0 auto}
.post-head{padding:36px 0 6px}
.post-head .eyebrow{display:block;margin-bottom:14px}
.post-head h1{font-size:clamp(30px,5vw,50px);margin:0 0 16px}
.post-head .lead{font-size:19px;color:var(--muted);font-family:var(--serif);font-style:italic;margin:0 0 18px}
.post-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--faint);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0}
.post-meta a{color:var(--muted)}
.post-meta a:hover{color:var(--text)}
.post-cover{margin:26px 0 8px;border-radius:16px;overflow:hidden;aspect-ratio:16/8;position:relative;box-shadow:var(--shadow)}
.post-video{margin:16px 0 8px}
.post-video video{width:100%;max-height:70vh;display:block;border-radius:16px;background:#000;box-shadow:var(--shadow)}
.post-body{font-size:18px;line-height:1.75;margin-top:26px}
.post-body p{margin:0 0 22px}
.post-body h2{font-size:28px;margin:36px 0 14px}
.post-body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.post-body th,.post-body td{border:1px solid var(--border);padding:9px 12px;text-align:left;vertical-align:top;line-height:1.5}
.post-body th{background:var(--surface-2);font-weight:600}
.post-body img{display:block;width:100%;height:auto;margin:22px auto;border-radius:12px}
.wysiwyg img{max-width:100%;height:auto}
.post-body a{color:var(--gold-ink);font-weight:500;text-decoration:underline;
  text-decoration-thickness:1.5px;text-underline-offset:2px;text-decoration-color:rgba(212,175,90,.45);
  transition:color .2s,text-decoration-color .2s,text-underline-offset .2s}
.post-body a:hover{color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px}
.post-tags{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}
.post-tags span{font-size:13px;color:var(--muted)}
.post-foot{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);font-size:14px}
.post-foot a{color:var(--gold)}

/* vote */
.vote{display:inline-flex;align-items:center;gap:5px}
.vote form{margin:0;display:inline-flex}
.vote .v{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:0 2px;line-height:1}
.vote .v.up:hover{color:var(--gold)}
.vote .v.down:hover{color:#c65f4e}
.vote .v.muted{cursor:default;opacity:.5}
.vote b{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}

/* subscribe */
.subbtn{font:inherit;font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;
  border:1px solid var(--gold);background:transparent;color:var(--gold)}
.subbtn.on{background:var(--gold);color:var(--gold-btn)}

/* author head */
.author-head{padding:22px 0 18px;border-bottom:1px solid var(--border);margin-bottom:20px}
.author-head h1{font-size:clamp(28px,4vw,40px)}
.author-head .meta{margin-top:8px;font-size:14px;color:var(--muted)}
.feed-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* comments */
.comments{max-width:760px;margin:44px auto 0;padding-top:24px;border-top:1px solid var(--border)}
.comments h3{font-size:22px;margin:0 0 18px}
.comment{padding:12px 0;border-top:1px solid var(--border)}
.comment .c-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.comment .c-meta a{color:var(--muted)}
.comment .c-meta a:hover{color:var(--text)}
.comment .c-body{margin:6px 0;font-size:15px;white-space:pre-wrap}
.reply-form{margin:8px 0 4px}

/* forms */
.form-wrap{max-width:640px;margin:0 auto}
.post-form,.comment-form{display:flex;flex-direction:column;gap:14px}
.post-form{max-width:640px}
.comment-form{margin:0 0 26px}
.post-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.post-form input[type=text],.post-form input[type=email],.post-form input[type=url],
.post-form input[type=tel],.post-form input[type=number],.post-form input[type=search],
.post-form input[type=datetime-local],.post-form input[type=date],
.post-form select,.post-form textarea,
.comment-form textarea,.search-big input{font:inherit;font-size:15px;color:var(--text);background:var(--surface);
  border:1px solid var(--border);border-radius:10px;padding:11px 13px;width:100%}
.post-form input:focus,.post-form select:focus,.post-form textarea:focus{outline:none;border-color:var(--gold)}
.post-form textarea,.comment-form textarea{resize:vertical;line-height:1.6}
.post-form .hint{font-size:12px;color:var(--muted)}
.post-form label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--text)}
.post-form .form-actions,.comment-form{align-items:flex-start}
.post-form button[type=submit],.comment-form button,.search-big button{font:inherit;font-weight:600;
  background:var(--gold);color:var(--gold-btn);border:none;border-radius:10px;padding:11px 22px;cursor:pointer}
.post-form .form-actions{display:flex;gap:16px;align-items:center;margin-top:4px}
.post-form .cancel{color:var(--muted)}
.form-actions-spacer{flex:1}
.post-form .form-actions .btn-danger{background:transparent;color:#c65f4e;border:1px solid #c65f4e;font-weight:600}
.post-form .form-actions .btn-danger:hover{background:#c65f4e;color:#fff}
.inline-del{display:inline;margin:0}
.link-del{background:none;border:none;padding:0;font:inherit;color:#c65f4e;cursor:pointer}
.link-del:hover{text-decoration:underline}
.form-errors{border:1px solid #c65f4e;border-radius:10px;padding:12px 14px;color:#e2917f;font-size:14px;
  display:flex;flex-direction:column;gap:4px}
.search-big{display:flex;gap:10px;max-width:560px;margin:0 0 26px}
.search-big input{flex:1}

/* footer */
footer.site{border-top:1px solid var(--border);margin-top:56px;padding:26px 0;color:var(--muted);font-size:13px}

/* реклама */
.sl-node{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:18px 0}
.sl-node-body{display:block}
.sl-node-rich{min-height:76px;display:flex;align-items:center;justify-content:center}
.sl-node-rich>*{margin:0}
.sl-node-body img{width:100%;display:block;border-radius:11px 11px 0 0}
.sl-node-cap{font-size:11px;color:var(--faint);padding:6px 10px;border-top:1px solid var(--border);text-align:right}
.sidebar .sl-node{margin:6px 0 0}
.grid-node{grid-column:1 / -1}
.modbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:12px 16px;
  border-radius:12px;border:1px solid var(--border-2);background:var(--surface-2);font-size:14px;color:var(--muted)}
.modbar strong{color:var(--text)}
.modbar-appeal{margin-left:auto}
.modbar-rejected{border-color:rgba(226,83,68,.35);background:rgba(226,83,68,.12);color:#f0a99f}
.modbar-scheduled{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-ink)}
.modbar-published{display:none}
.post-source{font-size:13px;color:var(--faint);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.post-source a{color:var(--muted)}
.bookmark-form{margin:24px 0 0}
.bookmark-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;
  font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;
  background:transparent;color:var(--text);border:1px solid var(--border);transition:border-color .15s,color .15s,background .15s}
.bookmark-btn:hover{border-color:var(--gold);color:var(--gold)}
.bookmark-btn svg{flex:none;opacity:.5;transition:opacity .15s}
.bookmark-btn.on{border-color:var(--gold);color:var(--gold)}
.bookmark-btn.on svg{opacity:1}
/* компактный вариант в строке мета-данных поста */
.meta-bm{display:inline-flex;margin:0}
.bookmark-btn.bookmark-mini{padding:0;border:none;background:none;gap:5px;font-size:inherit;font-weight:inherit;color:var(--muted)}
.bookmark-btn.bookmark-mini:hover{color:var(--gold)}
.bookmark-btn.bookmark-mini.on{color:var(--gold)}
/* только иконка — в карточках ленты/закладок */
.bookmark-btn.bookmark-icon{gap:0}
.bookmark-btn.bookmark-icon svg{opacity:1}
.share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 6px}
.share-label{font-size:14px;color:var(--muted);margin-right:2px}
.share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;
  font-size:14px;font-weight:600;color:#fff;line-height:1;transition:filter .15s,transform .15s}
.share-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.share-btn svg,.share-btn img{flex:none}
.share-tg{background:#29a9eb}
.share-vk{background:#0077ff}
.share-fluxs{background:linear-gradient(135deg,#ff7a2f,#ff5a1f)}

/* монетизация: paywall / поддержка / уровни */
.paywall{margin:8px 0 4px;padding:26px 22px;border:1px solid var(--border-2);border-radius:16px;
  background:var(--surface-2);text-align:center}
.paywall-ico{width:52px;height:52px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;
  background:var(--gold-soft);color:var(--gold-ink)}
.paywall h3{margin:0 0 6px;font-size:20px}
.paywall .muted{max-width:460px;margin:0 auto 16px}
.paywall-tier{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:460px;
  margin:8px auto;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left}
.paywall-tier-info .muted{font-size:13px;margin:2px 0 0}
.support{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.support-tiers{display:flex;flex-wrap:wrap;gap:8px}
.support-donate{display:flex;gap:6px}
.support-donate input{width:96px;padding:8px 10px;border:1px solid var(--border-2);border-radius:9px;
  background:var(--surface);color:var(--text)}
.member-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;
  background:var(--gold-soft);color:var(--gold-ink);font-weight:600;font-size:14px}
.btn-ghost{padding:9px 16px;border:1px solid var(--border-2);border-radius:10px;background:var(--surface);
  color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:.15s}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-ink)}
.tiers-admin{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.tier-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);
  border-radius:12px;background:var(--surface)}
.tier-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.tier-edit input[type=text],.tier-new input[type=text]{padding:8px 10px;border:1px solid var(--border-2);
  border-radius:9px;background:var(--surface-2);color:var(--text)}
.tier-price{width:100px;padding:8px 10px;border:1px solid var(--border-2);border-radius:9px;
  background:var(--surface-2);color:var(--text)}
.tier-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.tier-new{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* страница «Как это работает» */
.how{max-width:920px;margin:0 auto}
.how-hero{text-align:center;padding:8px 0 10px}
.how-hero h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px}
.how-hero p{max-width:640px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.6}
.how-block{margin:34px 0}
.how-block>h2{font-size:22px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.how-card{padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.how-card b{display:block;margin-bottom:6px}
.how-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.how-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}
.how-steps li{position:relative;padding:14px 16px 14px 54px;border:1px solid var(--border);border-radius:12px;background:var(--surface);line-height:1.5}
.how-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:13px;width:28px;height:28px;
  display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold-ink);font-weight:700}
.how-cta{text-align:center;padding:26px;border:1px solid var(--border-2);border-radius:16px;background:var(--surface-2);margin-top:8px}
.how-cta p{margin:0 0 14px;font-size:18px;font-weight:600}
.income{margin:18px 0}
.income-table{width:100%;border-collapse:collapse;font-size:14px}
.income-table td{padding:9px 10px;border-bottom:1px solid var(--border)}
.income-table td:last-child{text-align:right}

/* меню профиля */
.usermenu{position:relative}
.user-btn{padding:0;border:0;background:none;cursor:pointer;line-height:0}
.user-ava{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;border:1px solid var(--border-2)}
.user-ava-empty{display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-ink);font-weight:700;font-size:15px}
.user-drop{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--surface);
  border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow);padding:6px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:90}
.usermenu.open .user-drop{opacity:1;visibility:visible;transform:none}
.user-drop-head{padding:8px 12px 6px;font-weight:600;font-size:13px;color:var(--muted);
  border-bottom:1px solid var(--border);margin-bottom:4px}
.user-drop a,.user-drop button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;
  font-size:14px;color:var(--text);background:none;border:0;cursor:pointer;transition:.14s;font-family:inherit}
.user-drop a:hover,.user-drop button:hover{background:var(--surface-2)}
.user-drop form{margin:4px 0 0;border-top:1px solid var(--border);padding-top:4px}
.user-drop form button{color:var(--muted)}
.dropzone-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-top:10px}
.pro-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:6px;vertical-align:middle;
  font-size:11px;font-weight:700;letter-spacing:.03em;background:var(--gold-soft);color:var(--gold-ink)}
.ad-total{margin:16px 0;font-size:16px}
.ad-total b{font-size:18px}
.price-table{margin:18px 0;border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:var(--surface)}
.price-table h3{margin:0 0 10px}
.price-table table{width:100%;border-collapse:collapse;font-size:14px}
.price-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:0 10px 8px}
.price-table td{padding:9px 10px;border-top:1px solid var(--border)}
.price-cell{white-space:nowrap;font-weight:700;text-align:right}
.price-cell .muted{font-weight:400;font-size:12px}

/* юридические/справочные страницы */
.legal{max-width:760px;margin:0 auto}
.legal h1{font-size:clamp(26px,3.4vw,34px);margin:0 0 10px}
.legal h2{font-size:19px;margin:26px 0 8px}
.legal p{color:var(--muted);line-height:1.65;margin:0 0 10px}
.legal a{color:var(--gold-ink);text-decoration:underline}
.legal-note{padding:10px 14px;border:1px solid var(--border-2);border-radius:10px;background:var(--surface-2);
  font-size:13px;color:var(--muted)}
.faq{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:10px 0;padding:0 16px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'+';display:inline-block;width:20px;color:var(--gold-ink);font-weight:700}
.faq[open] summary::before{content:'–'}
.faq p{margin:0 0 14px;color:var(--muted);line-height:1.6}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--text)}

/* онбординг */
.onboard{margin:0 0 24px;padding:16px 18px;border:1px solid var(--border-2);border-radius:14px;background:var(--surface-2)}
.onboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.onboard-steps{display:flex;flex-wrap:wrap;gap:10px}
.onboard-step{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--border);
  border-radius:10px;background:var(--surface);font-size:14px;color:var(--text);transition:.15s}
.onboard-step:hover{border-color:var(--gold);color:var(--gold-ink)}
.onboard-step .ob-check{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700}
.onboard-step.done{opacity:.7}
.onboard-step.done .ob-check{background:var(--gold-soft);color:var(--gold-ink)}

/* вход через соцсети */
.social-login{margin-top:14px}
.social-sep{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;margin:6px 0 12px}
.social-sep::before,.social-sep::after{content:'';flex:1;height:1px;background:var(--border)}
.social-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 14px;
  border-radius:10px;font-weight:600;font-size:14px;color:#fff;margin-bottom:8px;transition:filter .15s}
.social-btn:hover{filter:brightness(1.06)}
.social-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:rgba(255,255,255,.22);font-size:12px;font-weight:800}
.social-yandex{background:#fc3f1d}
.social-vk{background:#07f}

/* баннер подтверждения e-mail */
.verify-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;
  padding:10px 16px;background:var(--gold-soft);color:var(--gold-ink);font-size:14px;font-weight:500;text-align:center}
.verify-bar a{color:var(--gold-ink);font-weight:700;text-decoration:underline;white-space:nowrap}

/* страницы ошибок */
.error-page{text-align:center;padding:36px 16px 60px;max-width:520px;margin:0 auto}
.error-code{font-size:clamp(84px,16vw,140px);font-weight:800;line-height:1;font-family:Georgia,'Times New Roman',serif;
  background:linear-gradient(135deg,var(--gold),#b8862f);-webkit-background-clip:text;background-clip:text;color:transparent}
.error-nib{width:40px;height:40px;color:var(--gold);margin:-8px auto 10px;display:block}
.error-page h1{font-size:26px;margin:0 0 10px}
.error-page .muted{margin:0 auto 22px;max-width:420px;line-height:1.6}
.error-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.error-search input{width:100%;max-width:360px;padding:11px 16px;border:1px solid var(--border-2);
  border-radius:12px;background:var(--surface);color:var(--text)}

/* аналитика */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}
.stat-card{padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.stat-num{font-size:26px;font-weight:800;line-height:1.1}
.stat-lab{font-size:13px;color:var(--muted);margin-top:4px}

/* кнопка «наверх» + подгрузка */
.to-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--border-2);background:var(--surface);color:var(--text);cursor:pointer;
  display:grid;place-items:center;box-shadow:var(--shadow);z-index:70;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s,border-color .15s,color .15s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{border-color:var(--gold);color:var(--gold-ink)}
#feedSentinel{height:1px}
#feedSentinel.loading{height:auto}
#feedSentinel.loading::after{content:'Загрузка…';display:block;text-align:center;color:var(--muted);padding:22px;font-size:14px}
@media(max-width:600px){.to-top{right:14px;bottom:14px;width:42px;height:42px}}
.sl-node-empty{border-style:dashed;border-color:var(--border-2);background:var(--surface-2)}
.sl-node-empty .sl-node-body{min-height:88px;display:flex;align-items:center;justify-content:center;
  padding:22px 14px;text-align:center;font-size:13px;font-weight:600;color:var(--muted)}
.sl-node-empty .sl-node-cap{border-top-style:dashed;color:var(--faint)}

/* левое меню + шелл */
.shell{max-width:var(--max);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
main{min-width:0}
.burger{display:none;width:38px;height:38px;border:1px solid var(--border-2);border-radius:10px;
  background:var(--surface);color:var(--text);cursor:pointer;place-items:center;margin-right:-6px}
.sidebar{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;
  display:flex;flex-direction:column;gap:22px;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none}
.sidebar::-webkit-scrollbar{width:0;height:0;display:none}
.side-group{display:flex;flex-direction:column;gap:2px}
.side-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:0 12px 8px}
.side-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;font-size:14px;
  color:var(--muted);transition:.16s}
.side-link:hover{background:var(--surface-2);color:var(--text)}
.side-link.on{background:var(--gold-soft);color:var(--gold-ink);font-weight:600}
.cdot{width:9px;height:9px;border-radius:3px;flex:none;display:inline-block;transform:rotate(45deg)}
.sidebar-overlay{display:none}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .burger{display:grid}
  .sidebar{position:fixed;top:0;left:0;z-index:80;width:280px;height:100dvh;max-height:none;
    background:var(--surface);border-right:1px solid var(--border);padding:74px 18px 18px;
    transform:translateX(-100%);transition:transform .3s cubic-bezier(0,0,.2,1);box-shadow:var(--shadow)}
  .sidebar.open{transform:translateX(0)}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(6,6,8,.5);z-index:75;
    opacity:0;visibility:hidden;transition:.3s}
  .sidebar-overlay.show{opacity:1;visibility:visible}
}

/* редактор + dropzone */
.editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:2px}
.editor-toolbar button{font:inherit;font-size:13px;line-height:1;background:var(--surface);border:1px solid var(--border);
  border-radius:8px;padding:7px 10px;color:var(--muted);cursor:pointer;transition:.15s}
.editor-toolbar button:hover{color:var(--text);border-color:var(--border-2)}
.editor-drop{border-radius:10px;transition:.2s}
.editor-drop.drag textarea{border-color:var(--gold);background:var(--gold-soft)}
.editor-hint{font-size:12px;color:var(--faint)}
.dropzone{border:1px dashed var(--border-2);border-radius:12px;padding:20px;text-align:center;color:var(--muted);
  cursor:pointer;transition:.2s;font-size:14px}
.dropzone.drag{border-color:var(--gold);background:var(--gold-soft);color:var(--text)}
.dropzone img{max-height:170px;border-radius:8px;margin:10px auto 0;display:block}
.dropzone input[type=file]{display:none}
.field{display:flex;flex-direction:column;gap:6px}
.field-label{font-size:14px;color:var(--muted)}
.wysiwyg-wrap{display:flex;flex-direction:column}
.wysiwyg-wrap .editor-toolbar{border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;padding:8px;margin:0}
.wysiwyg{min-height:280px;border:1px solid var(--border);border-radius:0 0 10px 10px;padding:14px 16px;
  background:var(--surface);font-size:16px;line-height:1.7;outline:none;color:var(--text)}
.wysiwyg:focus{border-color:var(--gold)}
.wysiwyg-wrap.drag .wysiwyg{border-color:var(--gold);background:var(--gold-soft)}
.wysiwyg h2{font-family:var(--serif);font-size:24px;margin:14px 0 8px}
.wysiwyg p{margin:0 0 12px}
.wysiwyg ul,.wysiwyg ol{margin:0 0 12px;padding-left:22px}
.wysiwyg a{color:var(--gold-ink)}
.wysiwyg img{max-width:100%;border-radius:8px;margin:8px 0}
.wysiwyg:empty:before{content:"Начните писать…";color:var(--faint)}

/* ===== Проверка текста на ИИ ===== */
.ai-tool{max-width:820px}
.ai-lead{color:var(--muted);margin:0 0 18px}
.ai-lead b{color:var(--text);font-weight:600}
.ai-quota{font-size:14px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);
  border-radius:10px;padding:10px 14px;margin:0 0 14px}
.ai-quota a{color:var(--gold-ink);font-weight:600}
.ai-textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);
  border-radius:12px;padding:14px 16px;font:inherit;font-size:16px;line-height:1.6;resize:vertical;min-height:200px}
.ai-textarea:focus{outline:none;border-color:var(--gold)}
.ai-count{text-align:right;font-size:12px;color:var(--faint);margin:6px 2px 0}
.ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}
.ai-actions .ai-sep{flex:1}
.ai-btn{font:inherit;font-weight:600;font-size:14px;cursor:pointer;background:transparent;color:var(--text);
  border:1px solid var(--border);border-radius:10px;padding:10px 16px;transition:border-color .15s,color .15s}
.ai-btn:hover{border-color:var(--gold);color:var(--gold)}
.ai-actions button:disabled{opacity:.55;cursor:progress}
.ai-msg{margin:16px 0 0;border-radius:10px;padding:12px 14px;font-size:14px}
.ai-msg.err{border:1px solid #c65f4e;color:#e2917f;background:rgba(198,95,78,.08)}
.ai-msg a{color:var(--gold-ink);font-weight:600}
.ai-result{margin:20px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}
.ai-gauge{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ai-score-wrap{text-align:center;min-width:88px}
.ai-score{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1}
.ai-score-cap{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.ai-bar-wrap{flex:1;min-width:180px}
.ai-bar{height:12px;background:var(--surface-3);border-radius:8px;overflow:hidden}
.ai-bar span{display:block;height:100%;width:0;border-radius:8px;transition:width .5s ease}
.ai-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-top:5px}
.ai-verdict{font-weight:600;font-size:15px}
.ai-note{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--faint);line-height:1.6}
.ai-note b{color:var(--muted)}
.ai-summary{color:var(--muted);margin:14px 0 0;line-height:1.6}
.ai-signals{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.7}
.lvl-lo .ai-score,.lvl-lo .ai-verdict{color:#3fae6b}
.lvl-lo .ai-bar span{background:#3fae6b}
.lvl-mid .ai-score,.lvl-mid .ai-verdict{color:#d8a53a}
.lvl-mid .ai-bar span{background:#d8a53a}
.lvl-hi .ai-score,.lvl-hi .ai-verdict{color:#d15c48}
.lvl-hi .ai-bar span{background:#d15c48}
.ai-rewrite{margin:20px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.ai-rewrite-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;
  border-bottom:1px solid var(--border);font-weight:600;font-size:14px}
.ai-copy{font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--gold-ink);
  border:1px solid var(--border);border-radius:8px;padding:6px 12px}
.ai-copy:hover{border-color:var(--gold)}
.ai-rewrite-body{padding:16px;white-space:pre-wrap;line-height:1.7;font-size:16px}

/* Помощник автора: SEO-разбор и заголовки */
.ai-field{display:block;margin:0 0 12px;font-size:14px;color:var(--muted)}
.ai-input{display:block;width:100%;margin-top:6px;background:var(--surface);color:var(--text);
  border:1px solid var(--border);border-radius:10px;padding:11px 14px;font:inherit;font-size:15px}
.ai-input:focus{outline:none;border-color:var(--gold)}
.seo-field{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border)}
.seo-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600;
  color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.seo-len{font-weight:400;text-transform:none;letter-spacing:0;color:var(--faint)}
.seo-label .ai-copy{margin-left:auto;text-transform:none;letter-spacing:0}
.seo-val{font-size:16px;line-height:1.6}
.seo-val.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;color:var(--gold-ink);word-break:break-all}
.seo-tags{display:flex;flex-wrap:wrap;gap:8px}
.seo-tag{background:var(--gold-soft);color:var(--gold-ink);border:1px solid var(--border);
  border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;transition:border-color .15s}
.seo-tag:hover{border-color:var(--gold)}
.seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
@media(max-width:640px){.seo-cols{grid-template-columns:1fr;gap:14px}}
.hl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hl-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;
  padding:11px 14px;font-size:15px;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}
.hl-list li:hover{border-color:var(--gold)}
.hl-list li.copied{background:var(--gold-soft);border-color:var(--gold)}

/* Помощник автора внутри формы поста (Pro) */
.ed-ai{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.ed-ai-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ed-ai-head b{font-size:15px}
.ed-ai-hint{font-size:13px;color:var(--faint)}
.ed-ai-actions{display:flex;flex-wrap:wrap;gap:10px}
.ed-ai-actions button:disabled{opacity:.55;cursor:progress}
.ed-ai-out{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
/* Приглашение подключить Pro (когда панель недоступна) */
.ed-ai-lock{background:linear-gradient(180deg,var(--gold-soft),transparent);border-color:var(--border-2)}
.ed-ai-lock-text{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.6;max-width:560px}
.ed-ai-lock .ai-btn,.ed-ai-lock .btn-gold{text-align:center}
.post-form .ed-applied{border-color:var(--gold)!important;background:var(--gold-soft)!important;transition:background .3s,border-color .3s}

/* ===== Визитка автора ===== */
.vcard{max-width:760px}
.vcard-draft{background:var(--gold-soft);border:1px solid var(--gold);border-radius:10px;padding:11px 15px;
  font-size:14px;margin-bottom:20px}
.vcard-draft a{color:var(--gold-ink);font-weight:600;margin-left:6px}
.vcard-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.vcard-ava{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--border)}
.vcard-ava-empty{display:flex;align-items:center;justify-content:center;background:var(--surface-2);
  font-family:var(--serif);font-size:34px;color:var(--gold)}
.vcard-id h1{font-size:32px;margin:0}
.vcard-headline{margin:6px 0 0;font-size:17px;color:var(--gold-ink);font-weight:600}
.vcard-tagline{margin:6px 0 0;color:var(--muted);line-height:1.55}
.vcard-block{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.vcard-h2{font-size:22px;margin:0 0 16px}
.vcard-about{line-height:1.75;font-size:16px}
.vcard-services{display:grid;gap:12px}
.vcard-service{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.vcard-service-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.vcard-service-top b{font-size:16px}
.vcard-price{margin-left:auto;color:var(--gold-ink);font-weight:600;font-size:15px;white-space:nowrap}
.vcard-service p{margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.vcard-contacts{display:flex;flex-wrap:wrap;gap:10px}
.vcard-contact{display:inline-flex;align-items:center;padding:10px 17px;border-radius:10px;font-size:14px;
  font-weight:600;background:var(--surface-2);border:1px solid var(--border);transition:border-color .15s,color .15s}
.vcard-contact:hover{border-color:var(--gold);color:var(--gold)}
.vcard-cta{margin-top:26px}
.vcard-foot{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;gap:20px;
  flex-wrap:wrap;font-size:14px}
.vcard-foot a{color:var(--gold-ink);font-weight:600}
/* Рассылка автора */
.ml-list{display:flex;flex-direction:column;gap:12px;max-width:640px}
.ml-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.ml-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ml-top b{font-size:15px}
.ml-date{margin-left:auto;font-size:13px;color:var(--faint);white-space:nowrap}
.ml-body{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.ml-meta{margin-top:8px;font-size:13px;color:var(--faint)}
.ml-meta a{color:var(--gold-ink)}
.svc-list{display:flex;flex-direction:column;gap:10px}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svc-row input:first-child:last-child{grid-column:span 2}
@media(max-width:640px){.svc-row{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}