/* ARB Apex Bank — News & Media refinements */
:root{--apex-green:#008447;--apex-green-dark:#005c32;--apex-gold:#f4b400}

/* Full-width search roll: background spans edge-to-edge, controls remain centred. */
main > .container:first-of-type{width:100%;max-width:none;padding:0;margin:0}
main > .container:first-of-type .tools{
    width:100%;
    margin:0;
    padding:24px 0;
    background:#f1f4f2;
    border-top:1px solid #dce3df;
    border-bottom:1px solid #dce3df;
    box-sizing:border-box;
}
main > .container:first-of-type .search{
    width:min(1120px,calc(100% - 48px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 200px 128px auto;
    gap:14px;
    align-items:center;
}
main > .container:first-of-type .search input,
main > .container:first-of-type .search select{
    height:60px;
    box-sizing:border-box;
    border:1px solid #d2dcd7;
    background:#fff;
    padding:0 18px;
    font:500 17px/1.2 Inter,Arial,sans-serif;
    color:#14231d;
}
main > .container:first-of-type .search button{
    height:60px;
    padding:0 27px;
    border:0;
    background:var(--apex-green);
    color:#fff;
    font:800 16px/1 Inter,Arial,sans-serif;
    cursor:pointer;
}
main > .container:first-of-type .search button:hover{background:var(--apex-green-dark)}
main > .container:first-of-type .search .clear{font-weight:700;color:var(--apex-green);white-space:nowrap}

/* Keep newsroom content aligned to the same central reading width below the search roll. */
main > .container:first-of-type > .section-head,
main > .container:first-of-type > .featured,
main > .container:first-of-type > .news-grid,
main > .container:first-of-type > .empty,
main > .container:first-of-type > .pagination{
    width:min(1328px,calc(100% - 48px));
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:760px){
    main > .container:first-of-type .search{grid-template-columns:1fr;width:min(100% - 32px,600px)}
    main > .container:first-of-type .search input,
    main > .container:first-of-type .search select,
    main > .container:first-of-type .search button{width:100%}
    main > .container:first-of-type > .section-head,
    main > .container:first-of-type > .featured,
    main > .container:first-of-type > .news-grid,
    main > .container:first-of-type > .empty,
    main > .container:first-of-type > .pagination{width:calc(100% - 32px)}
}
