/* 3.0.5: categories and topic listings only. Do not resize ad creatives. */
#als-main-container.als-container-full-width {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 auto !important;
    padding: 32px max(16px, calc((100% - 1200px) / 2)) 48px !important;
    box-sizing: border-box !important;
}
#als-main-container .als-header,
#als-main-container .als-category-header {
    padding: clamp(24px, 4vw, 48px);
    margin: 0 0 28px;
    border-radius: 20px;
}
#als-main-container .als-header h1,
#als-main-container .als-category-header h1 {
    font-size: clamp(26px, 3.5vw, 42px) !important;
    line-height: 1.22;
    overflow-wrap: anywhere;
}
#als-main-container .als-header p,
#als-main-container .als-category-header p { margin-bottom: 0; color: #cbd5e1; }
#als-main-container .als-categories-grid,
#als-main-container .als-topics-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 24px;
    width: 100%;
    min-width: 0;
    margin-top: 0;
}
#als-main-container .als-category-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 28px;
    align-items: start;
}
#als-main-container .als-topics-wrapper { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; }
#als-main-container .als-category-sidebar { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; }
#als-main-container .als-category-card,
#als-main-container .als-topic-card {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px;
    border-color: rgba(148,163,184,.22);
    overflow-wrap: anywhere;
}
#als-main-container .als-card-image,
#als-main-container .als-topic-image { height: auto; aspect-ratio: 16 / 9; flex: none; }
#als-main-container .als-card-image img,
#als-main-container .als-topic-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
#als-main-container .als-card-content,
#als-main-container .als-topic-content { padding: 20px; flex: 1; display: flex; flex-direction: column; }
#als-main-container .als-card-content h3,
#als-main-container .als-topic-content h3 { font-size: 18px !important; line-height: 1.4; display: block; overflow: visible; }
#als-main-container .als-card-content p,
#als-main-container .als-topic-content p { font-size: 14px !important; line-height: 1.65; color: #cbd5e1 !important; }
#als-main-container .als-card-meta,
#als-main-container .als-topic-meta { margin-top: auto; padding-top: 16px; gap: 12px; flex-wrap: wrap; }
#als-main-container .als-topic-count { color: #cbd5e1; }
#als-main-container a:focus-visible { outline: 3px solid #fbbf24; outline-offset: 4px; }
/* Auto-inserted ad wrappers take a separate row instead of a card column. */
#als-main-container .als-categories-grid > :not(.als-category-card),
#als-main-container .als-topics-grid > :not(.als-topic-card),
#als-main-container .als-category-layout > :not(.als-category-sidebar):not(.als-topics-wrapper) {
    grid-column: 1 / -1;
    min-width: 0;
}
#als-main-container .als-ad-footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: visible;
}
#als-main-container .als-ad-footer:empty { display: none; }
@media (max-width: 900px) {
    #als-main-container .als-category-layout { grid-template-columns: minmax(0, 1fr); }
    #als-main-container .als-category-sidebar { grid-column: 1; grid-row: auto; position: static; order: 2; }
}
@media (max-width: 600px) {
    #als-main-container.als-container-full-width { padding: 16px 14px 32px !important; }
    #als-main-container .als-categories-grid,
    #als-main-container .als-topics-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    #als-main-container .als-header,
    #als-main-container .als-category-header { padding: 24px 20px; margin-bottom: 22px; }
    #als-main-container .als-header p,
    #als-main-container .als-category-header p { font-size: 15px; line-height: 1.7; }
    #als-main-container .als-back-btn { min-height: 44px; box-sizing: border-box; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
    #als-main-container .als-category-card,
    #als-main-container .als-topic-card,
    #als-main-container .als-categories-grid,
    #als-main-container .als-topics-grid,
    #als-main-container img { animation: none; transition: none; transform: none; }
}