.dfs-container{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=800px){.dfs-container{grid-template-columns:2fr 1fr;align-items:start}}.dfs-feed{flex-direction:column;gap:1.5rem;display:flex}.dfs-post{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--dur-fast), box-shadow var(--dur-fast);padding:1.5rem}.dfs-post:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dfs-post-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dfs-avatar{border-radius:var(--r-full);background:var(--accent-200);width:3rem;height:3rem;font-weight:var(--fw-bold);color:var(--accent-700);place-items:center;display:grid}.dfs-author-info{flex-direction:column;display:flex}.dfs-author-name{font-weight:var(--fw-bold);color:var(--text)}.dfs-post-date{font-size:var(--fs-xs);color:var(--text-muted)}.dfs-post-body{font-size:var(--fs-base);line-height:var(--lh-relaxed);margin-bottom:1rem}.dfs-post-img{background:var(--surface-3);border-radius:var(--r-md);width:100%;height:200px;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:1rem;font-style:italic;display:flex}.dfs-questions{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-lg);top:calc(var(--header-h) + 2rem);padding:1.5rem;position:sticky}.dfs-questions h3{font-size:var(--fs-lg);align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.dfs-q-group{margin-bottom:1.25rem}.dfs-q-group label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);margin-bottom:.5rem;display:block}.dfs-q-group input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);width:100%;color:var(--text);transition:border-color var(--dur-fast);padding:.75rem 1rem}.dfs-q-group input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-500) 20%, transparent);outline:none}.dfs-q-group input.is-correct{border-color:var(--success);background:var(--success-bg)}.dfs-submit{width:100%;margin-top:1rem}.dfs-success{text-align:center;background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--r-lg);padding:3rem 1rem}.dfs-success h2{color:var(--success);margin-bottom:1rem}.dfs-success p{color:var(--text-muted);margin-bottom:2rem}