/*
 * Ado Studio — additions for the service landing pages.
 * Purely additive: reuses the existing theme (page.min.css) and only styles
 * the few elements the theme does not provide (breadcrumb, steps, FAQ).
 */

.breadcrumb-seo {
  font-size: 0.8125rem;
  margin-bottom: 1rem;
  color: #6c757d; }
  .breadcrumb-seo a { color: inherit; }
  .breadcrumb-seo span { margin: 0 6px; }

.step-number {
  display: block;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0.75rem; }

.tech-list .badge {
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.5rem 0.875rem;
  margin: 0 6px 8px 0; }

.faq details {
  border-bottom: 1px solid #e9ecf0;
  padding: 1.25rem 0; }
  .faq details:first-child { border-top: 1px solid #e9ecf0; }

.faq summary {
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 2rem;
  font-weight: 600;
  color: #323d47; }
  .faq summary::-webkit-details-marker { display: none; }
  .faq summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 1.25rem;
    font-weight: 300; }

.faq details[open] summary::after { content: '\2212'; }

.faq details p {
  margin: 0.875rem 0 0; }

.related-services a {
  display: block;
  height: 100%; }

.check-list {
  list-style: none;
  padding-left: 0; }
  .check-list li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.625rem; }
  .check-list li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #0096ff;
    font-weight: 600; }