/* ics-fx-tintuc: /tin-tuc/ archive listing (Figma 2166:24529 Option 2). Fluid, one stack breakpoint at 991px. */
/* Grid: 3 tracks; lead spans 2 (864 = 2x416 + 32 gap), 3 small cards in track 3, grid cards fill 3 tracks. */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; column-gap:clamp(16px,2.44vw,32px)!important; row-gap:clamp(24px,3.47vw,50px)!important; align-items:start!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 { display:flex!important; flex-direction:column!important; padding:0!important; margin:0!important; background:none!important; box-shadow:none!important; border:0!important; border-radius:0!important; overflow:visible!important; min-width:0!important; min-height:0!important; grid-row:auto!important; grid-column:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 > .brxe-c7a1f3.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1.ics-pc--w1.ics-pc--w1 { display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; max-width:100%!important; padding:0!important; margin:0!important; background:#fff!important; border-radius:8px!important; overflow:hidden!important; box-shadow:none!important; }
/* photo: fill the slot, no torn edge */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .ics-torn-photo { flex:0 0 auto!important; width:100%!important; height:auto!important; aspect-ratio:416 / 311!important; margin:0!important; padding:0!important; overflow:hidden!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .ics-torn-photo > .nw-ci { width:100%!important; height:100%!important; aspect-ratio:auto!important; object-fit:cover!important; margin:0!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .nw-cb { flex:1 1 auto!important; min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; align-items:stretch!important; gap:8px!important; padding:24px!important; margin:0!important; box-sizing:border-box!important; background:none!important; }
/* lead: horizontal, image 528 of 864 */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) { grid-column:1 / span 2!important; grid-row:1 / span 3!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) > .brxe-c7a1f3.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 { flex-direction:row!important; height:clamp(260px,45.8vw,396px)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) .ics-torn-photo { flex:0 0 61.11%!important; width:61.11%!important; aspect-ratio:auto!important; height:100%!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) .nw-cb { justify-content:center!important; padding:24px 32px!important; gap:16px!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) .nw-tit { font-family:'EB Garamond',Georgia,serif!important; font-weight:500!important; font-size:clamp(24px,2.5vw,36px)!important; line-height:1.11!important; letter-spacing:-0.01em!important; -webkit-line-clamp:4!important; }
/* small horizontal cards in track 3: thumb 154 of 416, height 116, gap 24 */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) { grid-column:3!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) > .brxe-c7a1f3.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 { flex-direction:row!important; height:116px!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) .ics-torn-photo { flex:0 0 37.02%!important; width:37.02%!important; aspect-ratio:auto!important; height:100%!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) .nw-cb { justify-content:center!important; padding:16px 24px!important; gap:6px!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) .nw-tit { font-size:clamp(16px,1.6vw,22px)!important; line-height:1.25!important; -webkit-line-clamp:2!important; }
/* grid cards: image 416x311, content 112 below */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+5) .nw-cb { min-height:112px!important; padding:16px 24px!important; justify-content:flex-start!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .nw-tit { font-size:clamp(18px,1.9vw,26px)!important; line-height:1.25!important; -webkit-line-clamp:2!important; font-family:'EB Garamond',Georgia,serif!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .nw-chip { align-self:flex-start!important; }
/* stack breakpoint */
@media (max-width:991px) {
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid { grid-template-columns:minmax(0,1fr)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n) { grid-column:1!important; grid-row:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) > .brxe-c7a1f3.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 { flex-direction:column!important; height:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(1) .ics-torn-photo { width:100%!important; flex:0 0 auto!important; aspect-ratio:416 / 311!important; height:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) > .brxe-c7a1f3.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1 { height:auto!important; }
}
/* search bar: full width 48px, pills row */
html body #brxe-nwfs01#brxe-nwfs01#brxe-nwfs01 input { height:48px!important; box-sizing:border-box!important; width:100%!important; padding:0 16px!important; border-radius:8px!important; }
html body #brxe-nwchiprow#brxe-nwchiprow#brxe-nwchiprow { display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
html body #brxe-nwchiprow#brxe-nwchiprow#brxe-nwchiprow > * { height:32px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; padding:0 12px!important; border-radius:16px!important; text-decoration:none!important; white-space:nowrap!important; }
html body #brxe-nwall#brxe-nwall#brxe-nwall { min-width:68px!important; }
/* loaded-once safety: do not show horizontal overflow */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid { max-width:100%!important; }
/* search: magnifier icon inside input, right 16px, 24px */
html body #brxe-nwfs01#brxe-nwfs01#brxe-nwfs01 input { padding:0 56px 0 16px!important; background-color:#fff!important; background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23302f29%22%20stroke-width=%222%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%227%22/%3E%3Cpath%20d=%22M20%2020l-4-4%22/%3E%3C/svg%3E')!important; background-repeat:no-repeat!important; background-position:right 16px center!important; background-size:24px 24px!important; }
/* p-leadtab 2026-11-12: below 992px the grid really stacks (lead collapsed to 0px and small cards stuck in track 3) */
@media (max-width:991px) {
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid { grid-template-columns:minmax(0,1fr)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc.ics-pc--w1.ics-pc--w1.ics-pc--w1:nth-child(n+2):nth-child(-n+4) { grid-column:1!important; }
}

/* p-tintuc-tab 2026-11-12: decisive lead + tablet layout. 6 ids so it beats :is() rules in ics-fx-cards. */
@media (min-width:992px) {
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:first-child > .brxe-c7a1f3 { flex-direction:row!important; height:clamp(320px,30vw,432px)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:first-child > .brxe-c7a1f3 > .ics-torn-photo { flex:0 0 55%!important; width:55%!important; height:100%!important; aspect-ratio:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:first-child > .brxe-c7a1f3 > .nw-cb { flex:1 1 0!important; min-width:0!important; height:auto!important; justify-content:flex-end!important; padding:clamp(24px,2.5vw,32px)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .nw-cb > .nw-tit, html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid .nw-cb > .ics-pc-desc { flex:0 0 auto!important; }
}
/* 992-1199: lead full row, the 3 small cards become normal vertical cards in one row */
@media (min-width:992px) and (max-width:1199px) {
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:first-child { grid-column:1 / -1!important; grid-row:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:nth-child(n+2):nth-child(-n+4) { grid-column:auto!important; grid-row:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:nth-child(n+2):nth-child(-n+4) > .brxe-c7a1f3 { flex-direction:column!important; height:100%!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:nth-child(n+2):nth-child(-n+4) > .brxe-c7a1f3 > .ics-torn-photo { flex:0 0 auto!important; width:100%!important; height:auto!important; aspect-ratio:416 / 311!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:nth-child(n+2):nth-child(-n+4) > .brxe-c7a1f3 > .nw-cb { justify-content:flex-start!important; padding:16px 24px!important; min-height:112px!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:nth-child(n+2):nth-child(-n+4) .nw-tit { font-size:clamp(18px,1.9vw,26px)!important; }
}

/* p-nw-nosmall 2026-11-12: no tiny horizontal cards. Every card after the lead is a normal w1 card; card 2 sits beside the lead. Selectors use "first news card" (not :first-child) so /co-gi-moi/ and category archives match too. */
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard ~ .brxe-nwcard { grid-column:auto!important; grid-row:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard ~ .brxe-nwcard > .brxe-c7a1f3 { flex-direction:column!important; height:100%!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard ~ .brxe-nwcard > .brxe-c7a1f3 > .ics-torn-photo { flex:0 0 auto!important; width:100%!important; height:auto!important; aspect-ratio:416 / 311!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard ~ .brxe-nwcard > .brxe-c7a1f3 > .nw-cb { justify-content:flex-start!important; padding:16px 24px!important; min-height:112px!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard ~ .brxe-nwcard .nw-tit { font-size:clamp(18px,1.9vw,26px)!important; -webkit-line-clamp:2!important; }
@media (min-width:992px) {
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) { grid-column:1 / span 2!important; grid-row:auto!important; align-self:stretch!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) > .brxe-c7a1f3 { flex-direction:row!important; height:100%!important; min-height:clamp(300px,28vw,420px)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) > .brxe-c7a1f3 > .ics-torn-photo { flex:0 0 50%!important; width:50%!important; height:auto!important; aspect-ratio:auto!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) > .brxe-c7a1f3 > .nw-cb { flex:1 1 0!important; min-width:0!important; height:auto!important; justify-content:flex-end!important; padding:clamp(24px,2.5vw,32px)!important; }
html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) .nw-tit, html body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid > .brxe-nwcard:not(.brxe-nwcard ~ .brxe-nwcard) .ics-pc-desc { flex:0 0 auto!important; }
}