/* Styles for the industry pages made by build-industry-pages.cjs. The base styles come from
   industry-shared.css (a copy of the styles block in business.html); only what is new lives here. */

.ip-crumbs{background:var(--lav);padding:16px 0 0;font-size:14px;color:var(--muted)}
.ip-crumbs .container{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ip-crumbs a{color:var(--purple);text-decoration:none}
.ip-crumbs a:hover{text-decoration:underline}
.ip-sep{opacity:.5}
.ip-crumbs + .tp-hero{padding-top:28px}

.ip-h1{font-size:clamp(30px,5.4vw,46px);line-height:1.1;overflow-wrap:break-word;hyphens:auto}

.ip-wrap{max-width:820px}
.ip-wrap > .h2{margin-bottom:6px}
.ip-p{margin-top:16px;font-size:17px;line-height:1.65;color:var(--text)}
.ip-after{margin-top:20px}
.ip-p a,.faq .ans a,.ip-links a{color:var(--purple)}
.ip-p a,.faq .ans a{text-decoration:underline;text-underline-offset:2px}

.ip-steps{margin-top:36px;counter-reset:ipstep}
.ip-steps .step{counter-increment:ipstep}
.ip-steps .step .n::before{content:counter(ipstep)}
.ip-steps + .ip-p{margin-top:28px}

.ip-bullets{margin-top:20px}
.ip-bullets li{font-size:17px;line-height:1.55}

.ip-links{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ip-links li{font-size:17px}
.ip-links a{font-weight:600;text-decoration:none}
.ip-links a:hover{text-decoration:underline}

.ip-area-cards{margin-top:28px}
.ip-area-card{display:block;text-decoration:none;color:inherit}
a.ip-area-card:hover{border-color:var(--purple)}
.ip-area-card b{display:block;margin-bottom:6px}

@media (max-width:640px){
  .ip-p,.ip-bullets li,.ip-links li{font-size:16px}
  .ip-steps{margin-top:30px}
}