/* HeroUI v3, Apache-2.0. Source snapshots and mapping: ../reference/heroui-home/.
 * Card, Button, Avatar, Chip, Alert utilities expanded into scoped plain CSS.
 * Page grid and article media layout are specific to BronzArena.
 */
.container.cobalt-home {
 --home-surface:oklch(.2103 .0059 285.89); --home-fg:oklch(.9911 0 0);
 --home-muted:oklch(70.5% .015 286.067); --home-default:oklch(27.4% .006 286.033);
 --home-accent:oklch(.6204 .195 253.83); --home-separator:oklch(25% .006 286.033);
 max-width:1360px; width:100%; margin:24px auto 0; padding:0 24px 16px;
 color:var(--home-fg); font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif;
}
.cobalt-home, .cobalt-home * { box-sizing:border-box; }
.cobalt-home .cobalt-home-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:0; align-items:start; }
.cobalt-home .cobalt-home-grid.has-left { grid-template-columns:256px minmax(0,1fr); }
.cobalt-home .cobalt-home-grid.has-right { grid-template-columns:minmax(0,1fr) 256px; }
.cobalt-home .cobalt-home-grid.has-left.has-right { grid-template-columns:256px minmax(0,1fr) 256px; }
.cobalt-home .cobalt-home-grid > * { width:100%; max-width:100%; min-width:0; padding:0; }
.cobalt-home .cobalt-home-sidebar { display:flex; flex-direction:column; gap:16px; }
/* Card base: p-4, gap-3, radius-3xl, bg-surface, dark shadow-surface. */
.cobalt-home .cobalt-news-row, .cobalt-home .card {
 position:relative; display:flex; flex-direction:column; gap:12px; padding:16px;
 overflow:visible; border:0 !important; border-radius:24px; background:var(--home-surface) !important;
 color:var(--home-fg); box-shadow:0 0 0 0 transparent inset !important;
}
.cobalt-home .cobalt-news-row { margin-bottom:16px; }
.cobalt-home .cobalt-home-sidebar .card { margin-bottom:0 !important; }
.cobalt-home .card-header, .cobalt-home .card-body, .cobalt-home .card-footer {
 padding:0 !important; margin:0; border:0; background:transparent !important; color:inherit; font:inherit;
}
.cobalt-home .card-body { flex:1; min-width:0; }
.cobalt-home .card-header, .cobalt-home .widget-header-txt {
 font:500 14px/24px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif !important;
 color:var(--home-fg) !important; text-transform:none; letter-spacing:normal;
}
.cobalt-home .widget-header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.cobalt-home .widget-header-txt::after { display:none; }
.cobalt-home .cobalt-home-section-title { margin:0 0 16px; font:500 16px/24px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; letter-spacing:normal; text-transform:none; color:var(--home-fg); }
.cobalt-home .cobalt-news-row__head { display:flex; align-items:flex-start; gap:12px; }
.cobalt-home .cobalt-news-row__title-wrap { flex:1; min-width:0; }
.cobalt-home .cobalt-news-row__title { display:inline-block; font:500 14px/24px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:var(--home-fg) !important; overflow-wrap:anywhere; }
.cobalt-home .cobalt-news-row__title:hover { text-decoration:underline; text-underline-offset:3px; }
.cobalt-home .cobalt-news-row__meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin-top:4px; color:var(--home-muted); font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; }
.cobalt-home .cobalt-news-row__body { margin:0; min-width:0; }
.cobalt-home .cobalt-news-content { color:var(--home-fg); font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; overflow-wrap:anywhere; }
.cobalt-home .cobalt-news-content > :last-child { margin-bottom:0; }
.cobalt-home .cobalt-news-content img, .cobalt-home .cobalt-news-content video, .cobalt-home .cobalt-news-content iframe { display:block; width:auto; max-width:100%; height:auto; max-height:none; object-fit:contain; border-radius:16px; }
.cobalt-home .cobalt-news-content iframe { width:100%; aspect-ratio:16/9; }
.cobalt-home .cobalt-news-content pre { max-width:100%; overflow:auto; }
.cobalt-home .cobalt-news-row__footer { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:0; }
/* Avatar md: size-10, rounded-3xl; sm: size-8, rounded-2xl. */
.cobalt-home .cobalt-news-row__avatar { flex:0 0 auto; margin:0; }
.cobalt-home .cobalt-news-row__avatar img, .cobalt-home .staff-widget-img img { width:40px; height:40px; max-width:40px !important; object-fit:cover; border-radius:24px; background:var(--home-default); }
.cobalt-home .post-avatar img { width:32px; height:32px; object-fit:cover; border-radius:16px; }
.cobalt-home .staff-card, .cobalt-home .widget-post-flex { display:flex; align-items:flex-start; gap:12px; }
.cobalt-home .staff-info, .cobalt-home .post-info { margin:0; min-width:0; flex:1; font:inherit; }
/* Chip default: px-2 py-0.5 text-xs leading-5 font-medium rounded-2xl. */
.cobalt-home .news-badge, .cobalt-home .widget-header .number {
 display:inline-flex; align-items:center; flex-shrink:0; width:fit-content; gap:2px;
 padding:2px 8px; margin:0; max-height:none; border:0; border-radius:16px;
 background:var(--home-default); color:var(--home-fg); font:500 12px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; text-transform:none; letter-spacing:normal;
}
.cobalt-home .news-badge .badge { padding:0; font:inherit; background:transparent !important; color:inherit; }
/* Button md: h-10 md:h-9, px-4, text-sm font-medium, rounded-3xl. */
.cobalt-home .btn {
 display:inline-flex; position:relative; align-items:center; justify-content:center; gap:8px;
 height:40px; width:fit-content; padding:0 16px; margin:0; border:0 !important; border-radius:24px !important;
 background:var(--home-default) !important; color:var(--home-fg) !important;
 font:500 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; text-transform:none; letter-spacing:normal; white-space:nowrap;
 box-shadow:none !important; transition:transform 250ms ease,background-color 100ms ease; text-decoration:none;
}
.cobalt-home .btn-theme { background:var(--home-accent) !important; }
.cobalt-home .btn:hover { background:color-mix(in oklab,var(--home-default) 96%,var(--home-fg) 4%) !important; }
.cobalt-home .btn-theme:hover { background:color-mix(in oklab,var(--home-accent) 90%,var(--home-fg) 10%) !important; }
.cobalt-home .btn:active { transform:scale(.97); }
.cobalt-home .btn:focus-visible, .cobalt-home a:focus-visible { outline:2px solid var(--home-accent); outline-offset:2px; }
.cobalt-home .btn:disabled, .cobalt-home .btn.disabled { opacity:.5; pointer-events:none; }
/* Alert base: px-4 py-3 bg-surface, rounded-3xl, text-sm. */
.cobalt-home .alert { display:flex; align-items:flex-start; gap:16px; padding:12px 16px; border:0; border-radius:24px; background:var(--home-surface) !important; color:var(--home-fg) !important; font:inherit; box-shadow:none; }
.cobalt-home .grey-link { color:var(--home-muted) !important; }
.cobalt-home .white-link { color:var(--home-fg) !important; }
.cobalt-home .vpn-banner-link { display:block; width:100%; max-width:100%; margin-bottom:0 !important; }
.cobalt-home .vpn-banner-image { display:block; width:100%; max-width:100%; height:auto; }
@media(min-width:768px) { .cobalt-home .btn { height:36px; } }
@media(max-width:991px) {
 .cobalt-home .cobalt-home-grid.has-left, .cobalt-home .cobalt-home-grid.has-right, .cobalt-home .cobalt-home-grid.has-left.has-right { grid-template-columns:minmax(0,1fr); }
 .cobalt-home .cobalt-home-main { order:-1; }
}
@media(max-width:575px) { .container.cobalt-home { padding-inline:16px; } .cobalt-home .cobalt-news-row__head { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .cobalt-home .btn { transition:none; } }