.bw-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 760px) { .bw-grid.two { grid-template-columns: 1fr 1fr; } }
.bw-panel { border: 1px solid rgba(255,255,255,0.12); padding: 12px 14px; margin: 12px 0; }
.bw-panel h3 { margin-top: 0; }
.bw-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: end; }
.bw-row > label { flex: 1; min-width: 120px; display: block; font-size: small; }
.bw-row input, .bw-row select { width: 100%; box-sizing: border-box; }
.bw-table { width: 100%; border-collapse: collapse; font-size: small; }
.bw-table th, .bw-table td { border: 1px solid rgba(255,255,255,0.12); padding: 4px 8px; text-align: left; }
.bw-swim { border: 1px solid rgba(255,255,255,0.1); margin: 10px 0; background: rgba(255,255,255,0.02); }
.bw-note { font-size: small; color: #9a9aa8; }
.bw-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.bw-share { width: 100%; box-sizing: border-box; font-size: x-small; }
.bw-del { cursor: pointer; color: #ff9db0; background: none; border: none; }
@media print {
    #banner, .section-side, .skip-link, .standard-actions, .bw-actions, form, .survival-widget,
    .bw-del, #bw-share-out, #memo-remove { display: none !important; }
    body { background: #fff; color: #000; }
    .bw-swim { background: #fff; border-color: #999; }
    .bw-table th, .bw-table td { border-color: #999; color: #000; }
    a { color: #000; }
    
    .bw-swim svg path, .bw-swim svg polyline { stroke: #000 !important; }
    .bw-swim svg circle { fill: #000 !important; }
    .bw-swim svg rect { fill: #ddd !important; }
    .bw-swim svg text { fill: #333 !important; }
    .bw-note { color: #333; }
}