/* Blog pages (/blog/, blog/index.php) - user's request 2026-10-19. Site colours as in trends/preview.css.
   Bump blog.css?v= in blog/index.php after editing. */
.ri-blog {
  --b-navy:#19305A; --b-purple:#2F016F; --b-cyan:#00AEEF; --b-cyan-dk:#0090C7; --b-blue:#005A8D;
  --b-orange:#EC7601; --b-orange-dk:#CF6700; --b-text:#2b2b2b; --b-muted:#5a5f66; --b-line:#e1e4e8;
  --b-soft:#f4f7fb; --b-faq:#F1F1F1;
  color:var(--b-text); background:#fff; padding:6px 0 40px;
}
.ri-blog a { color:var(--b-blue); }
.ri-blog h1, .ri-blog h2, .ri-blog h3 { border:0 !important; padding-bottom:0; }   /* the site stylesheet underlines h1 / h2 */
.ri-b-crumb { background:none; padding:8px 0; margin:0 0 6px; font-size:13px; }
.ri-b-crumb a { color:var(--b-navy); }

/* ---------- article ---------- */
.ri-b-article { max-width:820px; }
.ri-b-head { margin:4px 0 18px; }
.ri-b-kicker { margin:0 0 6px; font-size:12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--b-purple); }
.ri-b-head h1 { margin:0 0 10px; font-size:32px; line-height:1.25; font-weight:700; color:var(--b-navy); }
.ri-b-meta { margin:0; font-size:13.5px; color:var(--b-muted); }
.ri-b-fig { margin:0 0 22px; }
.ri-b-fig img { display:block; width:100%; height:auto; border:1px solid var(--b-line); border-radius:4px; }

.ri-b-take { background:var(--b-soft); border-left:4px solid var(--b-navy); padding:16px 20px 8px; margin:0 0 22px; border-radius:0 4px 4px 0; }
.ri-b-take h2 { margin:0 0 8px; font-size:18px; color:var(--b-navy); }
.ri-b-take ul { margin:0 0 8px; padding-left:20px; }
.ri-b-take li { margin:0 0 6px; line-height:1.55; }

.ri-b-toc { border:1px solid var(--b-line); border-radius:4px; padding:12px 18px; margin:0 0 26px; }
.ri-b-toc-h { margin:0 0 6px; font-weight:600; color:var(--b-navy); }
.ri-b-toc ol { margin:0; padding-left:20px; columns:2; column-gap:28px; }
.ri-b-toc li { margin:0 0 4px; break-inside:avoid; font-size:14px; }

.ri-b-body { font-size:16.5px; line-height:1.75; }
.ri-b-body p { margin:0 0 16px; }
.ri-b-body h2 { margin:34px 0 12px; padding-left:12px !important; border-left:4px solid var(--b-purple) !important; font-size:23px; line-height:1.3; font-weight:700; color:var(--b-navy); scroll-margin-top:90px; }
.ri-b-body h3 { margin:22px 0 8px; font-size:18px; font-weight:600; color:var(--b-navy); }
.ri-b-body ul, .ri-b-body ol { margin:0 0 16px; padding-left:22px; }
.ri-b-body li { margin:0 0 6px; }
.ri-b-body table { width:100%; border-collapse:collapse; margin:0 0 18px; font-size:14.5px; line-height:1.5; }
.ri-b-body th { background:var(--b-navy); color:#fff; font-weight:600; text-align:left; padding:8px 10px; border:1px solid var(--b-navy); }
.ri-b-body td { padding:8px 10px; border:1px solid #c9ced6; vertical-align:top; }
.ri-b-body tr:nth-child(even) td { background:#f7f9fc; }

/* ---------- buttons and report boxes ---------- */
.ri-b-btn { display:inline-block; padding:10px 18px; border-radius:4px; font-weight:600; font-size:15px; text-align:center; text-decoration:none !important; transition:background .15s; }
.ri-b-btn-report { background:var(--b-orange); color:#fff !important; }
.ri-b-btn-report:hover, .ri-b-btn-report:focus { background:var(--b-orange-dk); }
.ri-b-btn-sample { background:var(--b-navy); color:#fff !important; }
.ri-b-btn-sample:hover, .ri-b-btn-sample:focus { background:#0f2244; }
.ri-b-btn-ask { background:var(--b-cyan); color:#fff !important; }
.ri-b-btn-ask:hover, .ri-b-btn-ask:focus { background:var(--b-cyan-dk); }
.ri-b-btn:focus { outline:3px solid #9cc9ea; outline-offset:2px; }
.ri-b-btn-block { display:block; margin:0 0 8px; }

.ri-b-cta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; justify-content:space-between; background:var(--b-soft); border:1px solid #d6e0ec; border-radius:6px; padding:16px 20px; margin:26px 0; }
.ri-b-cta p { margin:0; }
.ri-b-cta-k { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--b-purple); }
.ri-b-cta-t { font-size:15.5px; font-weight:600; color:var(--b-navy); max-width:420px; line-height:1.45; }
.ri-b-cta-btns { display:flex; flex-wrap:wrap; gap:8px; }

.ri-b-faq { margin:34px 0 10px; }
.ri-b-faq h2 { margin:0 0 12px; padding-left:12px !important; border-left:4px solid var(--b-purple) !important; font-size:23px; font-weight:700; color:var(--b-navy); scroll-margin-top:90px; }
.ri-b-faq details { background:var(--b-faq); border-radius:4px; margin:0 0 8px; }
.ri-b-faq summary { cursor:pointer; list-style:none; padding:12px 40px 12px 14px; position:relative; font-weight:600; color:var(--b-blue); }
.ri-b-faq summary::-webkit-details-marker { display:none; }
.ri-b-faq summary:after { content:"\f107"; font-family:FontAwesome; position:absolute; right:14px; top:11px; font-size:18px; }
.ri-b-faq details[open] summary:after { content:"\f106"; }
.ri-b-faq summary:focus { outline:3px solid #9cc9ea; outline-offset:1px; }
.ri-b-faq details p { margin:0; padding:0 14px 14px; line-height:1.65; }
.ri-b-note { font-size:13.5px; color:var(--b-muted); margin:10px 0 0; }

/* ---------- sidebar ---------- */
.ri-b-box { border:1px solid var(--b-line); border-radius:6px; padding:16px 18px; margin:0 0 16px; background:#fff; }
.ri-b-box-h { margin:-16px -18px 14px; padding:10px 18px; background:var(--b-navy); color:#fff; font-weight:600; border-radius:6px 6px 0 0; }
.ri-b-report-t { display:block; font-weight:600; line-height:1.45; margin:0 0 10px; color:var(--b-navy) !important; }
.ri-b-facts { list-style:none; margin:0 0 14px; padding:0; font-size:14px; }
.ri-b-facts li { display:flex; justify-content:space-between; gap:10px; padding:5px 0; border-bottom:1px dashed var(--b-line); }
.ri-b-facts span { color:var(--b-muted); }
.ri-b-link { display:block; margin-top:6px; font-size:14px; }
.ri-b-rel { list-style:none; margin:0; padding:0; }
.ri-b-rel li { padding:8px 0; border-bottom:1px solid var(--b-line); font-size:14px; line-height:1.45; }
.ri-b-rel li:last-child { border-bottom:0; }
@media (min-width:992px){
  .ri-b-row { display:flex; }
  .ri-b-sticky { position:sticky; top:76px; }
}

/* ---------- list page ---------- */
.ri-b-listhead { margin:4px 0 22px; }
.ri-b-listhead h1 { margin:0 0 6px; font-size:30px; font-weight:700; color:var(--b-navy); }
.ri-b-listhead p { margin:0; color:var(--b-muted); }
.ri-b-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:18px; }
.ri-b-card { border:1px solid var(--b-line); border-top:3px solid var(--b-navy); border-radius:4px; padding:16px 18px; display:flex; flex-direction:column; }
.ri-b-card h2 { margin:0 0 6px; font-size:18px; line-height:1.4; font-weight:600; }
.ri-b-card h2 a { color:var(--b-navy); }
.ri-b-card p { margin:0 0 10px; font-size:14.5px; line-height:1.55; }
.ri-b-more { margin-top:auto; font-weight:600; }
.ri-b-pager { display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 0; }

@media (max-width:767px){
  .ri-b-head h1 { font-size:25px; }
  .ri-b-body { font-size:16px; }
  .ri-b-body h2, .ri-b-faq h2 { font-size:20px; }
  .ri-b-toc ol { columns:1; }
  .ri-b-body table { display:block; overflow-x:auto; }
  .ri-b-cta-btns { width:100%; }
  .ri-b-cta-btns .ri-b-btn { flex:1 1 auto; }
}
@media (prefers-reduced-motion:reduce){ .ri-b-btn { transition:none; } }

/* ---------- compact layout (user's request 2026-10-21: the page looked too big) ---------- */
.ri-blog { padding:4px 0 28px; }
.ri-b-crumb { padding:6px 0; margin:0 0 4px; font-size:12.5px; }
.ri-b-article { max-width:760px; }
.ri-b-head { margin:2px 0 12px; }
.ri-b-kicker { margin:0 0 4px; font-size:11.5px; }
.ri-b-head h1 { margin:0 0 6px; font-size:26px; line-height:1.28; }
.ri-b-meta { font-size:12.5px; }
.ri-b-take { padding:10px 16px 4px; margin:0 0 14px; }
.ri-b-take h2 { margin:0 0 6px; font-size:16px; }
.ri-b-take li { margin:0 0 4px; font-size:14.5px; line-height:1.5; }
.ri-b-toc { padding:8px 14px; margin:0 0 16px; }
.ri-b-toc-h { margin:0 0 4px; font-size:14px; }
.ri-b-toc li { margin:0 0 2px; font-size:13px; }
.ri-b-body { font-size:15.5px; line-height:1.65; }
.ri-b-body p { margin:0 0 12px; }
.ri-b-body h2 { margin:22px 0 8px; padding-left:10px !important; border-left-width:3px !important; font-size:19px; }
.ri-b-body ul, .ri-b-body ol { margin:0 0 12px; }
.ri-b-body li { margin:0 0 4px; }
.ri-b-cta { gap:10px 16px; padding:12px 16px; margin:18px 0; }
.ri-b-cta-t { font-size:14.5px; }
.ri-b-btn { padding:8px 14px; font-size:14px; }
.ri-b-box { padding:12px 14px; margin:0 0 12px; }
.ri-b-box-h { margin:-12px -14px 10px; padding:8px 14px; font-size:14px; }
.ri-b-rel li { padding:6px 0; font-size:13.5px; }
@media (max-width:767px){
  .ri-b-head h1 { font-size:22px; }
  .ri-b-body { font-size:15px; }
  .ri-b-body h2 { font-size:18px; }
}