/* Shared styles for the detail pages (solutions/*, industries/*, sv/*).
   Builds on the base sub-page styles (section, card, page-hero) inlined in each page. */

/* Breadcrumbs in the page hero */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.55);margin-bottom:18px}
.crumbs a{color:rgba(255,255,255,.75);text-decoration:none}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.5}

/* Hero call-to-action row */
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:12px 24px;text-decoration:none;transition:border-color .2s,background .2s}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* Long-form text */
.prose{max-width:760px}
.prose p{font-size:15px;color:#8b9ab0;line-height:1.75;margin-bottom:16px}
.prose strong{color:#e8eaf0}
.prose a,.card-text a,.note a{color:#7aa2ff;text-decoration:underline;text-underline-offset:2px}
.prose ul{margin:0 0 16px 20px;color:#8b9ab0;font-size:15px;line-height:1.75}
.light .section-title{color:#0d1117}
.light .section-tag-text{color:#4a5568}
.light .prose p,.light .prose ul,.light .section-body{color:#3d4a5c}
.light .prose strong{color:#0d1117}
.light .prose a,.light .card-text a,.light .note a{color:#1d4ed8}
.light .card{background:#fff;border-color:#e0e0e0}
.light .card-title{color:#0d1117}
.light .card-text{color:#4a5568}

/* Technology comparison table */
.tech-table-wrap{overflow-x:auto;margin-top:28px;border:1px solid #2a3348;border-radius:16px}
.tech-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tech-table th,.tech-table td{text-align:left;padding:14px 18px;border-bottom:1px solid #2a3348;vertical-align:top;line-height:1.55}
.tech-table thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8b9ab0;background:#111827}
.tech-table tbody th{color:#e8eaf0;font-weight:700;white-space:nowrap}
.tech-table td{color:#8b9ab0}
.tech-table tr:last-child th,.tech-table tr:last-child td{border-bottom:none}

/* Numbered process */
.steps{list-style:none;counter-reset:step;display:grid;gap:16px;margin-top:28px;padding:0}
.steps li{counter-increment:step;position:relative;padding:20px 22px 20px 64px;background:#1a2235;border:1px solid #2a3348;border-radius:14px;color:#8b9ab0;font-size:14px;line-height:1.65}
.steps li::before{content:counter(step);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;background:#2563EB;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.steps li strong{display:block;color:#e8eaf0;font-size:15px;margin-bottom:4px}
.light .steps li{background:#fff;border-color:#e0e0e0;color:#4a5568}
.light .steps li strong{color:#0d1117}

/* Note / disclaimer box */
.note{margin-top:24px;padding:16px 18px;border-left:3px solid #2563EB;background:rgba(37,99,235,.08);border-radius:0 10px 10px 0;font-size:13px;line-height:1.65;color:#8b9ab0}
.light .note{color:#3d4a5c;background:rgba(37,99,235,.07)}

/* Enquiry band */
.cta-band{background:#111827;border:1px solid #2a3348;border-radius:20px;padding:40px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.cta-band h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;margin-bottom:12px}
.cta-band p{font-size:14px;color:#8b9ab0;line-height:1.7}
.cta-options{display:grid;gap:10px}
.cta-option{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border:1px solid #2a3348;border-radius:12px;color:#e8eaf0;text-decoration:none;font-size:14px;font-weight:600;transition:border-color .2s,background .2s}
.cta-option:hover{border-color:#2563EB;background:rgba(37,99,235,.08)}
.cta-option span{color:#7aa2ff}

/* Related links */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.related a{display:block;padding:18px 20px;border:1px solid #2a3348;border-radius:14px;color:#e8eaf0;text-decoration:none;font-weight:700;font-size:15px;transition:border-color .2s}
.related a:hover{border-color:#2563EB}
.related a small{display:block;margin-top:6px;font-weight:400;color:#8b9ab0;font-size:13px;line-height:1.5}

.feature-img{width:100%;height:auto;border-radius:16px;display:block;margin-top:32px}

@media(max-width:768px){
  .cta-band{grid-template-columns:1fr;padding:28px 22px}
  .related{grid-template-columns:1fr}
  .steps li{padding-left:58px}
}