/* ============================================================
   MyTrafficBuzz — Landing
   ============================================================ */


/* ============================================================
   Landing and reference pages

   Shared styling for the sitemap and the two Naihati landing pages:
   breadcrumb, page hero, keyword table and their own service-card
   treatment, which is flatter than the one used site-wide.

   Moved out of an inline <style> block in the page body
   (20-Aug-2026). It stays in this sheet rather than a shared one
   because these rules deliberately override the shared component
   styles for these three pages only.
   ============================================================ */

.breadcrumb{font-size:.85rem;color:var(--txtl);margin:18px 0 6px}.breadcrumb a{color:var(--az)}
.page-hero{padding:34px 0 10px}.page-hero .lead{font-size:1.08rem;color:var(--txtl);max-width:70ch;margin:14px 0 18px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 8px}
.page-shell__main section{margin:34px 0}
.page-shell__main h2{font-size:1.5rem;margin-bottom:12px}
.page-shell__main ul,.page-shell__main ol{padding-left:1.3em}.page-shell__main li{margin:.45em 0}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px}
.service-card{background:var(--lt);border:1px solid #E3E9F4;border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}
.service-card h3{font-size:1.05rem;margin-bottom:6px}.service-card h3 a{color:var(--az)}
.process-list li{margin:.7em 0}
.keyword-table__wrap{overflow-x:auto}.keyword-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
.keyword-table th,.keyword-table td{border:1px solid #E3E9F4;padding:8px 12px;text-align:left}.keyword-table th{background:var(--lt)}
.faq__item{margin:16px 0}.faq__item h3{font-size:1.02rem;margin-bottom:4px}.faq__item p{color:var(--txtl)}
.note-line{font-size:.85rem;color:var(--txtl)}

.sm-cols{columns:3;column-gap:32px;padding-left:1.2em}@media(max-width:700px){.sm-cols{columns:1}}.sm-cols li{margin:.35em 0;break-inside:avoid}