/* The flagship owns the shared editorial layout; these are batch-specific utilities. */
.appeal-timeline { margin: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 0; }
.appeal-timeline figcaption { font-size: 12px; color: var(--muted); }
.appeal-timeline ol { list-style: none; border-left: 2px solid #8da77c; margin: 20px 0; }
.appeal-timeline li { position: relative; padding: 4px 0 10px 8px; }
.appeal-timeline li::before { content: ''; width: 9px; height: 9px; background: var(--green); border-radius: 50%; position: absolute; left: -27.5px; top: 14px; }
.article-body .appeal-timeline p { font-size: 14px; margin-bottom: 0; }
.packet-list { counter-reset: packet; list-style: none; }
.article-body .packet-list { padding: 0; }
.packet-list li { counter-increment: packet; padding: 15px 0 15px 40px; border-bottom: 1px solid var(--line); position: relative; }
.packet-list li::before { content: counter(packet, decimal-leading-zero); position: absolute; left: 0; top: 19px; font-size: 12px; font-weight: 700; color: var(--green); }
.seller-guide-payment .do-now { border-left-color: #815511; background: #f8f3e7; }
.seller-guide-appeal .do-now ol { columns: 1; max-width: 850px; }
@media (max-width: 350px) {
  .seller-guide .site-header { gap: 8px; }
  .seller-guide .brand { gap: 5px; font-size: 17px; }
  .seller-guide .brand span { padding-left: 5px; font-size: 8px; letter-spacing: .5px; }
}