/* Guide / help pages (/faq, /swap-fb, /bridge-to-fractal, /launch-brc20, /fennec-id).
   Same palette and type as the about/legal pages; loaded after tailwind-built.css. */
body {
    background: #0f0b08;
    color: #e0d6cc;
    font-family:
        system-ui,
        -apple-system,
        sans-serif;
}

.guide-nav a,
.guide-footer a {
    text-decoration: none;
}
.guide-brand {
    color: #fff;
}
.guide-navlink {
    color: #9ca3af;
    transition: color 0.15s ease;
}
.guide-navlink:hover,
.guide-navlink[aria-current='page'] {
    color: #ff6b35;
}
.guide-footer {
    color: #6b7280;
}
.guide-footer a {
    color: #6b7280;
    padding: 4px 0;
    transition: color 0.15s ease;
}
.guide-footer a:hover {
    color: #ff6b35;
}

.guide {
    font-size: 15px;
    line-height: 1.7;
    color: #d1c7bd;
}
.guide h1 {
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0.01em;
    margin: 0 0 12px;
}
.guide h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin: 40px 0 12px;
}
.guide h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 28px 0 8px;
}
.guide p {
    margin: 0 0 14px;
}
.guide a {
    color: #ff6b35;
    text-decoration: underline;
    text-decoration-color: rgba(255, 107, 53, 0.35);
    text-underline-offset: 3px;
}
.guide a:hover {
    text-decoration-color: #ff6b35;
}
.guide strong {
    color: #fff;
    font-weight: 700;
}
.guide ul,
.guide ol {
    margin: 0 0 16px;
    padding-left: 22px;
}
.guide ul {
    list-style: disc;
}
.guide ol {
    list-style: decimal;
}
.guide li {
    margin: 6px 0;
    padding-left: 2px;
}
.guide li::marker {
    color: #ff6b35;
}
.guide .guide-kicker {
    color: #ff6b35;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.guide-lead {
    color: #9ca3af;
    font-size: 16px;
}
.guide-cta {
    margin: 40px 0 24px;
    padding: 20px;
    border: 1px solid rgba(255, 107, 53, 0.3);
    border-radius: 14px;
    background: rgba(255, 107, 53, 0.06);
}
.guide-cta p {
    margin-bottom: 14px;
}
.guide a.guide-button {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 10px;
    background: #ff6b35;
    color: #120905;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none;
}
.guide a.guide-button:hover {
    background: #ff8a5c;
}
.guide-related {
    color: #9ca3af;
    font-size: 14px;
}
.guide table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 18px;
    font-size: 14px;
}
.guide th,
.guide td {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.guide th {
    color: #fff;
    font-weight: 700;
}

@media (max-width: 480px) {
    .guide h1 {
        font-size: 25px;
    }
    .guide {
        font-size: 15px;
    }
}