/* ═══ BLOG INDEX ═══ */
.blog-hero{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface) 60%)}
.blog-hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}
.blog-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}
.blog-catalog-head h2{font-size:var(--text-lg)}
.blog-catalog-head span{color:var(--color-text-muted);font-size:var(--text-sm)}
.blog-list-grid{display:grid;gap:var(--space-4)}
.blog-teaser{transition:none}
.blog-teaser__link{text-decoration:none;color:inherit;display:block;padding:var(--space-6)}
.blog-teaser__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-4)}
.blog-teaser__title{font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-3)}
.blog-teaser__excerpt{color:var(--color-text-muted);line-height:1.75;font-size:var(--text-sm)}
.blog-teaser__link:hover .blog-teaser__title{color:var(--color-primary)}
.reading-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}
.reading-time svg{width:14px;height:14px}

/* ═══ ARTICLE ═══ */
.article-wrapper{padding-top:var(--space-6)}
.article-layout .container{max-width:var(--content-wide)}
.article{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid rgba(26,35,64,.08);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-6)}
.article__inner{padding:clamp(var(--space-6),4vw,var(--space-10))}
.article-header{margin-bottom:var(--space-8)}
.article-title{font-size:var(--text-xl);font-weight:800;margin:var(--space-4) 0 var(--space-5);line-height:1.15}
.article-featured-img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--space-8);display:block}
.post-meta{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-6)}
.post-meta__item{display:flex;align-items:center;gap:var(--space-1)}
.post-meta__item svg{width:14px;height:14px;flex-shrink:0}

/* ═══ TOC ═══ */
.article-toc{margin-bottom:var(--space-8);background:var(--color-surface-offset);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}
.article-toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-6);cursor:pointer;background:none;border:none;font-weight:700;font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);text-align:left}
.article-toc__toggle svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s ease;color:var(--color-text-muted)}
.article-toc__toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.article-toc__body{display:none;padding:0 var(--space-6) var(--space-5)}
.article-toc__body.is-open{display:block}
.article-toc__list{padding-left:1.25em;display:grid;gap:var(--space-2)}
.article-toc a{color:var(--color-primary);text-decoration:none;font-size:var(--text-sm)}
.article-toc a:hover{text-decoration:underline}

/* ═══ ENTRY CONTENT ═══ */
.entry-content{font-size:var(--text-base);line-height:1.8;color:var(--color-text)}
.entry-content>*+*{margin-top:1.2em}
.entry-content h2{font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);margin-top:2em;margin-bottom:.5em;padding-top:.4em;border-top:1px solid var(--color-divider)}
.entry-content h3{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);margin-top:1.7em;margin-bottom:.4em}
.entry-content h4{font-size:1.05rem;margin-top:1.4em;font-weight:700}
.entry-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(0,85,165,.35);text-underline-offset:3px}
.entry-content a:hover{color:var(--color-primary-hover);text-decoration-color:var(--color-primary)}
.entry-content a:visited{color:#4a3a8a}
.entry-content ul,.entry-content ol{padding-left:1.6em}
.entry-content li+li{margin-top:.55em}
.entry-content ul li{list-style:disc}
.entry-content ul li::marker{color:var(--color-primary)}
.entry-content ol li{list-style:decimal}
.entry-content ol li::marker{color:var(--color-primary);font-weight:600}
.entry-content blockquote{padding:var(--space-5) var(--space-6);border-left:4px solid var(--color-primary);background:var(--color-primary-light);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;margin:1.6em 0}
.entry-content blockquote p{max-width:none}
.entry-content img{border-radius:var(--radius-lg);max-width:100%}
.entry-content figure{margin:1.6em 0}
.entry-content figcaption{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);text-align:center}

/* ═══ ТАБЛИЦЫ ═══ */
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}
.entry-content table thead tr{background:var(--color-primary);color:#fff}
.entry-content table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.entry-content table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);vertical-align:top}
.entry-content table tbody tr:last-child td{border-bottom:none}
.entry-content table tbody tr:nth-child(even){background:var(--color-surface-2)}
.entry-content table tbody tr:hover{background:var(--color-primary-light)}
.entry-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);margin:1.6em 0}
.entry-content .table-scroll table{margin:0}

/* ═══ БЛОКИ ВНИМАНИЯ (аналог WPRemark) ═══ */
/* Использование: [remark type="info"] текст [/remark] */
/* или через HTML-класс: <div class="remark remark--warning"> */
.remark{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);border:1.5px solid;margin:1.8em 0;align-items:flex-start}
.remark__icon{flex-shrink:0;width:22px;height:22px;margin-top:2px}
.remark__icon svg{width:100%;height:100%}
.remark__body{flex:1;min-width:0}
.remark__title{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-1);font-family:var(--font-display)}
.remark__body p,.remark__body li{font-size:var(--text-sm);margin:0;max-width:none}
.remark__body p+p{margin-top:.5em}
/* Info */
.remark--info{background:#e8f4fd;border-color:#90c9f0;color:#0c4a7c}
.remark--info .remark__icon{color:#1a80c4}
.remark--info .remark__title{color:#0c4a7c}
/* Warning */
.remark--warning{background:#fff8e6;border-color:#f5cc6a;color:#7a4f00}
.remark--warning .remark__icon{color:#e07a10}
.remark--warning .remark__title{color:#7a4f00}
/* Danger / Error */
.remark--danger{background:#fdecea;border-color:#f5a19a;color:#7a1a14}
.remark--danger .remark__icon{color:#c0392b}
.remark--danger .remark__title{color:#7a1a14}
/* Success / Tip */
.remark--success{background:#e8f7ef;border-color:#7dcfa6;color:#0d4a2e}
.remark--success .remark__icon{color:#1a8a5c}
.remark--success .remark__title{color:#0d4a2e}
/* Note (нейтральный) */
.remark--note{background:var(--color-surface-offset);border-color:var(--color-border);color:var(--color-text)}
.remark--note .remark__icon{color:var(--color-text-muted)}

/* ═══ КОМПАКТНЫЙ БЛОК ЗАЙМА (шорткод [loan]) ═══ */
/* Список займов идёт подряд без внешних отступов между элементами */
.loan-list{display:grid;gap:0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);margin:1.8em 0;box-shadow:var(--shadow-sm)}
.loan-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-divider);margin:0;box-shadow:none;border-radius:0;border:none}
.loan-card:last-child{border-bottom:none}
.loan-card:nth-child(even){background:var(--color-surface-2)}
.loan-card__logo{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--color-surface-offset);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--color-border);overflow:hidden}
.loan-card__logo img{width:44px;height:44px;object-fit:contain}
.loan-card__logo svg{width:28px;height:28px;color:var(--color-text-faint)}
.loan-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.loan-card__name{font-weight:700;font-family:var(--font-display);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loan-card__params{display:flex;gap:var(--space-4);flex-wrap:wrap}
.loan-card__param{display:flex;align-items:center;gap:var(--space-1)}
.loan-card__param-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}
.loan-card__param-label::after{content:":"}
.loan-card__param-value{font-size:var(--text-xs);font-weight:700;color:var(--color-text)}
.loan-card__badge{flex-shrink:0}
.loan-card__action{flex-shrink:0}
/* Кнопка займа — зелёная, чтобы выделяться */
.btn-loan,.btn-loan:link,.btn-loan:visited{background:var(--color-success);color:#fff !important;border-color:var(--color-success);padding:.55em 1.15em;font-size:var(--text-xs);border-radius:var(--radius-lg);font-weight:700;white-space:nowrap;text-decoration:none}
.btn-loan:hover,.btn-loan:focus{background:#136b47;border-color:#136b47;box-shadow:0 4px 12px rgba(26,138,92,.3);color:#fff !important}

/* Одиночный займ (standalone, без .loan-list обёртки) */
.loan-card--standalone{border-radius:var(--radius-xl);border:1px solid var(--color-primary-highlight);background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(26,111,245,.06) 100%);box-shadow:var(--shadow-sm);margin:1.8em 0;padding:var(--space-5) var(--space-6)}
@media(max-width:600px){
  .loan-card{flex-wrap:wrap;gap:var(--space-3)}
  .loan-card__badge{display:none}
  .loan-card__info{flex-basis:calc(100% - 52px - var(--space-4))}
}

/* ═══ CTA ПОД СТАТЬЁЙ ═══ */
.cta-loan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary) 0%,#003d7a 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--space-6)}
.cta-loan .section-label{color:rgba(255,255,255,.75)}
.cta-loan h2{font-size:var(--text-lg);color:#fff}
.cta-loan p{color:rgba(255,255,255,.85);font-size:var(--text-sm);max-width:48ch;margin-top:var(--space-2)}
.btn-cta-white{background:#fff;color:var(--color-primary);border-color:#fff;font-weight:700}
.btn-cta-white:hover{background:rgba(255,255,255,.9);box-shadow:0 4px 16px rgba(0,0,0,.25)}
@media(max-width:768px){.cta-loan{grid-template-columns:1fr}}

/* ═══ AUTHOR BOX ═══ */
.author-box{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-6)}
.author-box__avatar{flex-shrink:0}
.author-box__avatar img{width:80px;height:80px;border-radius:50%;border:3px solid var(--color-primary-highlight)}
.author-box__name{font-size:var(--text-lg);margin-bottom:var(--space-1)}
.author-box__bio{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;max-width:60ch}
@media(max-width:600px){.author-box{flex-direction:column}}

/* ═══ СТРАНИЦА / PAGE ═══ */
.page-layout .article__inner{padding:clamp(var(--space-6),4vw,var(--space-10))}
.page-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-8)}

/* ═══ ПОИСК ═══ */
.search-page-header{padding:var(--space-8);margin-bottom:var(--space-6)}
.search-page-form{display:flex;gap:var(--space-3);margin-top:var(--space-5)}
.search-page-form input{flex:1}

/* ═══ PAGINATION ═══ */
.pagination,.nav-links{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;color:var(--color-text);font-size:var(--text-sm)}
.page-numbers.current,.page-numbers:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}

/* ═══ МОБИЛЬНЫЙ ОТСТУП ПОД НИЖНЕЕ МЕНЮ ═══ */
@media(max-width:768px){
  .blog-hero__inner{flex-direction:column;align-items:flex-start}
}

/* ═══ РЕЙТИНГ СТАТЬИ ═══ */
.post-rating{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.post-rating__display{display:flex;align-items:center;gap:var(--space-2)}
.post-rating__stars{display:flex;gap:2px;color:#f5a623}
.rating-star,.rating-vote-btn svg{width:18px;height:18px;display:block}
.rating-star--full{color:#f5a623}
.rating-star--half{color:#f5a623}
.rating-star--empty{color:#d1d5db}
.post-rating__value{font-weight:700;font-size:var(--text-sm);color:var(--color-text)}
.post-rating__count{font-size:var(--text-xs);color:var(--color-text-muted)}
.post-rating__vote{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.post-rating__vote-label{font-size:var(--text-xs);color:var(--color-text-muted)}
.post-rating__vote-stars{display:flex;gap:2px}
.rating-vote-btn{background:none;border:none;cursor:pointer;color:#d1d5db;padding:2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,transform .15s}
.rating-vote-btn svg{width:22px;height:22px}
.rating-vote-btn:hover,.rating-vote-btn.is-hover{color:#f5a623;transform:scale(1.15)}
.rating-vote-btn:disabled{opacity:.6;cursor:default;transform:none}
.post-rating__msg{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}
.post-rating__msg--ok{background:#e8f7ef;color:#0d4a2e}
.post-rating__msg--warn{background:#fff8e6;color:#7a4f00}
.post-rating__msg--err{background:#fdecea;color:#7a1a14}
.post-rating__thankyou{font-size:var(--text-xs);color:var(--color-text-muted)}

/* ═══ СТРАНИЦА ЗАЙМОВ ═══ */
.loans-page .container{max-width:var(--content-wide)}
.loans-hero{margin-bottom:var(--space-8)}
.loans-hero .section-title{margin-bottom:var(--space-3)}

/* Фильтр */
.loans-filter{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6)}
.loans-filter__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6)}
.loans-filter__label{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}
.loans-filter__label strong{color:var(--color-primary);font-size:var(--text-base)}
.range-input{width:100%;accent-color:var(--color-primary);cursor:pointer;height:6px}
.range-marks{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}
.loans-filter__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}
.loans-count{font-size:var(--text-sm);color:var(--color-text-muted)}
.loans-count strong{color:var(--color-text);font-weight:700}

/* Карточки займов */
.loans-list{display:grid;gap:var(--space-3)}
.loan-item{display:grid;grid-template-columns:56px 1fr auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}
.loan-item__logo{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--color-surface-offset);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.loan-logo-letter{font-size:1.4rem;font-weight:800;font-family:var(--font-display);color:var(--color-primary);line-height:1}
.loan-item__name{font-weight:700;font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-1)}
.loan-item__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:var(--text-xs)}
.loan-item__params{display:flex;gap:var(--space-6)}
.loan-item__param{display:flex;flex-direction:column;gap:2px}
.loan-item__param-k{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}
.loan-item__param-v{font-size:var(--text-sm);font-weight:600;white-space:nowrap}
.loan-item__approval{text-align:center}
.loan-item__approval-pct{font-size:1.3rem;font-weight:800;font-family:var(--font-display);line-height:1}
.loan-item__approval-lbl{font-size:var(--text-xs);color:var(--color-text-muted)}
.loans-empty{padding:var(--space-10);text-align:center;color:var(--color-text-muted)}
.loans-disclaimer{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-6);line-height:1.6}

@media(max-width:900px){
  .loans-filter__grid{grid-template-columns:1fr 1fr}
  .loan-item{grid-template-columns:52px 1fr auto;grid-template-rows:auto auto}
  .loan-item__params{grid-column:2;grid-row:2;gap:var(--space-4)}
  .loan-item__approval{display:none}
}
@media(max-width:600px){
  .loans-filter__grid{grid-template-columns:1fr}
  .loan-item{grid-template-columns:44px 1fr;gap:var(--space-3)}
  .loan-item .btn-loan{grid-column:1/-1;width:100%;text-align:center;justify-content:center}
  .loan-item__params{grid-column:1/-1}
  .loans-filter{padding:var(--space-5)}
}

/* ═══ БЛОК ЭКСПЕРТА (expert_review) ═══ */
.expert-review{background:var(--color-surface);border:1.5px solid var(--color-primary-highlight);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);margin:2em 0;box-shadow:var(--shadow-sm)}
.expert-review__header{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}
.expert-avatar{flex-shrink:0}
.expert-avatar img{width:64px;height:64px;border-radius:50%;border:3px solid var(--color-primary-highlight);display:block}
.expert-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--color-surface-offset);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}
.expert-avatar-placeholder svg{width:34px;height:34px;color:var(--color-text-faint)}
.expert-info{flex:1;min-width:140px}
.expert-name{font-weight:700;font-family:var(--font-display);font-size:var(--text-base);margin-bottom:2px}
.expert-title{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}
.er-date{font-size:var(--text-xs);color:var(--color-text-faint)}
/* Вердикт */
.expert-verdict{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;white-space:nowrap;flex-shrink:0}
.expert-verdict__icon{display:flex;width:20px;height:20px;flex-shrink:0}
.expert-verdict__icon svg{width:100%;height:100%}
.expert-verdict--positive{background:#e8f7ef;color:#0d4a2e}
.expert-verdict--negative{background:#fdecea;color:#7a1a14}
.expert-verdict--neutral{background:var(--color-surface-offset);color:var(--color-text-muted)}
/* Оценка */
.er-score{margin-bottom:var(--space-5)}
.er-score__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}
.er-score__row{display:flex;align-items:center;gap:var(--space-3)}
.er-score__num{font-size:2rem;font-weight:800;font-family:var(--font-display);color:var(--color-primary);line-height:1}
.er-score__max{font-size:var(--text-sm);color:var(--color-text-muted)}
.er-score__bar{flex:1;max-width:200px;height:8px;background:var(--color-surface-offset);border-radius:var(--radius-full);overflow:hidden}
.er-score__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#1a80c4);border-radius:var(--radius-full);transition:width .5s ease}
/* Текст */
.er-body{font-size:var(--text-sm);line-height:1.75;color:var(--color-text);margin-bottom:var(--space-5)}
.er-body p+p{margin-top:.6em}
/* Плюсы / минусы */
.er-proscons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.er-proscons__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-3)}
.er-proscons__title svg{width:18px;height:18px;flex-shrink:0}
.er-pros__title{color:#0d4a2e}
.er-pros__title svg{color:#1a8a5c}
.er-cons__title{color:#7a1a14}
.er-cons__title svg{color:#c0392b}
.er-list{list-style:none;display:grid;gap:var(--space-2)}
.er-list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);line-height:1.6}
.er-pro-icon,.er-con-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}
.er-pro-icon svg{color:#1a8a5c}
.er-con-icon svg{color:#c0392b}
@media(max-width:600px){
  .er-proscons{grid-template-columns:1fr}
  .expert-review{padding:var(--space-5)}
  .expert-review__header{flex-direction:column}
  .expert-verdict{align-self:flex-start}
}