:root{
  --accent:#2563EB; --accent-hover:#1D4ED8; --accent-soft:#BFD3FB;
  --navy:#1E293B;
  --positive:#2FC26E; --attention:#F5A623; --negative:#E5484D;
  --text-primary:#1E293B; --text-secondary:rgba(30,41,59,.7); --text-tertiary:rgba(30,41,59,.35);
  --bg-page:#F2F3F5; --bg-surface:#FFFFFF; --border:#DBDEE1;
  --field:#E8EAED; --field-hover:#E1E4E8;
  --icon-menu:#6D7986; --tabs-line:#B6BCC3;
  --radius:8px; --radius-md:12px; --radius-lg:16px;
  --font:'SF Pro Text','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'SF Pro Display',var(--font);
  --menu-w:280px; --header-h:96px; --menu-pad:28px; --side-pad:56px;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (min-width:1880px){ :root{--side-pad:120px;} }
@media (max-width:820px){ :root{--menu-w:76px;--header-h:64px;--side-pad:16px;} }
*{box-sizing:border-box;}
[hidden]{display:none!important;}
html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font);}
html{scroll-padding-top:env(safe-area-inset-top,0px);}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.app{min-height:100vh;background:var(--bg-page);}
.mainHeader{height:var(--header-h);background:var(--bg-surface);display:flex;align-items:center;position:sticky;top:env(safe-area-inset-top,0px);z-index:40;}
.logoBox{padding-left:var(--side-pad);display:flex;align-items:center;}
.logoText{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:30px;letter-spacing:-.01em;white-space:nowrap;}
.logoText .a{color:var(--accent);}

.shell{display:block;}
@media (max-width:820px){
  .logoText{font-size:20px;}
}

.content{padding:20px var(--side-pad) 72px;background:var(--bg-page);min-width:0;}
.container{max-width:1180px;}
.frameId{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;line-height:16px;margin-bottom:10px;font-family:'SF Mono',Menlo,Consolas,monospace;}
.frameId::before{content:'✦';color:var(--accent);}
h1{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:38px;margin:0 0 24px;letter-spacing:-.01em;}
h2{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;margin:0;}
.pageHead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.pageHead h1{margin:0;}
.pageAct{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.card{background:var(--bg-surface);border-radius:20px;padding:32px;}
.card + .card{margin-top:24px;}
@media (max-width:600px){ .card{padding:20px;} h1{font-size:26px;line-height:32px;} }
.btn{height:52px;border-radius:12px;padding:0 28px;font-weight:500;font-size:16px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.btn.sm{height:40px;padding:0 18px;font-size:14px;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-hover);}
.btn-primary:disabled{background:var(--accent-soft);color:#fff;cursor:not-allowed;}
.btn-danger{background:var(--negative);color:#fff;}
.btn-danger:hover{filter:brightness(.93);}
.btn-secondary{background:var(--field);color:var(--text-primary);}
.btn-secondary:hover{background:var(--field-hover);}

/* поле-строка */
.rowField{width:100%;min-height:64px;background:var(--field);border-radius:14px;padding:12px 20px;display:flex;align-items:center;gap:16px;text-align:left;font-size:16px;line-height:22px;color:var(--text-primary);}
.rowField + .rowField{margin-top:16px;}
.rowField .lbl{font-size:13px;line-height:16px;color:var(--text-secondary);display:block;margin-bottom:3px;}
.rowField .val{font-size:16px;line-height:22px;font-weight:500;display:block;}
.rowField:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent);}
.rowField.err{box-shadow:inset 0 0 0 1.5px var(--negative);}
.rowField input{border:0;background:transparent;padding:0;margin:0;font:inherit;font-weight:500;color:inherit;width:100%;outline:0;min-width:0;}
.fb{flex:1;min-width:0;display:block;}
.req{color:var(--accent);margin-left:2px;}
.fld + .fld{margin-top:16px;}
.fe{color:var(--negative);font-size:13px;line-height:18px;margin:6px 4px 0;}
.fe:empty{display:none;}

/* сегментированный контрол */
.chips{display:flex;gap:8px;flex-wrap:wrap;}
.chip{height:44px;padding:0 20px;border-radius:10px;background:var(--field);font-weight:500;font-size:15px;color:var(--text-primary);}
.chip:hover{background:var(--field-hover);}
.chip.avail.on{background:var(--navy);color:#fff;}
.iconBtn{width:40px;height:40px;border-radius:10px;background:var(--field);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex:none;padding:0;}
.iconBtn:hover{background:var(--field-hover);}
.hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;}

/* фильтры */
.fltRow{display:flex;gap:10px;flex-wrap:wrap;}
.fltChip{height:36px;padding:0 14px;border-radius:10px;background:var(--field);display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:20px;color:var(--text-primary);}
.fltChip:hover{background:var(--field-hover);}
.fltChip.per input{border:0;background:transparent;font:inherit;font-weight:600;color:var(--text-primary);padding:0;outline:0;width:auto;}

/* итоги */
.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
@media (max-width:720px){ .calc{grid-template-columns:1fr;gap:8px;margin-top:16px;} .cell{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;} .cell .lbl{margin:0;} .cell .val{font-size:18px;line-height:24px;} }
.cell{background:var(--field);border-radius:14px;padding:16px 20px;}
.cell .lbl{font-size:13px;line-height:16px;color:var(--text-secondary);display:block;margin-bottom:6px;}
.cell .val{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;font-variant-numeric:tabular-nums;display:block;}
.cell.total{background:rgba(37,99,235,.08);}
.cell.total .val{color:var(--accent);}
.cell.total.neg .val{color:var(--negative);}

/* таблица */
.tbl{background:var(--bg-surface);border-radius:16px;overflow:hidden;}
.tbl .tw{overflow-x:auto;}
.tbl table{width:100%;border-collapse:collapse;}
.tbl th{text-align:left;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:500;padding:18px 16px;border-bottom:1px solid var(--border);white-space:nowrap;}
.tbl td{padding:16px;font-size:14px;line-height:20px;border-bottom:1px solid #EEF0F2;vertical-align:middle;}
.tbl tbody tr:hover td{background:#FAFBFC;}
.tbl .num{text-align:right;}
.tbl td.num{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.tbl td.acts{white-space:nowrap;text-align:right;}
.stBadge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:500;}
.stBadge.ok{background:rgba(47,194,110,.14);color:#1B7C45;}
.stBadge.err{background:rgba(229,72,77,.12);color:var(--negative);}
.tblFoot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex-wrap:wrap;}
.pageSize{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;color:var(--text-primary);padding:0;}
.pager{display:flex;gap:6px;align-items:center;}
.pageBtn{min-width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-primary);padding:0 6px;}
.pageBtn:hover{background:var(--field);}
.pageBtn.on{background:var(--navy);color:#fff;}
.pageBtn.nav{color:var(--text-tertiary);}
.pageDots{color:var(--text-tertiary);font-size:14px;padding:0 2px;}
.ico{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary);padding:0;}
.ico:hover{background:var(--field);color:var(--text-primary);}
.ico.rm:hover{color:var(--negative);}

/* оверлеи */
.overlay{position:fixed;inset:0;background:rgba(30,41,59,.4);z-index:60;display:flex;justify-content:flex-end;}
.overlay.center{align-items:center;justify-content:center;padding:24px;}
.sidePanel{width:760px;max-width:100%;background:#fff;height:100%;display:flex;flex-direction:column;}
.spHead{padding:28px 32px 20px;display:flex;align-items:flex-start;gap:16px;}
.spHead h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;margin:0;flex:1 1 auto;}
.spBody{padding:0 32px 24px;overflow:auto;flex:1 1 auto;}
.spFoot{padding:20px 32px 28px;border-top:1px solid var(--border);display:flex;gap:16px;}
.modal{background:#fff;border-radius:20px;padding:32px;width:520px;max-width:100%;}
.modal h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;margin:0 0 12px;}
.modal p{margin:0 0 24px;font-size:15px;line-height:22px;color:var(--text-secondary);}
@media (max-width:600px){ .spHead,.spBody,.spFoot{padding-left:20px;padding-right:20px;} }

/* состояния */
.stateBox{background:#fff;border-radius:20px;padding:64px 32px;text-align:center;}
.stateBox .ic{margin-bottom:22px;display:flex;justify-content:center;}
.stateBox h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;margin:0 0 10px;}
.stateBox p{margin:0 auto 26px;max-width:520px;font-size:16px;line-height:22px;color:var(--text-secondary);}
.muted{margin:0;font-size:15px;line-height:22px;color:var(--text-secondary);}
.toast{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));right:24px;z-index:80;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(30,41,59,.2);padding:12px 20px 12px 12px;display:flex;align-items:center;gap:12px;font-size:15px;line-height:20px;max-width:calc(100% - 48px);}
.toast .ti{width:36px;height:36px;border-radius:10px;background:var(--positive);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}

/* выпадающий список категорий */
.dd{position:relative;}
.ddBtn{cursor:pointer;}
.dd-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(30,41,59,.16);max-height:300px;overflow:auto;}
.dd-list li{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 12px;border-radius:8px;font-size:15px;line-height:22px;cursor:pointer;}
.dd-list li:hover,.dd-list li[aria-selected="true"]{background:#F5F6F8;}
.dd-list li[aria-selected="true"]{font-weight:600;}
.dd-list li.addrow{color:var(--accent);font-weight:500;margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 8px 8px;padding-top:12px;}
.dd-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.catEdit{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center;}
.catEdit .rowField{flex:1;min-width:200px;min-height:52px;width:auto;}

/* диаграммы */
.pie{display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
.pie svg{width:180px;height:180px;flex:none;}
.legend{list-style:none;margin:0;padding:0;flex:1;min-width:220px;}
.legend li{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;font-size:14px;line-height:20px;border-bottom:1px solid #EEF0F2;}
.legend li:last-child{border-bottom:0;}
.dot{width:12px;height:12px;border-radius:50%;display:inline-block;}
.pct{color:var(--text-secondary);}
.amt2{font-weight:600;font-variant-numeric:tabular-nums;}
.hist{width:100%;max-width:560px;height:auto;display:block;}
.hist .bx{fill:var(--negative);}
.hist.inc .bx{fill:var(--positive);}
.hist text{fill:var(--text-secondary);font-size:9px;font-family:inherit;}
.hist .ax{stroke:var(--border);stroke-width:1;}
.sumline{margin:12px 0 0;font-size:15px;line-height:22px;color:var(--text-secondary);}
.sumline b{color:var(--text-primary);}

/* блок «О сервисе» и FAQ */
.about{margin-top:24px;}
.about h2{margin-bottom:12px;}
.about p{margin:0 0 12px;font-size:15px;line-height:24px;color:var(--text-secondary);}
.about ul{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:24px;color:var(--text-secondary);}
.about .faqTitle{margin-top:28px;}
.faq details{border-top:1px solid var(--border);}
.faq details:last-child{border-bottom:1px solid var(--border);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;font-size:16px;line-height:22px;color:var(--text-primary);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg);margin:0 6px 4px 0;}
.faq details[open] summary::after{transform:rotate(-135deg);margin:4px 6px 0 0;}
.faq details p{margin:0 0 16px;}

/* вторичный таб-бар (из дизайн-системы) */
.swTabs{display:flex;gap:28px;height:40px;border-bottom:1px solid var(--tabs-line);margin-bottom:20px;}
.swTab{padding:0 0 10px;font-weight:500;font-size:16px;line-height:22px;color:var(--text-tertiary);margin-bottom:-1px;border-bottom:2px solid transparent;}
.swTab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--navy);}
@media (max-width:480px){ .swTabs{gap:14px;} .swTab{font-size:14px;white-space:nowrap;} }

/* цели */
.goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;}
.goal{background:#fff;border-radius:20px;padding:24px;}
.gHead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.gHead h3{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:24px;margin:0;word-break:break-word;}
.gAct{display:flex;gap:2px;flex:none;margin:-4px -6px 0 0;}
.gAmt{margin:16px 0 12px;font-variant-numeric:tabular-nums;}
.gSaved{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:28px;}
.gOf{font-size:14px;color:var(--text-secondary);}
.gBar{height:10px;border-radius:5px;background:var(--field);overflow:hidden;}
.gBar i{display:block;height:100%;background:var(--accent);border-radius:5px;}
.goal.done .gBar i{background:var(--positive);}
.gMeta{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:20px;margin-top:8px;color:var(--text-secondary);}
.gHint{margin:12px 0 0;font-size:14px;line-height:20px;color:var(--text-primary);}

/* телефон */
@media (max-width:640px){
  .pageAct{width:100%;}
  .pageAct .btn-primary{flex:1;}
  .spFoot .btn{flex:1;}
  .tbl thead{display:none;}
  .tbl table,.tbl tbody{display:block;}
  .tbl tr{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"cat cat amt" "date typ act" "acc acc acc" "note note note";gap:0 10px;padding:12px 16px 14px;border-bottom:1px solid #EEF0F2;align-items:center;}
  .tbl td{padding:0;border:0;display:block;}
  .tbl td.cDate,.tbl td.cType,.tbl td.cAcc,.tbl td.cNote,.tbl td.cAct{margin-top:6px;}
  .tbl tbody tr:hover td{background:transparent;}
  .tbl td.cDate{grid-area:date;color:var(--text-secondary);}
  .tbl td.cType{grid-area:typ;}
  .tbl td.cCat{grid-area:cat;font-weight:500;font-size:15px;line-height:22px;}
  .tbl td.cAcc{grid-area:acc;color:var(--text-secondary);}
  .tbl td.cNote{grid-area:note;color:var(--text-secondary);}
  .tbl td.cNote.empty{display:none;}
  .tbl td.cAmt{grid-area:amt;}
  .tbl td.cAct{grid-area:act;}
}
}

a.swTab{text-decoration:none;}
a.logoText{color:inherit;text-decoration:none;}
.about a{color:var(--accent);}

/* счета и валюты */
.curRow{margin-bottom:16px;}
.chips.dis .chip{opacity:.55;cursor:not-allowed;}
.lbl2{display:block;font-size:13px;line-height:16px;color:var(--text-secondary);margin-bottom:8px;}
.lbl2 .req{color:var(--negative);margin-left:2px;}
.accs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px;}
.acc{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(30,41,59,.06),0 4px 16px rgba(30,41,59,.04);}
.acc .gHead h3{margin:0 0 4px;font-size:17px;line-height:24px;}
.aTag{display:inline-block;font-size:13px;line-height:16px;color:var(--text-secondary);background:var(--field);border-radius:8px;padding:3px 8px;}
.aBal{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:32px;margin:14px 0 10px;font-variant-numeric:tabular-nums;}
.aBal.neg,.cell.neg .val{color:var(--negative);}
.acc .gMeta{flex-direction:column;gap:2px;}

/* долги */
.stBadge.warn{background:rgba(245,166,35,.16);color:#9A6200;}
.dSum{margin:16px 0 20px;font-size:15px;line-height:22px;color:var(--text-secondary);}
.dSum b{color:var(--text-primary);font-variant-numeric:tabular-nums;}
.card .tbl{background:transparent;border:1px solid var(--border);border-radius:12px;}
.dtbl th,.dtbl td{padding-left:10px;padding-right:10px;}
.dtbl td.dDate,.dtbl td.dCur{white-space:nowrap;}
.dtbl td.dWho{min-width:150px;}
.dtbl .sub{font-size:13px;line-height:18px;color:var(--text-secondary);margin-top:2px;}
.dtbl .stBadge{height:auto;min-height:24px;padding:3px 10px;white-space:normal;text-align:center;line-height:16px;}
.dtbl td.dAct{white-space:nowrap;}
.dtbl td.dAct .btn,.dtbl td.dAct .ico{vertical-align:middle;margin-left:4px;}
.stateBox.flat{padding:40px 16px 16px;}
@media (max-width:640px){
  .card .dtbl{border:0;border-radius:0;}
  .tbl.dtbl tr{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"who who st" "amt paid left" "date cur cur" "act act act";gap:10px 10px;padding:14px 0;}
  .dtbl td{min-width:0;}
  .dtbl td.dWho{grid-area:who;font-size:15px;line-height:22px;min-width:0;}
  .dtbl td.dSt{grid-area:st;justify-self:end;align-self:start;}
  .dtbl td.dAmt{grid-area:amt;}.dtbl td.dPaid{grid-area:paid;}.dtbl td.dLeft{grid-area:left;}
  .dtbl td.dAmt,.dtbl td.dPaid,.dtbl td.dLeft{text-align:left;}
  .dtbl td[data-l]::before{content:attr(data-l);display:block;font-size:12px;line-height:16px;font-weight:400;color:var(--text-secondary);}
  .dtbl td.dCur{grid-area:cur;color:var(--text-secondary);}
  .dtbl td.dDate{grid-area:date;color:var(--text-secondary);}
  .dtbl td.dAct{grid-area:act;display:flex;align-items:center;justify-content:flex-end;gap:4px;}
}
#dbtFld{margin-top:16px;}
#dbtFld:empty{display:none;}
#dbtFld + .fld{margin-top:16px;}
.dtbl td.dWho{min-width:130px;}
.dtbl td.dAct .btn{padding:0 12px;}

/* футер */
.siteFoot{background:var(--bg-surface);padding:36px var(--side-pad) 28px;margin-top:0;border-top:1px solid var(--border);}
.footIn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1180px;}
.fcol{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px;}
.fcol b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:500;margin-bottom:4px;}
.fcol a{color:var(--text-primary);text-decoration:none;}
.fcol a:hover{color:var(--accent);text-decoration:underline;}
.siteFoot .copy{margin:28px 0 0;font-size:13px;line-height:18px;color:var(--text-secondary);}
@media (max-width:640px){.footIn{grid-template-columns:1fr;gap:20px;}}

/* информационные страницы и блог */
.hdrLink{margin-left:auto;margin-right:var(--side-pad);height:40px;padding:0 16px;font-size:14px;text-decoration:none;}
.crumbs{font-size:13px;line-height:18px;color:var(--text-secondary);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;}
.crumbs a{color:var(--text-secondary);}
.crumbs a:hover{color:var(--accent);}
.crumbs .sep{opacity:.5;}
.docBody{max-width:820px;}
.docBody h1{margin:0 0 8px;}
.docBody h2{font-size:22px;line-height:28px;margin:32px 0 10px;}
.docBody p{margin:0 0 14px;font-size:16px;line-height:26px;}
.docBody ul,.docBody ol{margin:0 0 16px;padding-left:22px;font-size:16px;line-height:26px;}
.docBody li{margin-bottom:6px;}
.docBody a{color:var(--accent);}
.docBody .lead,.lead{font-size:18px;line-height:28px;color:var(--text-secondary);margin:0 0 20px;}
.docBody .meta{font-size:13px;line-height:18px;color:var(--text-secondary);margin:0 0 18px;}
.cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(37,99,235,.08);border-radius:16px;padding:20px 24px;margin-top:32px;}
.cta b{font-size:17px;line-height:24px;display:block;margin-bottom:4px;}
.cta p{margin:0!important;font-size:15px!important;line-height:22px!important;color:var(--text-secondary);}
.docBody .cta a.btn{color:#fff;white-space:nowrap;text-decoration:none;}
.related{margin-top:32px;max-width:820px;}
.related h2{font-size:22px;line-height:28px;margin:0 0 14px;}
.artGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px;}
.related .artGrid{margin-top:0;}
.artCard{display:flex;flex-direction:column;background:var(--bg-surface);border-radius:16px;padding:22px;text-decoration:none;color:var(--text-primary);box-shadow:0 1px 2px rgba(30,41,59,.06),0 4px 16px rgba(30,41,59,.04);transition:transform .15s;}
.artCard:hover{transform:translateY(-2px);}
.artCard h3{font-family:var(--font-display);font-size:18px;line-height:24px;margin:0 0 8px;}
.artCard p{margin:0 0 14px;font-size:14px;line-height:22px;color:var(--text-secondary);flex:1;}
.artCard .more{font-size:14px;font-weight:500;color:var(--accent);}
a.btn{text-decoration:none;}
@media (max-width:640px){.cta{flex-direction:column;align-items:stretch;text-align:left;}.docBody h2{font-size:20px;}.hdrLink{margin-right:16px;}}

/* о нас */
.aboutHero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:8px 0 8px;}
.aboutHero.rev{grid-template-columns:1fr 1fr;}
.aboutHero img{width:100%;height:auto;border-radius:20px;display:block;}
.valGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 8px;}
.val{background:var(--field);border-radius:16px;padding:20px;}
.val .vi{display:inline-flex;width:48px;height:48px;border-radius:12px;background:#fff;color:var(--accent);align-items:center;justify-content:center;margin-bottom:12px;}
.docBody .val h3{font-family:var(--font-display);font-size:18px;line-height:24px;margin:0 0 6px;}
.docBody .val p{font-size:15px;line-height:23px;margin:0;color:var(--text-secondary);}
.docBody .aboutHero p:last-child{margin-bottom:0;}
@media (max-width:760px){.aboutHero,.aboutHero.rev{grid-template-columns:1fr;gap:20px;}.valGrid{grid-template-columns:1fr;}}