/* Раздел «Статьи» в bento, 29.10.2026. Токены — как на странице статьи. */
.cm-diag.cm-st26{--ink:#2a3246;--muted:#5a6376;--subtle:#8a909c;--primary:#ff0043;--primary-deep:#dd0039;--soft:#fde5ec;--cool:#e7f2f8;--cream:#fbf9f5;--line:#e8ebf0;--r16:16px;--r24:24px;--r999:999px;
  --font-display:"Unbounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  width:100%;margin:0;padding:0 0 clamp(40px,6vw,72px);background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}
.cm-st26 *{box-sizing:border-box}
.st26-in{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.st26-top{padding:clamp(16px,3vw,28px) 0 clamp(20px,3vw,32px)}
.st26-crumbs{font-size:13px;color:var(--subtle);margin-bottom:12px}
.st26 .st26-h1{font-family:var(--font-display);font-size:clamp(1.9rem,3vw + 1rem,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px;text-transform:none;color:var(--ink)}
.st26-lead{max-width:680px;margin:0;font-size:clamp(15px,1vw + 12px,18px);color:var(--muted)}
/* карточка */
.st26 a.st26-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r24);overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:0 4px 12px rgba(42,50,70,.04);transition:transform .25s cubic-bezier(.32,.72,0,1),box-shadow .25s cubic-bezier(.32,.72,0,1),border-color .25s}
.st26 a.st26-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(42,50,70,.10);border-color:#d4d9e0}
.st26-media{display:block;aspect-ratio:16/10;background:var(--cool);overflow:hidden;position:relative}
.st26-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.st26-card:hover .st26-media img{transform:scale(1.04)}
.st26-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--primary);background:linear-gradient(135deg,var(--soft),var(--cool))}
.st26-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;flex:1;justify-content:space-between}
.st26 .st26-title{font-family:var(--font-display);font-size:clamp(14px,.5vw + 12px,16px);font-weight:600;line-height:1.3;letter-spacing:-.01em;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.st26-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.st26-doc{font-weight:700;color:var(--ink)}
/* bento */
.st26-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;grid-auto-flow:dense}
.st26-f{grid-column:span 2;grid-row:span 2}
.st26-f .st26-media{aspect-ratio:auto;flex:1;min-height:260px}
.st26 .st26-f .st26-title{font-size:clamp(1.15rem,1.4vw + .8rem,1.6rem);-webkit-line-clamp:4}
.st26-f .st26-body{flex:0 0 auto;padding:24px 28px 28px}
.st26-w{grid-column:span 2}
.st26 a.st26-w{flex-direction:row}
.st26-w .st26-media{aspect-ratio:auto;flex:0 0 46%}
.st26-w .st26-body{padding:20px 22px}
.st26-cta{grid-column:span 2;border-radius:var(--r24);background:var(--primary);color:#fff;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.st26-cta-h{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,1vw + .9rem,1.5rem);font-weight:600;line-height:1.2}
.st26-cta-t{margin:0;font-size:15px;opacity:.92;max-width:420px}
.st26 a.st26-cta-b{align-self:flex-start;margin-top:6px;padding:13px 24px;border-radius:var(--r999);background:#fff;color:var(--primary-deep);font-weight:700;font-size:15px;text-decoration:none}
.st26 a.st26-cta-b:hover{background:var(--soft)}
/* каталог */
.st26-all{margin-top:clamp(40px,6vw,72px)}
.st26-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.st26 .st26-h2{font-family:var(--font-display);font-size:clamp(1.3rem,1vw + 1rem,1.8rem);font-weight:600;margin:0;text-transform:none}
.st26-search{width:min(100%,340px);padding:12px 18px;border:1px solid var(--line);border-radius:var(--r999);background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.st26-search:focus{outline:2px solid var(--primary);outline-offset:1px}
.st26-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.st26-chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:var(--r999);padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.st26-chip i{font-style:normal;color:var(--subtle);margin-left:4px;font-size:12px}
.st26-chip:hover{border-color:var(--primary)}
.st26-chip.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.st26-chip.is-on i{color:rgba(255,255,255,.8)}
.st26-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.st26-grid .st26-card[hidden]{display:none}
.st26-empty{text-align:center;color:var(--muted);padding:32px 0}
.st26-more{display:block;margin:32px auto 0;padding:14px 32px;border:1.5px solid var(--primary);border-radius:var(--r999);background:transparent;color:var(--primary-deep);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.st26-more:hover{background:var(--primary);color:#fff}
.st26-more[hidden]{display:none}
@media (max-width:1100px){.st26-bento,.st26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st26-f{grid-row:auto}.st26-cta,.st26-w{grid-column:span 2}}
@media (max-width:640px){.st26-bento,.st26-grid{grid-template-columns:1fr;gap:14px}.st26-f,.st26-cta,.st26-w{grid-column:auto}.st26 a.st26-w{flex-direction:column}.st26-w .st26-media{flex:none;aspect-ratio:16/10}.st26-f .st26-media{min-height:0;aspect-ratio:16/10;flex:none}.st26-f .st26-body{padding:18px 20px 20px}}
@media (prefers-reduced-motion:reduce){.st26 a.st26-card,.st26-media img{transition:none}}
.st26-doc{display:flex;align-items:center;gap:8px}
.st26-av{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--cool);flex:none}
.st26-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--muted)}
.st26-ic{display:inline-flex;align-items:center;gap:4px}
.st26-ic svg{color:var(--subtle)}
/* низ карточки: отдельная подвальная зона */
.st26-body{gap:14px}
.st26-meta{gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px}
.st26-doc{gap:10px;font-size:14px;line-height:1.2}
.st26-av{width:32px;height:32px}
.st26-sub{justify-content:space-between;gap:6px 14px;font-size:13px;color:var(--muted)}
.st26-sub>span:first-child{flex:1 1 100%;color:var(--subtle)}
.st26-sub .st26-ic{color:var(--ink);font-weight:600}
.st26-ic svg{color:var(--primary);width:16px;height:16px}
.st26-ic+.st26-ic{margin-left:auto}
.st26 .st26-f .st26-meta{font-size:15px}
/* низ карточки компактно: фото | врач + дата·время | просмотры (по концепту стенда: одна строка подвала) */
.st26-body{gap:12px}
.st26-meta{flex-direction:row;align-items:center;gap:10px;padding-top:12px;font-size:13px}
.st26-mt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.st26-doc{display:block;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st26-sub{display:block;color:var(--subtle);font-size:13px;white-space:nowrap}
.st26-av{width:36px;height:36px;flex:none;border-radius:50%;object-fit:cover}
.st26-ic{margin-left:auto;flex:none;font-weight:600;color:var(--ink);gap:5px}
.st26-ic svg{color:var(--primary)}