.blog-hero { padding-top: 110px; padding-bottom: 80px; }
    .blog-content { max-width: 820px; margin: 0 auto; }
    .def-card-top { position: relative; overflow: hidden; }
    .def-card-top::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
    .def-seo::before { background: #004A8B; }
    .def-aeo::before { background: #3C86C7; }
    .def-geo::before { background: #0280ED; }
    .campaign-label { position: absolute; top: -14px; left: 28px; background: var(--dark-slate-blue); color: #fff; font-family: var(--alt-font); font-size: 0.7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; }
    .campaign-label.c2 { background: var(--base-color); }
    .campaign-label.c3 { background: #3C86C7; color: #FFFFFF; }
    .steps-list { counter-reset: step; list-style: none; margin: 20px 0; padding-left: 0; display: flex; flex-direction: column; gap: 12px; }
    .steps-list li { counter-increment: step; display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; }
    .steps-list li::before { content: counter(step); background: var(--dark-slate-blue); color: #fff; font-family: var(--alt-font); font-weight: 800; font-size: 0.72rem; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
    .timeline-block { margin: 28px 0 32px; border-left: 3px solid var(--extra-medium-gray); padding-left: 24px; display: flex; flex-direction: column; gap: 0; }
    .tl-item { position: relative; padding: 16px 0; border-bottom: 1px solid var(--extra-medium-gray); }
    .tl-item:last-child { border-bottom: none; }
    .tl-item::before { content: ''; position: absolute; left: -30px; top: 22px; width: 12px; height: 12px; border-radius: 50%; background: var(--extra-medium-gray); border: 2px solid var(--white); }
    .tl-item.tl-now::before { background: #0280ED; }
    .tl-date { font-family: var(--alt-font); font-size: 0.88rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--medium-gray); margin-bottom: 6px; }
    .tl-item.tl-now .tl-date { color: #0280ED; }
    .faq-list { margin: 24px 0 40px; display: flex; flex-direction: column; gap: 2px; }
    .faq-item { background: var(--white); border: 1px solid var(--extra-medium-gray); border-radius: 8px; overflow: hidden; }
    .faq-item summary { font-weight: 600; padding: 16px 20px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--dark-slate-blue); }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { content: '+'; font-size: 1.2rem; color: var(--base-color); font-weight: 400; flex-shrink: 0; margin-left: 12px; }
    .faq-item[open] summary::after { content: '−'; }
    .faq-item p { padding: 0 20px 16px; color: #374151; margin: 0; line-height: 1.7; }
    .roi-box { background: #f0f4fd; border: 1px solid #dce8ff; border-radius: 8px; padding: 16px 18px; margin-top: 20px; }
    .border-white-10 { border: 1px solid rgba(255,255,255,.15); }
    .gap-15px { gap: 15px; }
    .roi-label { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #004A8B; margin-bottom: 6px; }
    .table-wrap { overflow-x: auto; margin: 32px 0; border: 1px solid var(--extra-medium-gray); border-radius: 10px; }
    .table-wrap table { width: 100%; border-collapse: collapse; }
    .table-wrap thead { background: var(--dark-slate-blue); color: #fff; font-family: var(--alt-font); font-size: 0.85rem; letter-spacing: .04em; text-transform: uppercase; }
    .table-wrap thead th { padding: 14px 18px; text-align: left; }
    .table-wrap tbody tr:nth-child(even) { background: #fafaf9; }
    .table-wrap tbody td { padding: 13px 18px; border-top: 1px solid var(--extra-medium-gray); vertical-align: top; }
    .table-wrap tbody td:first-child { font-weight: 600; }
    @media (max-width: 767px) {
      .blog-hero { padding-top: 120px; padding-bottom: 60px; }
      .timeline-block { padding-left: 16px; }
      .tl-item::before { left: -22px; }
      .steps-list li { grid-template-columns: 24px 1fr; }
      .table-wrap th,
      .table-wrap td { white-space: nowrap; }
    }