/* Editorial layer (Lot 6): methodology hub, guide FAQ / related / product links / trust note,
   cornerstone index. Reading-first, no heroes, tokens from fintech_site.css. */

.fintech-site .guide-card h4 { margin: 0 0 0.5rem; font-size: 20px; line-height: 1.3; font-weight: 700; }
.fintech-site .guide-card h4 a { color: #0b2346; text-decoration: none; }
.fintech-site .guide-card h4 a:hover { color: #0052b8; text-decoration: underline; }
.guide-card--no-hero .guide-card__content { border-top: 4px solid #c5dbf7; }

.guides-cornerstones { margin: 0 0 2.5rem; }
.guides-cornerstones__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 0.85rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.guides-cornerstone { display: flex; gap: 0.85rem; height: 100%; padding: 1rem 1.1rem; border: 1px solid #dce4ef; border-radius: 16px; background: #fff; color: #0b2346; text-decoration: none; box-shadow: 0 4px 16px rgb(20 38 63 / 4%); transition: border-color 150ms ease, box-shadow 150ms ease; }
.guides-cornerstone:hover, .guides-cornerstone:focus-visible { border-color: #a6c9f5; box-shadow: 0 8px 24px rgb(20 38 63 / 9%); }
.guides-cornerstone__index { display: grid; flex: 0 0 auto; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: #edf5ff; color: #0052b8; font-size: 0.85rem; font-weight: 800; }
.guides-cornerstone__index .card-section-icon { width: 1.05rem; height: 1.05rem; }
.guides-cornerstone__body { display: grid; gap: 0.3rem; min-width: 0; }
.guides-cornerstone__body strong { font-size: 1rem; line-height: 1.3; }
.guides-cornerstone__body > span:not(.guide-meta):not(.text-link) { color: #52647a; font-size: 0.86rem; line-height: 1.45; }
.guides-cornerstone--methodology .guides-cornerstone { background: #edf5ff; border-color: #c5dbf7; }
.fintech-site .guides-browse-title { margin: 0 0 1rem; font-size: 24px; }
.guides-category { margin-bottom: 2rem; }
.fintech-site .guides-category__title { margin: 0 0 0.85rem; padding-bottom: 0.4rem; border-bottom: 1px solid #dce4ef; color: #344b66; font-size: 1rem; font-weight: 750; letter-spacing: 0.02em; text-transform: uppercase; }

/* Guide extras: FAQ, product links, trust note, related guides. */
.guide-faq { margin-top: 2.5rem; }
.guide-faq__item { margin: 0 0 0.6rem; border: 1px solid #dce4ef; border-radius: 12px; background: #fff; }
.guide-faq__item > summary { padding: 0.85rem 1rem; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.6rem; }
.guide-faq__item > summary::-webkit-details-marker { display: none; }
.guide-faq__item > summary::before { content: "+"; display: grid; flex: 0 0 auto; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 999px; background: #edf5ff; color: #0052b8; font-weight: 800; }
.guide-faq__item[open] > summary::before { content: "–"; }
.fintech-site .guide-faq__item h3 { margin: 0; font-size: 1rem; line-height: 1.35; font-weight: 700; }
.guide-faq__item > p { margin: 0; padding: 0 1rem 1rem 3.1rem; color: #344b66; line-height: 1.6; }

.guide-product-links { margin-top: 2rem; padding: 1.1rem 1.25rem; border: 1px solid #c5dbf7; border-radius: 16px; background: #edf5ff; }
.fintech-site .guide-product-links h2 { margin: 0 0 0.75rem; font-size: 1.1rem; }
.guide-product-links ul { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0; padding: 0; list-style: none; }
.guide-product-links .button { min-height: 44px; }

.guide-trust-note { display: flex; gap: 0.75rem; align-items: flex-start; margin-top: 1.5rem; padding: 0.9rem 1rem; border: 1px solid #dce4ef; border-radius: 12px; background: #f7f9fc; }
.guide-trust-note__icon { display: inline-grid; flex: 0 0 auto; place-items: center; width: 2rem; height: 2rem; border-radius: 0.6rem; background: #e5f1ff; color: #1567c6; }
.guide-trust-note__icon .card-section-icon { width: 1.1rem; height: 1.1rem; }
.guide-trust-note p { margin: 0; color: #344b66; font-size: 0.88rem; line-height: 1.5; }

.guide-related { margin-top: 2rem; }
.fintech-site .guide-related h2 { margin: 0 0 0.85rem; font-size: 1.25rem; }
.guide-related ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.guide-related__link { display: grid; gap: 0.25rem; height: 100%; padding: 0.9rem 1rem; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; color: #0b2346; text-decoration: none; transition: border-color 150ms ease, box-shadow 150ms ease; }
.guide-related__link:hover, .guide-related__link:focus-visible { border-color: #a6c9f5; box-shadow: 0 8px 24px rgb(20 38 63 / 9%); }
.guide-related__category { color: #0052b8; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.guide-related__link strong { font-size: 0.98rem; line-height: 1.3; }
.guide-related__summary { color: #52647a; font-size: 0.84rem; line-height: 1.45; }

/* Methodology hub: same reading layout as guides, always with a table of contents. */
.methodology-hub .guide-article-header { max-width: 46rem; }

/* Compact "useful guides" list reused on product surfaces (provincial, card, strategy). */
.useful-guides { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.35rem; }
.useful-guides li a { display: inline-flex; align-items: flex-start; gap: 0.4rem; min-height: 2.5rem; padding-block: 0.35rem; color: #0052b8; font-size: 0.9rem; font-weight: 700; line-height: 1.4; text-decoration: none; }
.useful-guides li a:hover, .useful-guides li a:focus-visible { text-decoration: underline; }
.useful-guides li a::before { content: "→"; flex: none; color: #93bceb; }

@media (max-width: 767px) {
  .guide-product-links ul { flex-direction: column; }
  .guide-product-links .button { width: 100%; }
}

/* "Go further" block on product surfaces (provincial Top 3, card detail, strategy result) */
.useful-guides-block { margin-top: 1.5rem; padding: 1.25rem 1.5rem; border: 1px solid #d9e3f2; border-radius: 14px; background: #f8fbff; }
.useful-guides-block .card-section-heading { margin-bottom: 0.75rem; }
.useful-guides-block .card-section-heading h2 { margin: 0; font-size: 1.05rem; }
.useful-guides-block .card-section-heading p { margin: 0.2rem 0 0; color: #4d5b70; font-size: 0.9rem; }
.useful-guides__methodology { font-weight: 800; }
.offer-intel__note a { margin-right: 0.15rem; }