.sfs { max-width: 760px; margin: 0 auto; padding: 1.4rem 18px 4rem; color: var(--sf-color-text); }

.sfs-head { margin-bottom: 1.3rem; }
.sfs-title { font-size: 1.6rem; font-weight: 950; letter-spacing: -.02em; color: var(--sf-color-text); margin: 0; line-height: 1.1; }
.sfs-sub { margin: .18rem 0 0; color: var(--sf-color-text-muted); font-weight: 600; font-size: .92rem; }

.sfs-card {
    background: var(--sf-color-surface);
    border: 1px solid var(--sf-color-border-strong);
    border-radius: 16px;
    padding: 1.5rem;
}
.sfs-card + .sfs-card { margin-top: 1rem; }
.sfs-card p { margin: 0 0 .9rem; color: var(--sf-color-text-secondary); font-weight: 600; }
.sfs-card p:last-child { margin-bottom: 0; }

.sfs-h2 { font-size: 1.02rem; font-weight: 900; color: var(--sf-color-text); margin: 0 0 .8rem; }
.sfs-h3 { font-size: .92rem; font-weight: 850; color: var(--sf-color-text); margin: 1.2rem 0 .35rem; }

.sfs-steps, .sfs-plain, .sfs-links { margin: 0 0 .9rem; padding-left: 1.2rem; color: var(--sf-color-text-secondary); font-weight: 600; }
.sfs-plain, .sfs-links { list-style: disc; }
.sfs-steps li, .sfs-plain li, .sfs-links li { margin: .3rem 0; }
.sfs-links { font-weight: 700; }

.sfs-path {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .86em;
    padding: .08rem .34rem;
    border-radius: 6px;
    background: var(--sf-color-canvas-soft);
    color: var(--sf-color-text);
}

.sfs-note { margin: 1.4rem 0 0; color: var(--sf-color-text-muted); font-weight: 600; font-size: .82rem; }

@media (max-width: 480px) {
    .sfs { padding-left: 14px; padding-right: 14px; }
    .sfs-card { padding: 1.15rem; }
}