@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');
.news-formatted,#news-media-tools,textarea[name="body"]{font-family:"Be Vietnam Pro",Arial,sans-serif}
textarea[name="body"]{font-weight:400;line-height:1.6}
.news-card.news-formatted p{color:inherit}
.news-media{display:grid;gap:8px;max-width:100%;margin-block:20px}
.news-align-center{margin-inline:auto}
.news-align-left{margin-right:auto}
.news-align-right{margin-left:auto}
.news-media img,.news-media video{display:block;width:100%;height:auto;border-radius:6px}
.news-media-pair,.news-media-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
.news-media-pair img,.news-media-trio img{height:100%;min-height:0;object-fit:cover}
.news-media-pair{aspect-ratio:2/1}
.news-media-trio{aspect-ratio:1/1;grid-template-rows:repeat(2,minmax(0,1fr))}
.news-media-trio img:first-child{grid-row:span 2}
.news-tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:18px 0 0;margin:22px 0 0;border-top:1px solid #dce2e8}
.news-tags li{padding:5px 10px;border-radius:8px;background:#eef2f6;color:#263953;overflow-wrap:anywhere}
#news-media-tools{border:1px solid #d9dfe5;border-radius:8px;margin:0;padding:14px}
.news-tools{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
#news-media-tools button{margin-top:10px}

#news-insert:disabled{background:#e7ebef;color:#526071;cursor:not-allowed}
#news-insert:enabled{background:#087649;color:#fff}
#news-insert:enabled:hover{background:#065a37}
.news-teasers{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.news-teaser{display:flex;flex-direction:column;flex:0 0 calc((100% - 64px)/5);max-width:270px;min-width:0;min-height:330px;overflow:hidden;border:1px solid #dce2e8;border-radius:10px;background:#fff;box-shadow:0 5px 14px #17233413;font-family:"Be Vietnam Pro",Arial,sans-serif}
.news-cover{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.news-teaser-content{padding:14px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.news-teaser h3,.news-teaser p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.news-teaser h3{font-size:16px;line-height:1.4;margin:0 0 10px;-webkit-line-clamp:3}
.news-teaser p{font-size:13px;line-height:1.55;color:#455365;margin:0 0 15px;-webkit-line-clamp:3}
.news-more{margin-top:auto;display:inline-block;padding:8px 12px;border-radius:6px;background:#172334;color:#fff;font-size:13px;font-weight:600;transition:transform .16s ease}
.news-more:hover{transform:scale(.94)}
.news-pages,.news-back{display:flex;justify-content:center;gap:14px;margin-top:24px}
.news-pages a,.news-back a{text-decoration:underline}
@media(max-width:1000px){.news-teaser{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:700px){.news-teaser{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:420px){.news-teaser{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.news-more{transition:none}.news-more:hover{transform:none}}

.news-cover-tools{border:1px solid #d9dfe5;border-radius:8px;margin:0;padding:14px;min-width:0}
#news-cover-preview{display:block;max-width:min(100%,280px);max-height:180px;object-fit:contain;margin-bottom:12px;border-radius:6px}
#news-cover-preview[hidden],#news-cover-clear[hidden]{display:none}
#news-cover-upload:enabled{background:#087649;color:white}
#news-cover-upload:disabled{cursor:not-allowed;color:#526071}

.news-preview-actions{margin-bottom:10px}
#news-body-preview{margin-top:14px;padding:clamp(14px,3vw,28px);border:1px solid #d9dfe5;border-radius:8px;background:white;line-height:1.65;overflow-wrap:anywhere}
#news-body-preview p{white-space:pre-wrap}
#news-body-preview .news-preview-warning{color:#854c00;background:#fff4d8;padding:8px 12px;border-radius:6px}

#news-inline-editor{padding:12px;border:1px solid #d9dfe5;border-radius:8px;background:#fff}
#news-inline-editor textarea{display:block;width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:5px;padding:10px;resize:vertical;font:inherit;line-height:1.65;color:inherit}
#news-inline-editor textarea:focus{border-color:#74859a}
#news-inline-editor .news-media img{max-height:440px;object-fit:contain}
#news-inline-editor .news-media-pair img,#news-inline-editor .news-media-trio img{max-height:none;object-fit:cover}
#news-inline-editor .secondary{margin-bottom:10px}
textarea[name="body"][hidden]{display:none}

/* Dedicated workspace for the news editor. */
.news-editor-page .main{width:100%;max-width:none;min-width:0;padding:clamp(10px,2vw,28px)}
.news-editor-page .card{padding:clamp(12px,2vw,24px)}
.news-editor-page .news-writing-layout{display:grid;grid-template-columns:clamp(205px,23vw,300px) minmax(0,1fr);gap:clamp(12px,2vw,24px);align-items:start;min-width:0}
.news-writing-tools{grid-column:1;position:sticky;top:12px;z-index:1;max-height:calc(100dvh - 24px);overflow-y:auto;display:grid;gap:10px;padding:12px;background:#f4f7fa;border:1px solid #d9dfe5;border-radius:8px;min-width:0}
.news-writing-content{grid-column:2;min-width:0}
.news-writing-tools fieldset{min-width:0;margin:0;border:1px solid #d9dfe5;border-radius:8px;padding:10px;background:white}
.news-writing-tools label{display:block;margin-bottom:7px;overflow-wrap:anywhere}
.news-writing-tools input,.news-writing-tools select,.news-writing-tools button{box-sizing:border-box;max-width:100%;min-width:0}
.news-writing-tools input[type=file],.news-writing-tools select{display:block;width:100%}
.news-writing-tools input[type=color]{display:block;width:100%;height:34px;padding:3px}
.news-writing-tools .news-tools{display:grid;gap:3px}
.news-writing-content img,.news-writing-content video{max-width:100%}
.news-editor-page .entry,.news-editor-page .page-head{overflow-wrap:anywhere}
@media(max-width:760px){
    .news-editor-page .news-writing-layout{grid-template-columns:minmax(0,1fr)}
    .news-writing-content{grid-column:1}
    .news-writing-tools{top:0;max-height:34vh;padding:8px}
}
