/* ContentOS Module Styles */
.pillars-container { display: flex; gap: var(--space-6); align-items: flex-end; justify-content: center; padding: var(--space-8) 0; min-height: 300px; position: relative; }
@media (max-width: 767px) { .pillars-container { flex-direction: column; align-items: stretch; min-height: auto; } }
.pillar { flex: 1; max-width: 250px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; padding: var(--space-6); transform-origin: bottom; animation: riseColumn 0.6s ease-out forwards; opacity: 0; cursor: pointer; transition: all var(--transition-base); }
.pillar:hover { border-color: var(--accent-lime); transform: scaleY(1.02); }
.pillar:nth-child(1) { animation-delay: 0s; height: 200px; }
.pillar:nth-child(2) { animation-delay: 0.3s; height: 240px; }
.pillar:nth-child(3) { animation-delay: 0.6s; height: 220px; }
@media (max-width: 767px) { .pillar, .pillar:nth-child(1), .pillar:nth-child(2), .pillar:nth-child(3) { height: auto; border-radius: var(--radius-lg); } }
.pillar h3 { font-size: var(--text-base); margin-bottom: var(--space-2); }
.pillar .pillar-items { font-size: var(--text-xs); color: var(--text-muted); }
.platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
@media (max-width: 1023px) { .platform-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .platform-grid { grid-template-columns: 1fr; } }
.platform-tile { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); cursor: pointer; transition: all var(--transition-base); min-height: 100px; }
.platform-tile:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.platform-tile.viewed { border-color: var(--success); }
.platform-tile .platform-icon { font-size: 1.5rem; margin-bottom: var(--space-2); }
.platform-tile .platform-name { font-weight: var(--weight-semibold); margin-bottom: var(--space-1); }
.platform-tile .platform-info { display: none; font-size: var(--text-xs); color: var(--text-secondary); margin-top: var(--space-3); }
.platform-tile.expanded .platform-info { display: block; animation: fadeSlideUp 0.3s ease-out; }
.content-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; background: var(--border); border-radius: var(--radius-lg); overflow: hidden; }
@media (max-width: 767px) { .content-calendar { grid-template-columns: repeat(3, 1fr); } }
.calendar-header-cell { background: var(--bg-secondary); padding: var(--space-2); text-align: center; font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--text-muted); }
.calendar-day { background: var(--bg-card); padding: var(--space-3); min-height: 80px; cursor: pointer; transition: all var(--transition-fast); position: relative; }
.calendar-day:hover { background: var(--bg-card-hover); }
.calendar-day .day-number { font-size: var(--text-xs); font-weight: var(--weight-bold); margin-bottom: var(--space-1); }
.calendar-day .day-content { font-size: 0.625rem; line-height: 1.3; padding: 2px 4px; border-radius: 3px; margin-top: 2px; }
.calendar-day .day-content.educate { background: rgba(51,232,255,0.15); color: var(--accent-cyan); }
.calendar-day .day-content.entertain { background: rgba(255,107,107,0.15); color: var(--accent-coral); }
.calendar-day .day-content.inspire { background: rgba(123,94,255,0.15); color: var(--accent-violet); }
.calendar-day .day-content.convert { background: rgba(189,255,71,0.15); color: var(--accent-lime); }
.content-brief { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-6); }
.content-brief h3 { margin-bottom: var(--space-4); }
.content-brief .brief-section { margin-bottom: var(--space-4); }
.content-brief .brief-section h4 { font-size: var(--text-sm); color: var(--accent-lime); margin-bottom: var(--space-2); }
.content-brief .brief-section p, .content-brief .brief-section ul { font-size: var(--text-sm); color: var(--text-secondary); }
.content-brief .brief-section ul { padding-left: var(--space-4); list-style: disc; }