/* ── текстовые страницы: terms, privacy, blog ─────────────── */
.page{max-width:760px;margin:0 auto;padding:24px var(--pad) 80px}
.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}
.page-top a{text-decoration:none;color:var(--dim);font-size:14px}
.page h1{font-size:30px;margin-bottom:6px}
.page h2{font-size:18px;margin:28px 0 8px}
.page p,.page li{color:var(--dim);font-size:15px;line-height:1.6}
.page a{color:var(--fg)}
.page .date{font-size:13px;color:#6b5a8a;margin:0 0 24px}

/* ── блог: лента и статья — виджет SORO внутри #soro-blog. Его <style> без слоёв, перекрываем через id ── */
.page.blog{max-width:1100px}
body:has(.soro-blog-article) .page{max-width:760px}
body:has(.soro-blog-article) .page>h1{display:none}
#soro-blog{scroll-margin-top:24px}
#soro-blog .soro-blog{max-width:none;font-family:inherit;color:var(--fg)}
/* лента: сетка карточек, обложка 16:9 сверху, без рамок */
#soro-blog .soro-blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px 18px}
#soro-blog .soro-blog-card{flex-direction:column;gap:10px;padding:0;border:0;border-radius:0;transition:transform .15s}
#soro-blog .soro-blog-card:hover{transform:translateY(-3px);box-shadow:none}
#soro-blog .soro-blog-card-image{width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line)}
#soro-blog .soro-blog-card-title,#soro-blog h2.soro-blog-card-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--fg);margin:0 0 6px}
#soro-blog .soro-blog-card-excerpt{display:none}
#soro-blog .soro-blog-card-date{font-size:12px;color:#6b5a8a}
/* статья: назад — призрачная ссылка, текст в цветах сайта */
#soro-blog .soro-blog-back{padding:0;border:0;background:none;color:var(--dim);font-size:14px}
#soro-blog .soro-blog-back:hover{background:none;color:var(--fg)}
#soro-blog .soro-blog-article-title{font-size:30px;letter-spacing:-.03em;color:var(--fg)}
#soro-blog .soro-blog-article-date{color:#6b5a8a;font-size:13px}
#soro-blog .soro-blog-article-image{border-radius:16px;border:1px solid var(--line)}
#soro-blog .soro-blog-article-content{color:var(--dim);font-size:15px}
#soro-blog .soro-blog-article-content h1,#soro-blog .soro-blog-article-content h2,#soro-blog .soro-blog-article-content h3{color:var(--fg)}
#soro-blog .soro-blog-article-content a{color:var(--fg)}
#soro-blog .soro-blog-empty,#soro-blog .soro-blog-loading,#soro-blog .soro-blog-error{color:var(--dim)}