.sp-sitenav,.sp-news,.sp-rail{border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-panel);padding:12px}
.sp-sitenav__h,.sp-news__h,.sp-rail__h{margin:0 0 10px 0;font-size:1rem;color:var(--sp-muted)}
.sp-sitenav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sp-sitenav__a{text-decoration:none;display:block;padding:8px 10px;border-radius:12px;border:1px solid transparent}
.sp-sitenav__item.is-on .sp-sitenav__a{border-color:var(--sp-line)}

.sp-hero{margin-bottom:10px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-panel);padding:16px}
.sp-hero__title{margin:0 0 6px 0;line-height:1.2}
.sp-hero__desc{margin:0;color:var(--sp-muted)}
.sp-hero__meta{margin:10px 0 0 0;display:flex;gap:8px;flex-wrap:wrap}

.sp-article{min-width:0}
.sp-prose{border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-panel);padding:16px;max-width:78ch}
.sp-prose :where(h2,h3){scroll-margin-top:90px}

.sp-rail__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sp-rail__btn{border:1px solid var(--sp-line);background:transparent;color:inherit;border-radius:999px;width:36px;height:36px}
.sp-sections{margin:0;padding-left:18px}
.sp-sections__hint{color:var(--sp-muted)}
.sp-sections a{text-decoration:none}
.sp-sections .is-on > a{font-weight:900}

.sp-ads{border:1px dashed var(--sp-line);border-radius:var(--sp-radius);padding:12px;margin-top:12px}
.sp-ads__ph{color:var(--sp-muted);font-size:.9rem}

.sp-news__list{margin:0;padding-left:18px}
.sp-news__empty{color:var(--sp-muted)}
.sp-news__a{text-decoration:none}

.sp-404{text-align:center;padding:70px 10px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-panel)}
.sp-404__t{margin:0;font-size:2.6rem}
.sp-404__p{margin:10px 0 16px 0;color:var(--sp-muted)}