/* Community surface, separate from flashcard .dsf-* styles. */
html[data-theme] body #dsf-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html[data-theme] body #dsf-app :is(h1,h2,h3,button,input,select,textarea){font-family:inherit!important}
html[data-theme] body #dsf-app h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.03em!important}
html[data-theme] body #dsf-app h2{font-size:24px!important;line-height:1.3!important;font-weight:650!important}
html[data-theme] body #dsf-app h3{font-size:20px!important;line-height:1.4!important;font-weight:600!important}
html[data-theme] body #dsf-app p{font-size:15px!important;line-height:1.65!important;font-weight:400!important;overflow-wrap:anywhere}
html[data-theme] body #dsf-app :is(button,input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%;border-radius:10px!important}
html[data-theme] body #dsf-app :is(button,select,input){min-height:44px;font-size:16px!important}
html[data-theme] body #dsf-app :is(.dsf-post,.dsf-side,.dsf-detail,.dsf-comment){border-radius:16px!important;box-shadow:none!important}
html[data-theme] body #dsf-app .dsf-cat{width:100%;text-align:left;border:1px solid var(--ds-border);color:var(--ds-text);background:var(--ds-card);font-size:14px!important}
html[data-theme] body #dsf-app .dsf-cat.is-on{background:var(--ds-accent)!important;color:var(--ds-on-accent)!important}
html[data-theme] body #dsf-app :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ds-accent)!important;outline-offset:3px}
html[data-theme] body #dsf-app .dsf-post>div{min-width:0}
html[data-theme] body #dsf-app .dsf-meta{flex-wrap:wrap;overflow-wrap:anywhere}
html[data-theme] body #dsf-app .dsf-detail-body{white-space:pre-wrap}
html[data-theme] body #dsf-app [data-action-status],html[data-theme] body #dsf-app [data-reply-status]{padding:12px;border:1px solid var(--ds-border);border-radius:10px;overflow-wrap:anywhere}
@media(max-width:600px){
 html[data-theme] body #dsf-app .dsf-wrap{padding-inline:12px!important;width:100%!important;box-sizing:border-box}
 html[data-theme] body #dsf-app .dsf-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:8px}
 html[data-theme] body #dsf-app :is(.dsf-post,.dsf-detail,.dsf-side){padding:16px!important}
 html[data-theme] body #dsf-app .dsf-post{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html[data-theme] body #dsf-app .dsf-post .dsf-score{grid-row:2;justify-self:start;min-height:32px;padding:4px 10px;font-size:12px}
 html[data-theme] body #dsf-app .dsf-post .dsf-score b{font-size:15px}
 html[data-theme] body #dsf-app .dsf-post .dsf-score span{font-size:10px}
 html[data-theme] body #dsf-app .dsf-post>div:last-child{grid-row:1}
 html[data-theme] body #dsf-app .dsf-actions{flex-wrap:wrap;gap:8px}
}
/* Public author images only; anonymous and private authors keep initials. */
#dsf-app .dsf-avatar{width:30px;height:30px;min-width:30px;flex:none;object-fit:cover;border-radius:50%;vertical-align:middle}
#dsf-app .dsf-avatar-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-accent);font-weight:700}