/* دليلُ شراء USDT (FNV-D444) — رموزُ النظام وحدَها · زاويةٌ صفر · بلا ظلال */
.ug { padding: 32px 0 56px; color: var(--fnv-ink); }
.ug .container { max-width: 920px; }
.ug__head { border-bottom: 2px solid var(--fnv-ink); padding-bottom: 18px; margin-bottom: 8px; }
.ug__kick { font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3); margin: 0 0 6px; }
.ug__h1 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); line-height: 1.45; margin: 0 0 10px; }
.ug__lead { font-size: 1rem; line-height: 1.9; color: var(--fnv-ink-2); margin: 0; }
.ug__sec { padding: 26px 0 6px; }
.ug__h2 { font-size: 1.25rem; line-height: 1.5; margin: 0 0 14px; }
.ug__h3 { font-size: 1.1rem; line-height: 1.4; margin: 0 0 6px; }

.ug__steps { margin: 0; padding: 0 22px 0 0; line-height: 1.95; }
.ug__steps li { padding: 6px 0; border-bottom: 1px solid var(--fnv-border); }

.ug__warn { list-style: none; margin: 0; padding: 0; border: 2px solid var(--fnv-ink); }
.ug__warn li { padding: 12px 16px; line-height: 1.85; border-bottom: 1px solid var(--fnv-border); }
.ug__warn li:last-child { border-bottom: 0; }

.ug__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.ug__card { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--fnv-border); background: var(--fnv-surface); }
.ug__what { font-size: .9375rem; font-weight: 700; margin: 0; color: var(--fnv-ink); }
.ug__how { font-size: .875rem; line-height: 1.8; margin: 0; color: var(--fnv-ink-2); flex: 1; }
.ug__cta { align-self: flex-start; margin-top: 6px; padding: 9px 14px; font-weight: 800; font-size: .875rem; text-decoration: none;
    background: var(--fnv-ink); color: var(--fnv-bg); border: 1px solid var(--fnv-ink); }
.ug__cta:hover, .ug__cta:focus-visible { background: var(--fnv-bg); color: var(--fnv-ink); }
.ug__disc { margin: 14px 0 0; padding: 12px 14px; font-size: .875rem; line-height: 1.85; color: var(--fnv-ink-2); border-inline-start: 3px solid var(--fnv-ink-3); background: var(--fnv-surface-2); }

.ug__end { border-top: 2px solid var(--fnv-ink); margin-top: 22px; }
.ug__go { display: inline-block; margin-top: 12px; padding: 12px 22px; font-weight: 800; text-decoration: none;
    background: var(--fnv-ink); color: var(--fnv-bg); border: 1px solid var(--fnv-ink); }
.ug__go:hover, .ug__go:focus-visible { background: var(--fnv-bg); color: var(--fnv-ink); }

@media (max-width: 575px) {
    .ug { padding: 20px 0 40px; }
    .ug__steps { padding-right: 18px; }
}