/* Practical security services — iGears Canada, October 2026. */
.security-hero { padding-block: clamp(40px,6vw,80px); }
.security-hero-grid { display:grid; align-items:center; gap:clamp(2rem,4vw,4rem); }
.security-hero .hero-inner { padding-block:1rem; }
.security-hero-copy h1 { font-size:clamp(2.4rem,4.4vw,4.5rem); line-height:1.08; letter-spacing:-.04em; }
.security-hero-media { margin:0; border-radius:22px; overflow:hidden; }
.security-hero-media img { width:100%; height:auto; display:block; }
.security-hero-copy .breadcrumb { margin-bottom:1.5rem; }
.security-actions { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-top:1.5rem; }
.security-whatsapp { color:#0F6F63; background:#fff; border:1px solid #0F6F63; }
.on-dark .security-whatsapp { color:#fff; background:#0F6F63; border-color:#328E82; }
.security-whatsapp:hover { color:#fff; background:#09564C; border-color:#09564C; }
.security-kicker,.security-card-meta { font-family:var(--font-mono); font-size:.75rem; letter-spacing:.04em; line-height:1.6; }
.security-kicker { color:var(--brand-dark); }
.on-dark .security-kicker { color:var(--brand); }
.security-review-date { color:var(--ink-3); font-size:.85rem; }
.on-dark .security-review-date { color:#C4CAD2; }
.security-home-grid { display:grid; gap:1rem; }
.security-latest-card { display:flex; flex-direction:column; padding:1.7rem; border-top:3px solid var(--brand); }
.security-latest-card h3 { font-size:1.35rem; margin-top:.6rem; }
.security-latest-card p { flex:1; }
.security-topic-card { padding:clamp(1.5rem,3vw,2.2rem); scroll-margin-top:110px; }
.security-topic-card h3 { font-size:1.5rem; }
.security-topic-card h4 { font-family:var(--font-display); font-size:1rem; margin:1.5rem 0 .5rem; }
.security-card-meta { color:var(--ink-3); }
.security-card-number { display:inline-flex; align-items:center; justify-content:center; min-width:2.1rem; height:2.1rem; margin-right:.65rem; color:var(--brand-dark); background:var(--brand-50); border-radius:50%; font-family:var(--font-mono); }
.security-scope-list { padding-left:1.2rem; }
.security-scope-list li { margin-bottom:.5rem; }
.security-source { padding-top:1rem; border-top:1px solid var(--line); font-size:.85rem; overflow-wrap:anywhere; }
.security-source a { text-underline-offset:3px; }
.security-service-promo { background:var(--sand); }
.security-service-promo .container { display:grid; gap:1.5rem; align-items:center; }
.security-service-promo { background:var(--ink); }
.security-service-promo .container { display:block; }
.on-dark .security-actions .btn-ghost { color:#fff; border-color:#6A7179; }
.on-dark .security-actions .btn-ghost:hover { background:#30363F; border-color:var(--brand); }
.security-home-cta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.security-detail-link { display:inline-block; margin-top:1.25rem; }
.security-card-service { margin-top:1.5rem; }
.security-deliverables .card { background:#252B32; border-color:#424A54; }
.security-deliverables .card h3 { color:#fff; }
.security-deliverables .card p { color:#D3D7DC; }
.security-deliverables .security-card-number { width:auto; border-radius:6px; padding:.3rem .6rem; color:#F8B66D; background:#39302B; font-size:.8rem; }
.security-process { grid-template-columns:1fr; }
.security-recovery-visual { margin:0; border-radius:22px; overflow:hidden; }
.security-recovery-visual img { width:100%; height:auto; display:block; }
.security-recovery-visual figcaption { font-size:.8rem; padding:.6rem 0; color:var(--ink-3); }
.security-article { max-width:76ch; margin-inline:auto; }
.security-article h2 { margin-top:2rem; font-size:clamp(1.65rem,3vw,2.25rem); }
.security-article p,.security-article li { overflow-wrap:anywhere; }
.security-article .card { margin-block:1.5rem; }
.security-article .security-actions { margin-bottom:1rem; }
.security-article .notice { margin-block:1.5rem; }
.security-steps { grid-template-columns:1fr; }
.service-note { margin:1.5rem 0 0; padding:1.25rem; border-left:3px solid var(--brand); }
.security-quick-links { display:flex; gap:.5rem 1.25rem; flex-wrap:wrap; padding:0; list-style:none; }
.security-quick-links a { min-height:44px; display:inline-flex; align-items:center; }
@media(min-width:768px) {
  .security-home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .security-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .security-process { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:1024px) {
  .security-home-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .security-hero-grid { grid-template-columns:1.08fr 1fr; }
}
@media(max-width:767px) {
  .security-actions .btn { flex:1 1 100%; text-align:center; justify-content:center; }
  .security-topic-card { padding:1.25rem; }
}