.newsroom-section{background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:60vh;padding:0 24px;display:flex;position:relative}.newsroom-container{width:100%;max-width:2000px;margin:0 auto;padding:32px 16px}@media (min-width:768px){.newsroom-container{padding:40px 32px}}@media (min-width:1280px){.newsroom-container{padding:40px 64px}}@media (min-width:1536px){.newsroom-container{padding:40px 80px}}.newsroom-header{margin-bottom:24px}.newsroom-header-top{flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}@media (min-width:768px){.newsroom-header-top{flex-direction:row;align-items:center;gap:0}}.newsroom-count{color:#666;font-size:22px;font-weight:600}@media (min-width:768px){.newsroom-count{font-size:24px}}.newsroom-count .white{color:#1a1a1a;font-weight:700}.newsroom-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:100%;height:56px;padding:0 20px;display:flex;position:relative}@media (min-width:768px){.newsroom-search{width:300px}}.newsroom-search-input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:16px}.newsroom-search-input::placeholder{color:#9ca3af}.newsroom-search-button{color:#1a1a1a;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.newsroom-list{padding-top:0;padding-bottom:24px}@media (min-width:768px){.newsroom-list{padding-top:24px;padding-bottom:40px}}.newsroom-grid-list{grid-template-columns:repeat(1,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.newsroom-grid-list li{align-items:stretch;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.newsroom-grid-list{grid-template-columns:repeat(2,1fr);gap:32px}}@media (min-width:1024px){.newsroom-grid-list{grid-template-columns:repeat(4,1fr)}}.newsroom-card-link{color:inherit;width:100%;height:100%;text-decoration:none;display:flex}.newsroom-card{flex-direction:column;gap:16px;width:100%;height:100%;transition:all .3s;display:flex}@media (min-width:768px){.newsroom-card{gap:30px}}.newsroom-card-link:hover .newsroom-card .newsroom-card-title{color:#1a1a1a}.newsroom-thumbnail{aspect-ratio:1.3;background:#1a1a1a;border-radius:16px;flex-shrink:0;width:100%;max-height:320px;margin:0;position:relative;overflow:hidden}.newsroom-thumbnail-image{object-fit:cover;transition:transform .5s;position:absolute;inset:0}.newsroom-card-link:hover .newsroom-thumbnail-image{transform:scale(1.05)}.newsroom-card-content{flex-direction:column;flex:1;gap:10px;display:flex}@media (min-width:768px){.newsroom-card-content{gap:12px}}.newsroom-card-date{color:#666;margin:0;font-size:16px}@media (min-width:768px){.newsroom-card-date{font-size:18px}}.newsroom-card-title{color:#1a1a1a;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.4;transition:color .3s}@media (min-width:768px){.newsroom-card-title{font-size:24px}}.newsroom-card-summary{color:#666;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (min-width:768px){.newsroom-card-summary{font-size:18px}}.newsroom-pagination{justify-content:center;align-items:center;margin-top:24px;display:flex}.pagination-list{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.pagination-list li button{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .3s;display:flex}.pagination-list li:not(.pagination-prev,.pagination-next) button{font-weight:500}.pagination-list li.pagination-current button{color:#fff;background:#1a1a1a}.pagination-list li.pagination-prev button,.pagination-list li.pagination-next button{color:#1a1a1a;font-size:24px}.pagination-list li.pagination-prev button:disabled,.pagination-list li.pagination-next button:disabled{color:#9ca3af;cursor:not-allowed}.pagination-list li.pagination-prev button:not(:disabled):hover,.pagination-list li.pagination-next button:not(:disabled):hover{color:#1a1a1a}.pagination-list li:not(.pagination-prev,.pagination-next) button:hover{background:#f3f4f6}
