.bg-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.bg-tab { min-height: 44px; padding: 0 16px; border: 1px solid var(--control); border-radius: 10px; background: var(--surface); color: var(--ink); font: inherit; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.bg-tab[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: var(--on-ink); }
.bg-tab .bg-n { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--sun); color: var(--ink); font-size: var(--t-s); }
.bg-write { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 12px; align-items: start; }
.bg-plist { display: grid; gap: 6px; }
.bg-pick { display: grid; gap: 3px; width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.bg-pick[aria-current="true"] { border-color: var(--ink); background: var(--paper-2); }
.bg-pick b { font-size: .9375rem; line-height: 1.35; }
.bg-edit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bg-edit .bg-full { grid-column: 1 / -1; }
.bg-prev { min-height: 200px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font-size: 1rem; line-height: 1.7; }
.bg-prev h3 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 800; }
.bg-prev h4 { margin: 14px 0 4px; font-size: 1.0625rem; font-weight: 800; }
.bg-prev p { margin: 0 0 8px; }
.bg-prev ul { display: grid; gap: 2px; margin: 0 0 8px; padding-left: 20px; list-style: disc; }
.bg-note { padding: 9px 12px; border-radius: 10px; background: var(--sun-soft); font-size: var(--t-s); font-weight: 600; }
.bg-pub { display: grid; gap: 12px; }
.bg-art { display: grid; gap: 6px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.bg-art h3 { font-size: 1.125rem; font-weight: 800; line-height: 1.4; }
.bg-art.is-new { border-color: var(--ink); }
.bg-site { display: grid; gap: 4px; padding: 14px 16px; border-radius: 12px; background: var(--paper-2); }
.bg-site b { font-size: var(--t-l); }
@media (max-width: 860px) { .bg-write { grid-template-columns: minmax(0, 1fr); } .bg-edit { grid-template-columns: minmax(0, 1fr); } }
.d-stack > *, .d-card { min-width: 0; }