.news-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:96px;min-width:0}.news-section[hidden]{display:none!important}body:has(#news-section:not([hidden])) footer{margin-top:25px}.news-heading,.news-heading-copy,.news-home-actions{display:flex;align-items:center;gap:16px;min-width:0}.news-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.news-heading-copy{flex:1 1 330px;gap:12px}.news-section-icon{display:flex;color:var(--accent);flex-shrink:0}.news-section-icon svg{width:34px;height:34px}.news-heading h1,.news-heading h2{font-size:22px;line-height:1.3;margin:0;color:var(--text)}.news-heading h1{font-size:30px}.news-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0;max-width:620px}.news-home-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.news-tabs{display:flex;gap:5px;min-width:0;max-width:100%;overflow-x:auto;padding:2px;scrollbar-width:thin}.news-tab,.news-all,.news-pagination button,.news-empty button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--muted);min-height:38px;padding:8px 12px;font-size:11px;line-height:1.3;white-space:nowrap;cursor:pointer;font-family:inherit}.news-tab.active,.news-tab:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.news-all{color:var(--accent);border-color:var(--accent-border);font-size:12px;min-width:110px}.news-all svg{width:17px;height:17px}.news-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:14px;min-width:0}.news-card{position:relative;height:250px;min-width:0;overflow:hidden;border:1px solid #284763;border-radius:var(--radius-lg);background:#071321;transition:border-color .2s}.news-card:hover{border-color:var(--interactive)}.news-card-link{display:flex;flex-direction:column;height:100%;color:#f1f5f9;position:relative;text-decoration:none}.news-image{position:relative;height:111px;flex-shrink:0;overflow:hidden;background:radial-gradient(ellipse at 40% 25%,#12395b,#071321 80%)}.news-image img{position:relative;display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s;z-index:1}.news-image img[hidden]{display:none}.news-card:hover .news-image img{transform:scale(1.03)}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071321,transparent 65%);z-index:2;pointer-events:none}.news-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#c9a35d88;font-size:18px;letter-spacing:3px}.news-image-fallback svg{width:34px;height:34px}.news-badge{position:absolute;z-index:3;top:12px;left:12px;max-width:calc(100% - 24px);border:1px solid;border-radius:20px;padding:4px 9px;font-size:9px;line-height:1.3;font-weight:600;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-badge-blue{background:#073764d9;border-color:#4c94e3;color:#e0edff}.news-badge-violet{background:#3c1766e6;border-color:#9d65d7;color:#f2e8ff}.news-badge-gold{background:#634b1de6;border-color:#c9a35d;color:#fff2cd}.news-badge-rose{background:#631e42e6;border-color:#c76b99;color:#ffe7f2}.news-badge-teal{background:#124d4de6;border-color:#58aeaa;color:#ddfffa}.news-card-content{position:relative;z-index:3;display:flex;flex-direction:column;flex:1;min-height:0;padding:0 13px 12px}.news-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45;margin:2px 0 6px;font-weight:650;color:#f1f5f9;overflow-wrap:anywhere}.news-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.65;margin:0 0 8px;color:#a9bed4}.news-card-meta{display:flex;align-items:center;gap:6px;margin-top:auto;color:#a9bed4;font-size:10px;min-height:24px}.news-card-meta time{display:flex;align-items:center;gap:6px;white-space:nowrap}.news-card-meta time svg{width:13px;height:13px;stroke:currentColor;fill:none}.news-video{font-size:9px;padding:2px 4px;border-radius:3px;background:#ffffff0b;color:#b9c9db}.news-card-arrow{margin-left:auto;display:grid;place-items:center;border:1px solid #35516c;border-radius:50%;width:23px;height:23px;flex-shrink:0}.news-card-arrow svg{width:14px;height:14px}.news-card-featured{border-color:#3472af}.news-card-featured .news-image{position:absolute;inset:0;height:100%}.news-card-featured .news-image:after{background:linear-gradient(0deg,#071321,#071321f5 22%,#07132199 52%,#07132105 95%)}.news-card-featured .news-card-content{justify-content:flex-end;padding:70px 18px 14px}.news-card-featured h3{font-size:18px;-webkit-line-clamp:2;margin-top:auto}.news-card-featured .news-summary{font-size:12px;margin-bottom:10px}.news-card-featured .news-card-meta{margin-top:0}.news-card-featured .news-card-arrow{width:30px;height:30px;color:var(--accent);border-color:var(--accent-border)}.news-source{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.news-source a{color:var(--interactive)}.news-controls{display:flex;gap:12px;align-items:stretch;margin:24px 0 16px;min-width:0}.news-search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);padding:0 14px;min-width:0;color:var(--muted)}.news-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);font:inherit;font-size:14px;min-height:46px;outline-offset:-2px}.news-controls select{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--text);font:inherit;font-size:13px;min-height:48px;padding:0 32px 0 12px;max-width:100%}.news-grid-full{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-grid-full .news-card{height:340px}.news-grid-full .news-image{height:180px}.news-grid-full .news-card-content{padding:0 18px 16px}.news-grid-full h3{font-size:17px}.news-grid-full .news-summary{font-size:13px}.news-grid-full .news-card-meta{font-size:11px}.news-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px;font-size:13px;color:var(--muted)}.news-pagination button,.news-empty button{font-size:13px;min-height:44px}.news-pagination button:disabled{opacity:.4;cursor:default}.news-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px;border:1px dashed var(--line);border-radius:var(--radius-lg);padding:24px;text-align:center;color:var(--text)}.news-empty p{color:var(--muted);font-size:13px}.news-skeleton{padding:0 14px 14px;pointer-events:none}.news-skeleton div{height:115px;margin:0 -14px 18px;background:#17304a}.news-skeleton span{display:block;width:90%;height:12px;background:#17304a;border-radius:3px;margin-top:10px;animation:news-pulse 1.5s ease-in-out infinite}.news-skeleton span:last-child{width:55%}.news-grid:not(.news-grid-full)>.news-skeleton:first-child div{height:135px}.news-grid-full .news-skeleton div{height:180px}.news-section :is(button,a,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}body.news-view .hero{display:none}body.news-view .news-section{margin-top:0;border-top:0;padding-top:8px}@keyframes news-pulse{50%{opacity:.4}}@media(min-width:761px){body .desktop-nav a[data-nav="/tin-tuc"]{gap:7px}body .desktop-nav{gap:min(var(--site-nav-gap),18px)!important}body .desktop-nav a{font-size:14px!important}}@media(min-width:761px)and (max-width:1100px){body .desktop-nav{gap:10px!important}body .desktop-nav a{font-size:12px!important}body .header-inner{gap:18px!important}body .header-actions .region-label{display:none!important}}@media(min-width:761px)and (max-width:900px){body .header-inner{gap:12px!important}body .brand-logo{width:88px}body .desktop-nav{gap:8px!important}body .desktop-nav :is(a,.rankings-trigger){gap:4px;font-size:11px!important}body .desktop-nav .nav-icon{width:16px;height:16px}body .header-actions{gap:4px!important}body .header-actions .icon-button,body .header-actions #theme{min-width:44px!important;width:44px;padding:0 8px!important}}@media(max-width:1100px){.news-heading-copy{flex-basis:100%}.news-home-actions{width:100%;justify-content:space-between}.news-grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}.news-card-featured h3{font-size:16px}.news-card{height:265px}.news-card h3{-webkit-line-clamp:3}.news-video{display:none}}@media(max-width:900px){.news-grid,.news-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{height:265px}.news-image{height:135px}.news-card h3{font-size:15px;-webkit-line-clamp:2}.news-summary{font-size:12px}.news-card-featured h3{font-size:18px}.news-controls{flex-wrap:wrap}.news-search{flex-basis:100%}.news-controls>label:not(.news-search){flex:1;min-width:0}.news-controls select{width:100%}}@media(max-width:760px){.news-section{margin-top:28px;padding-top:20px}.news-heading{gap:12px}.news-heading h2{font-size:21px}.news-heading h1{font-size:25px}.news-heading p{font-size:12px}.news-section-icon svg{width:29px;height:29px}.news-home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.news-tab{min-height:44px;padding-inline:10px}.news-all{min-height:44px;padding:8px;font-size:11px;min-width:95px}.news-grid{gap:12px}.news-grid-full{gap:16px}body .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.news-controls input{font-size:16px}}@media(max-width:600px){.news-grid,.news-grid-full{grid-template-columns:minmax(0,1fr)}.news-card,.news-grid-full .news-card{height:310px}.news-image,.news-grid-full .news-image{height:165px}.news-card h3,.news-grid-full h3{font-size:16px}.news-card-content{padding-inline:16px}.news-card-featured{height:270px}.news-card-featured h3{font-size:20px}.news-card-featured .news-summary{font-size:13px}.news-card-featured .news-card-content{padding-top:80px}.news-summary{font-size:13px}.news-grid:not(.news-grid-full)>.news-skeleton:first-child{height:270px}.news-skeleton div{height:165px}.news-tab{font-size:11px}.news-controls{gap:8px}.news-controls select{font-size:12px;padding-left:8px;padding-right:24px}.news-pagination{gap:12px}.news-video{display:inline}}@media(prefers-reduced-motion:reduce){.news-section *{animation:none!important;transition:none!important}}
