*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#f5f7fa;color:#102a56;line-height:1.55}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(1240px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #dfe6ef;box-shadow:0 2px 12px rgba(16,42,86,.06)}
.header{min-height:82px;display:flex;align-items:center;gap:24px}
.logo{width:245px;height:58px;display:flex;align-items:center;flex-shrink:0;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:17px;flex:1;justify-content:center}
nav a{color:#35527b;font-size:12px;font-weight:700;padding:31px 0;position:relative;white-space:nowrap}
nav a:hover,nav a.active{color:#0b3b86}
nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:3px;background:#ffd400}
.header-actions{display:flex;gap:10px;align-items:center}
.icon-btn{width:44px;height:44px;background:#fff;border:1px solid #d7e0eb;color:var(--brand-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .22s ease;box-shadow:0 4px 12px rgba(18,59,143,.06)}
.search-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.search-link:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;transform:translateY(-1px);box-shadow:0 7px 18px rgba(18,59,143,.18)}
.search-link:hover .search-icon{transform:scale(1.08) rotate(-6deg)}
.search-link:focus-visible{outline:3px solid rgba(255,212,0,.55);outline-offset:2px}

.admin-btn{padding:12px 16px;background:#ffd400;color:#102a56;font-size:12px;font-weight:900;border:0;box-shadow:0 5px 14px rgba(255,212,0,.22)}
.breaking{border-bottom:1px solid #dce4ef;background:#0b3b86;color:#fff}
.breaking .container{min-height:40px;display:flex;align-items:center;gap:15px;font-size:12px}
.breaking strong{color:#ffd400;text-transform:uppercase}.breaking span{color:#e7eef8}
.hero{padding:34px 0 60px}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.hero-main{min-height:500px;position:relative;overflow:hidden;border:1px solid #d8e1ed;background:linear-gradient(90deg,rgba(6,29,68,.98),rgba(6,29,68,.32)),#163f83;box-shadow:0 12px 30px rgba(16,42,86,.10)}
.image-placeholder{background:linear-gradient(135deg,#dbe5f2,#bfcfe3);color:#6680a4;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px}
.hero-main .image-placeholder{position:absolute;right:0;top:0;width:70%;height:100%}
.hero-content{position:relative;z-index:2;width:62%;padding:60px 45px;color:#fff}
.tag{display:inline-block;border:1px solid #ffd400;color:#0b3b86;background:#ffd400;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}
h1{font-size:clamp(34px,4vw,54px);line-height:1.04;margin-bottom:20px}
.lead{color:#dbe7f6;font-size:15px;margin-bottom:20px}.meta{color:#b7c9df;font-size:12px}
.side{display:flex;flex-direction:column;gap:20px}
.side-card{display:grid;grid-template-columns:145px 1fr;min-height:240px;border:1px solid #d9e2ed;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(16,42,86,.07)}
.side-card .image-placeholder{min-height:100%}.side-content{padding:20px}.side-content h3{font-size:17px;line-height:1.25;margin-bottom:15px;color:#16365f}.date{color:#71839d;font-size:11px}
.section{padding:60px 0}.section.dark{background:#0b3b86;border-top:1px solid #0b3b86;border-bottom:1px solid #0b3b86;color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-title{font-size:34px;line-height:1.1}.section-link{color:#0b3b86;font-size:13px;font-weight:800}.section.dark .section-link{color:#ffd400}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid #d9e2ed;background:#fff;overflow:hidden;transition:.22s;box-shadow:0 8px 22px rgba(16,42,86,.055)}.card:hover{border-color:#ffd400;transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,42,86,.11)}
.card-image{height:210px}.card-body{padding:21px}.card h2,.card h3{font-size:19px;line-height:1.25;margin-bottom:13px;color:#16365f}.card p{color:#647895;font-size:13px;margin-bottom:15px}
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{height:100px;border:1px solid rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;transition:.2s}.category:hover{border-color:#ffd400;color:#ffd400;background:rgba(255,212,0,.08)}
.list{border-top:1px solid #d9e2ed}.list-item{display:grid;grid-template-columns:190px 1fr auto;gap:22px;padding:20px 0;border-bottom:1px solid #d9e2ed}.list-image{height:110px}.list h3{font-size:19px;margin-bottom:7px;color:#16365f}.list p{color:#647895;font-size:13px}
.article-page{padding:55px 0 80px}.article-wrap{max-width:900px;margin:auto}.article-wrap h1{font-size:clamp(38px,5vw,64px);margin:18px 0;color:#102a56}.article-cover{height:440px;margin:30px 0;background:#cbd8e8}.article-text{color:#344d70;font-size:17px;line-height:1.8}.article-text p{margin-bottom:22px}
.search-row{display:flex;gap:10px;margin-top:25px}.search-row input{flex:1;background:#fff;border:1px solid #ccd8e6;color:#102a56;padding:13px 15px;outline:none}.search-row button,.primary{background:#ffd400;border:0;color:#102a56;padding:13px 18px;font-weight:900;cursor:pointer}
.publish-page{padding:60px 0}.publish-box{max-width:800px;margin:auto;border:1px solid #d9e2ed;background:#fff;padding:35px;box-shadow:0 12px 30px rgba(16,42,86,.08)}.publish-box h1{font-size:36px}.field{margin-bottom:20px}.field label{display:block;color:#35527b;font-size:13px;font-weight:800;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;background:#f8fafc;border:1px solid #cdd9e7;color:#102a56;padding:13px;outline:none}.field textarea{min-height:220px;resize:vertical}.note{padding:13px 15px;border-left:3px solid #ffd400;background:#fff8cc;color:#5c5b43;font-size:13px;margin-bottom:25px}
.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.logo-placeholder{height:100px;border:1px solid #d4deea;background:#fff;display:flex;align-items:center;justify-content:center;color:#7890ae;font-size:11px}
footer{background:var(--brand-light);border-top:3px solid var(--brand-blue);padding:38px 0 22px;color:var(--brand-dark)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-title{font-weight:800;margin-bottom:12px}.footer-logo{width:min(360px,100%);height:auto;display:block;object-fit:contain;object-position:left center}.footer-text{color:#5f6670;font-size:13px;margin-top:14px;max-width:520px}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col strong{color:var(--brand-blue)}.footer-col a{color:#5f6670;font-size:13px;display:block;width:max-content;max-width:100%;padding:4px 8px 4px 0;border-left:3px solid transparent;transition:color .18s,background .18s,border-color .18s,padding-left .18s}.footer-col a:hover{color:var(--brand-blue);background:#fff8cc;border-left-color:var(--brand-yellow);padding-left:8px}.footer-bottom{border-top:1px solid #d9dfe8;padding-top:18px;display:flex;justify-content:space-between;color:#737b86;font-size:11px}
@media(max-width:1050px){nav{gap:11px}.news-grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.logos{grid-template-columns:repeat(3,1fr)}}

@media(max-width:760px){.search-form{align-items:stretch}.search-main,.date-filters{width:100%}.date-filters{display:grid;grid-template-columns:1fr 1fr}.date-filters input{min-width:0}.search-form .primary{width:100%}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.header{min-height:65px}.logo{width:185px;height:48px}nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:590px}.hero-main .image-placeholder{width:100%;height:58%}.hero-content{width:100%;padding:315px 25px 30px}.side-card{grid-template-columns:110px 1fr}.news-grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}.list-item{grid-template-columns:100px 1fr}.list-item .date{grid-column:2}.logos{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}

/* Brandbook: Center for the Study of Occupation */
:root{
  --brand-blue:#123B8F;
  --brand-yellow:#FFD400;
  --brand-dark:#2D2D2D;
  --brand-gray:#ECECEC;
  --brand-light:#F7F7F7;
}
body{font-family:Aptos,'Segoe UI',Arial,sans-serif;background:var(--brand-light);color:var(--brand-dark)}
header{border-bottom-color:var(--brand-gray)}
.logo img,.footer-logo{object-fit:contain}
nav a{color:var(--brand-dark)}
nav a:hover,nav a.active{color:var(--brand-blue)}
nav a.active:after{background:var(--brand-yellow)}
.admin-btn,.primary,.search-row button{background:var(--brand-yellow);color:var(--brand-dark)}
.breaking{background:var(--brand-blue)}
.breaking strong{color:var(--brand-yellow)}
.tag{border-color:var(--brand-yellow);background:var(--brand-yellow);color:var(--brand-blue)}
.section.dark{background:var(--brand-blue)}
.card:hover{border-color:var(--brand-yellow)}
.category:hover{border-color:var(--brand-yellow);color:var(--brand-yellow)}

/* Refined search UI */
.search-page{background:transparent}
.search-page .section-title{color:var(--brand-dark);margin-bottom:8px}
.search-form{background:#fff;border:1px solid #e0e5ec;padding:18px;box-shadow:0 10px 28px rgba(18,59,143,.07);align-items:stretch}
.search-main{display:flex;position:relative}
.search-main input{height:48px;padding:12px 15px;border:1px solid #d4dce7;transition:border-color .2s,box-shadow .2s}
.search-main input:focus,.date-filters input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(18,59,143,.08)}
.date-filters input{height:48px;border:1px solid #d4dce7;padding:12px 13px;transition:border-color .2s,box-shadow .2s}
.search-form .primary{height:48px;min-width:125px;transition:transform .2s,box-shadow .2s,background .2s}
.search-form .primary:hover{background:#eac300;transform:translateY(-1px);box-shadow:0 7px 16px rgba(255,212,0,.24)}
.search-result{transition:transform .2s,box-shadow .2s,border-color .2s}
.search-result:hover{border-color:var(--brand-yellow);transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,59,143,.08)}

/* Better phone/tablet layout */
@media(max-width:760px){
  .container{width:calc(100% - 24px)}
  header{position:sticky;top:0}
  .header{min-height:64px;gap:8px;flex-wrap:wrap;padding:8px 0}
  .logo{width:180px;height:46px}
  .header-actions{margin-left:auto}
  .icon-btn{display:inline-flex;width:40px;height:40px}
  .admin-btn{padding:9px 11px;font-size:10px;white-space:nowrap}
  nav{
    display:flex;
    order:3;
    flex:0 0 100%;
    width:100%;
    justify-content:flex-start;
    gap:18px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    border-top:1px solid var(--brand-gray);
    margin-top:2px;
  }
  nav::-webkit-scrollbar{display:none}
  nav a{font-size:11px;padding:11px 0 12px;flex:0 0 auto}
  nav a.active:after{bottom:4px;height:2px}
  .breaking .container{min-height:38px;white-space:nowrap;overflow:hidden}
  .breaking span{overflow:hidden;text-overflow:ellipsis}
  .hero{padding:20px 0 34px}
  .hero-grid{grid-template-columns:1fr;gap:14px}
  .hero-main{min-height:520px}
  .hero-main .image-placeholder{width:100%;height:52%}
  .hero-content{width:100%;padding:275px 20px 24px;background:linear-gradient(180deg,transparent 0%,rgba(6,29,68,.28) 15%,rgba(6,29,68,.98) 42%)}
  h1{font-size:34px}
  .lead{font-size:14px}
  .side{gap:14px}
  .side-card{grid-template-columns:105px 1fr;min-height:170px}
  .side-content{padding:14px}
  .side-content h3{font-size:15px;margin-bottom:9px}
  .section{padding:38px 0}
  .section-head{align-items:center;margin-bottom:20px}
  .section-title{font-size:28px}
  .news-grid{grid-template-columns:1fr;gap:14px}
  .card-image{height:190px}
  .card-body{padding:17px}
  .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category{height:78px;font-size:12px;text-align:center;padding:8px}
  .list-item{grid-template-columns:95px 1fr;gap:12px;padding:15px 0}
  .list-image{height:85px}
  .list h3{font-size:16px}
  .list p{font-size:12px}
  .list-item .date{grid-column:2}
  .logos{grid-template-columns:repeat(2,1fr);gap:8px}
  .logo-placeholder{height:80px}
  .article-page{padding:32px 0 50px}
  .article-wrap h1{font-size:35px}
  .article-cover{height:240px;margin:20px 0}
  .article-text{font-size:16px}
  .publish-page{padding:32px 0}
  .publish-box{padding:22px 17px}
  .publish-box h1{font-size:30px}
  .search-row{flex-direction:column}
  .search-row button{width:100%}
  .footer-top{grid-template-columns:1fr;gap:26px}
  .footer-logo{width:min(280px,100%)}
  .footer-bottom{flex-direction:column;gap:7px}
}

@media(max-width:390px){
  .container{width:calc(100% - 18px)}
  .logo{width:165px;height:42px}
  .admin-btn{padding:8px 9px;font-size:9px}
  .hero-main{min-height:500px}
  .hero-content{padding-top:255px}
  h1{font-size:29px}
  .side-card{grid-template-columns:90px 1fr}
  .categories{grid-template-columns:1fr 1fr}
}

/* v4: archive timeline, auth and working search */
.search-link{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px}
.archive-page{padding:55px 0 80px}.archive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;border-bottom:1px solid var(--brand-gray);padding-bottom:28px}.archive-lead{margin:10px 0 0;color:#666}.archive-note{border-left:3px solid var(--brand-yellow);padding:10px 0 10px 18px;color:#777;font-size:12px;line-height:1.6}.archive-note strong{color:var(--brand-blue)}
.timeline{position:relative;max-width:1050px;margin:0 auto}.timeline:before{content:"";position:absolute;left:126px;top:0;bottom:0;width:2px;background:#d9dfe8}.timeline-item{position:relative;display:grid;grid-template-columns:105px 42px 1fr;gap:0;margin-bottom:28px;align-items:stretch}.timeline-time{text-align:right;padding:18px 14px 0 0;color:var(--brand-blue);font-weight:800;font-size:13px}.timeline-time span{display:block}.timeline-time small{display:block;margin-top:3px;color:#7b8490;font-size:11px;font-weight:600}.timeline-dot{position:relative;z-index:2}.timeline-dot:after{content:"";position:absolute;left:11px;top:23px;width:12px;height:12px;border-radius:50%;background:var(--brand-yellow);border:3px solid var(--brand-blue);box-sizing:content-box}.timeline-card{display:grid;grid-template-columns:230px 1fr;border:1px solid #dfe3e8;background:#fff;min-height:185px;box-shadow:0 6px 20px rgba(18,59,143,.05);transition:.2s}.timeline-card:hover{border-color:var(--brand-yellow);transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,59,143,.10)}.timeline-image{height:100%;min-height:185px}.timeline-body{padding:20px 22px}.timeline-body h2{font-size:22px;line-height:1.2;color:var(--brand-dark);margin:4px 0 9px}.timeline-body p{font-size:13px;color:#6c737c;margin-bottom:13px}.timeline-more{font-size:12px;font-weight:900;color:var(--brand-blue)}.archive-end{text-align:center;margin:50px auto 0;padding:30px 20px;border-top:1px solid var(--brand-gray);color:#777;font-size:13px}.archive-end span{font-weight:900;color:var(--brand-blue);display:block;margin-bottom:6px}.auth-page,.search-page{padding:70px 0 90px}.auth-box{max-width:520px;margin:auto;background:#fff;border:1px solid #dfe3e8;padding:40px;box-shadow:0 14px 35px rgba(18,59,143,.08)}.auth-logo{width:270px;max-width:100%;display:block;margin:0 auto 28px}.auth-box h1{font-size:42px;color:var(--brand-dark);margin:12px 0}.auth-box>p{color:#6c737c;font-size:14px;margin-bottom:25px}.auth-box .primary{width:100%;margin-top:4px}.auth-note{margin-top:22px;padding:13px 15px;background:#f7f7f7;border-left:3px solid var(--brand-yellow);font-size:12px;color:#6c737c}.search-page{max-width:1000px;margin:auto}.search-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:28px 0 8px}.search-main{flex:1;min-width:240px}.search-form input{width:100%;border:1px solid #ccd4df;background:#fff;padding:15px 16px;color:#2d2d2d;outline:none}.date-filters{display:flex;gap:10px}.date-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#123b8f}.date-filters input{min-width:150px}.search-filter-note{font-size:13px;color:#6c737c;margin-bottom:28px}.search-results{display:flex;flex-direction:column;gap:12px}.search-result{display:block;background:#fff;border:1px solid #dfe3e8;padding:20px}.search-result:hover{border-color:var(--brand-yellow)}.search-result h2{font-size:20px;margin:4px 0 8px}.search-empty{padding:30px;text-align:center;background:#fff;border:1px dashed #ccd4df;color:#777}
@media(max-width:760px){.archive-page{padding:32px 0 55px}.archive-head{display:block;margin-bottom:28px}.archive-note{margin-top:18px}.timeline:before{left:19px}.timeline-item{grid-template-columns:40px 1fr;gap:0}.timeline-time{grid-column:2;grid-row:1;padding:0 0 8px;text-align:left;font-size:12px}.timeline-time span,.timeline-time small{display:inline}.timeline-time small{margin-left:5px}.timeline-dot{grid-column:1;grid-row:1 / span 2}.timeline-dot:after{left:12px;top:8px;width:9px;height:9px}.timeline-card{grid-column:2;grid-row:2;grid-template-columns:1fr}.timeline-image{min-height:170px;height:170px}.timeline-body{padding:16px}.timeline-body h2{font-size:18px}.search-form{flex-direction:column}.search-form .primary{width:100%}.auth-box{padding:25px 18px}.auth-page,.search-page{padding:40px 0 60px}}
/* Назва сайту в шапці */
.site-title {
    flex: 1;
    min-width: 180px;
    margin: 0 20px;
    color: var(--brand-blue);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

/* Адаптація шапки для телефонів */
@media (max-width: 900px) {
    .site-title {
        font-size: 17px;
        margin: 0 12px;
    }
}

@media (max-width: 600px) {
    .site-title {
        flex-basis: 100%;
        order: 2;
        margin: 12px 0;
        font-size: 18px;
        text-align: center;
    }
}

/* =========================================
   NEWS FEED — фирменный стиль сайта
   ========================================= */

.news-feed {
    display: flex;
    flex-direction: column;
    gap: 26px;
    max-width: 1000px;
    margin: 28px auto 50px;
}

.feed-heading {
    max-width: 1000px;
    margin: 36px auto 18px;
    color: var(--brand-dark);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.feed-news {
    overflow: hidden;
    min-width: 0;
    background: #fff;
    border: 1px solid #dfe3e8;
    box-shadow: 0 6px 20px rgba(18, 59, 143, .06);
    transition: border-color .2s, box-shadow .2s;
}

.feed-news:hover {
    border-color: #d2dbe8;
    box-shadow: 0 10px 28px rgba(18, 59, 143, .09);
}

.feed-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    background: var(--brand-gray);
}

.feed-gallery a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 180px;
    overflow: hidden;
    background: #e9edf3;
}

.feed-gallery img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.feed-gallery.single {
    grid-template-columns: minmax(0, 1fr);
}

.feed-gallery.single a {
    min-height: 200px;
    max-height: 620px;
}

.feed-gallery.single img {
    max-height: 620px;
}

.feed-news > .feed-meta,
.feed-news > .feed-title,
.feed-news > .feed-content,
.feed-news > .feed-documents,
.feed-news > .feed-article-link {
    margin-left: 28px;
    margin-right: 28px;
}

.feed-news > .feed-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 23px;
    margin-bottom: 12px;
    color: #737b86;
    font-size: 12px;
}

.feed-category {
    display: inline-block;
    padding: 5px 9px;
    background: var(--brand-yellow);
    color: var(--brand-blue);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.feed-title {
    margin-top: 0;
    margin-bottom: 17px;
    color: var(--brand-dark);
    font-size: clamp(23px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.22;
}

.feed-title a {
    color: inherit;
    text-decoration: none;
    transition: color .2s;
}

.feed-title a:hover,
.feed-article-link:hover {
    color: var(--brand-blue);
}

.feed-content {
    padding-bottom: 24px;
    color: #454b54;
    font-size: 16px;
    line-height: 1.85;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.feed-documents {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 20px;
    padding-bottom: 24px;
    border-top: 1px solid var(--brand-gray);
}

.feed-documents-title {
    margin: 0 0 4px;
    color: var(--brand-dark);
    font-size: 14px;
    font-weight: 900;
}

.feed-document {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #dfe3e8;
    background: #f7f8fa;
    color: var(--brand-blue);
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
    transition: background .2s, border-color .2s;
}

.feed-document:hover {
    border-color: var(--brand-yellow);
    background: #fffbe5;
}

.feed-article-link {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 25px;
    color: var(--brand-blue);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.feed-search {
    display: flex;
    gap: 10px;
    max-width: 1000px;
    margin: 20px auto;
}

.feed-search input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 12px 15px;
    border: 1px solid #d4dce7;
    background: #fff;
    color: var(--brand-dark);
    outline: none;
}

.feed-search input:focus {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(18, 59, 143, .08);
}

.feed-search button {
    min-width: 110px;
    padding: 12px 18px;
    border: 0;
    background: var(--brand-yellow);
    color: var(--brand-dark);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition: background .2s;
}

.feed-search button:hover {
    background: #eac300;
}

.feed-loader,
.feed-end,
.feed-empty {
    max-width: 1000px;
    margin: 20px auto;
    padding: 24px;
    color: #737b86;
    text-align: center;
}

#feed-sentinel {
    height: 1px;
}

@media (max-width: 760px) {
    .news-feed {
        gap: 16px;
        margin-top: 20px;
    }

    .feed-heading {
        margin-top: 25px;
        font-size: 28px;
    }

    .feed-news > .feed-meta,
    .feed-news > .feed-title,
    .feed-news > .feed-content,
    .feed-news > .feed-documents,
    .feed-news > .feed-article-link {
        margin-left: 17px;
        margin-right: 17px;
    }

    .feed-news > .feed-meta {
        margin-top: 17px;
    }

    .feed-title {
        font-size: 23px;
    }

    .feed-content {
        font-size: 15px;
        line-height: 1.75;
    }

    .feed-gallery a {
        min-height: 130px;
    }

    .feed-gallery img {
        max-height: 380px;
    }

    .feed-gallery.single img {
        max-height: 440px;
    }

    .feed-search {
        flex-wrap: wrap;
    }

    .feed-search button {
        flex: 1;
    }
}