/* L24-seo-0930 — /insights + /digital-marketing-agency-surat. Site palette and type only (v2.css variables). */
.ins .ins-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--mute);margin:0 0 8px}
.ins .ins-note{border-left:3px solid var(--teal);background:var(--tealT);padding:12px 16px;border-radius:var(--r1);font-size:15.5px;margin:12px 0 8px}
.ins-tbl{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 6px}
.ins-tbl th,.ins-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ins-tbl th{font:600 12px/1.2 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.ins-tbl td b{color:var(--ink)}
.ins-ag{border:1px solid var(--line);border-radius:var(--r3);padding:18px 20px;margin:14px 0;background:#fff}
.ins-ag h3{margin:0 0 6px;display:flex;align-items:center;gap:10px}
.ins-ag h3 .n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--tealT);color:var(--teal);font-size:14px;flex:none}
.ins-ag .ins-ag-m{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--mute);margin:0 0 6px}
.ins-ag .ins-ag-m span+span:before{content:"·";margin-right:14px;color:var(--line)}
.ins-ag p{margin:6px 0}
.ins-q{padding-left:1.2em}.ins-q li{margin:0 0 10px}.ins-q h3{margin:18px 0 4px;font-size:19px}.ins-q p{margin:0}
.ins-red{padding-left:1.2em}.ins-red li{margin:6px 0}.ins-red li::marker{color:var(--rust)}
.ins-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ins-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:var(--r3);background:#fff;text-decoration:none;color:var(--ink2);box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s}
.ins-card:hover{transform:translateY(-2px)}
.ins-card b{font:600 19px/1.25 var(--disp);color:var(--ink)}
.ins-card .link{margin-top:auto;color:var(--teal);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.ins-loop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:s}
.ins-loop li{counter-increment:s;border:1px solid var(--line);border-radius:var(--r2);padding:16px;background:#fff}
.ins-loop li:before{content:"0" counter(s);display:block;font:600 13px/1 var(--disp);color:var(--teal);margin-bottom:8px}
.ins-loop b{display:block;font:600 18px/1.2 var(--disp);color:var(--ink)}.ins-loop span{font-size:14px;color:var(--mute)}
.ins-visit{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid var(--line);border-radius:var(--r3);padding:24px;background:var(--tealT)}
.ins-visit h3{margin:0 0 8px;font:600 22px/1.2 var(--disp);color:var(--ink)}.ins-visit a{color:var(--teal)}.ins-visit .btn{color:#fff}
.ins .arr,.ins-visit .arr,.ins-ag .arr{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-left:2px;flex:none}
@media (max-width:900px){.ins-cards{grid-template-columns:1fr}.ins-loop{grid-template-columns:1fr 1fr}.ins-visit{grid-template-columns:1fr}}
@media (max-width:640px){
 .ins-tbl thead{display:none}.ins-tbl tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
 .ins-tbl td{display:block;border:0;padding:2px 0}.ins-tbl td:before{content:attr(data-l);display:block;font-size:12px;color:var(--mute)}
 .ins-loop{grid-template-columns:1fr}
}