@media (max-width:640px) {
 .reel-shell .reel-toolbar {
  background:transparent !important;
 }
 #blog-reel {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  column-count:1 !important;
  background:transparent !important;
 }
 #blog-reel .reel-card {
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 20px !important;
  overflow:hidden !important;
  background:var(--wm-surface) !important;
  color:var(--wm-ink) !important;
 }
 #blog-reel .reel-media-shell,
 #blog-reel .reel-media-frame {
  display:block !important;
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 !important;
  padding:0 !important;
  background:var(--wm-surface) !important;
 }
 #blog-reel .reel-image {
  display:block !important;
  position:static !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 !important;
  object-fit:contain !important;
  filter:none !important;
 }
 #blog-reel .reel-shade,
 #blog-reel .reel-media-title,
 #blog-reel .reel-content h3,
 #blog-reel .reel-tags {
  display:none !important;
 }
 #blog-reel .reel-content {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  padding:15px 14px 17px !important;
  background:var(--wm-surface) !important;
  color:var(--wm-ink) !important;
  text-shadow:none !important;
 }
 #blog-reel .reel-meta {
  display:block !important;
  grid-column:1/-1;
  color:var(--wm-muted) !important;
  font:600 .74rem/1.5 Inter,Arial,sans-serif !important;
  letter-spacing:.06em;
 }
 #blog-reel .reel-read {
  grid-column:1;
  width:max-content;
  max-width:100%;
  min-height:44px;
  margin:0 !important;
  padding:10px 13px !important;
  background:#fff0c5 !important;
  color:#29272b !important;
  font:600 .85rem/1.5 Inter,Arial,sans-serif !important;
  text-shadow:none !important;
 }
 #blog-reel .card-actions {
  display:flex !important;
  position:static !important;
  inset:auto !important;
  gap:7px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
 }
 #blog-reel .card-action {
  min-width:44px;
  min-height:44px;
  padding:6px !important;
  color:var(--wm-ink) !important;
  background:var(--wm-panel) !important;
  border:1px solid var(--wm-border) !important;
  backdrop-filter:none !important;
 }
 #blog-reel .like-action.active {
  color:var(--wm-pink) !important;
  border-color:var(--wm-pink) !important;
 }
 #blog-reel .has-video .reel-media-frame {
  aspect-ratio:16/9 !important;
 }
 #blog-reel .has-video .reel-image {
  height:100% !important;
  aspect-ratio:auto !important;
 }
}