.bd { background: #ffe8f4; color: #4a1a3a; font: 12px 'Comic Sans MS', 'Trebuchet MS', sans-serif; min-height: 100%; }
.bd-head { background: linear-gradient(#ff7ac0, #ffc0e0); padding: 14px; text-align: center; border-bottom: 3px dotted #ff3a9a; } .bd-title { font: bold 24px 'Comic Sans MS', cursive; color: #fff; text-shadow: 2px 2px #c4167a; } .bd-sub { color: #7a1a5a; }
.bd-cols { display: flex; gap: 12px; padding: 12px; flex-wrap: wrap; } .bd-posts { flex: 3 1 400px; } .bd-side { flex: 1 1 170px; }
.bd-post { background: #fff; border: 2px dashed #ff7ac0; border-radius: 10px; padding: 10px; margin-bottom: 12px; } .bd-date { color: #c4167a; font-size: 11px; } .bd-post h3 { margin: 4px 0; color: #c4167a; } .bd-post p { line-height: 1.5; } .bd-mood { color: #7a1a5a; font-size: 11px; font-style: italic; }
.bd-box { background: #fff0f8; border: 2px solid #ff9ad0; border-radius: 10px; padding: 8px; margin-bottom: 8px; } .bd-cnt { font: bold 18px monospace; background: #000; color: #5aff8a; display: inline-block; padding: 2px 8px; margin-top: 4px; }
.bd-in { font: 11px sans-serif; width: 70%; } .bd-cf { margin-top: 6px; } .bd-c { padding: 2px 0; border-top: 1px dotted #ffb0d8; } .bd-r { color: #c4167a; }