/* Shared Editorial treatment for the feed, modal and permanent article page. */
.home-updates-section .section-head-with-action > div { flex:1 1 auto; }
.news-editorial {
  --news-bg:#111912; --news-panel:#19231b; --news-ink:#f5f0e2;
  --news-muted:#b8c4b6; --news-line:#354336; --news-gold:#f3bd59; --news-mint:#b4e3c8;
  color:var(--news-ink); background:var(--news-bg); border:1px solid var(--news-line);
  border-radius:22px; overflow:hidden; min-width:0; font-family:var(--font-body,Manrope,system-ui,sans-serif);
  font-size:15px; line-height:1.7; text-align:left; box-shadow:0 16px 45px #0002;
}
.news-editorial *, .news-editorial *::before, .news-editorial *::after { box-sizing:border-box; }
.news-editorial [hidden] { display:none!important; }
.news-editorial h1, .news-editorial h2, .news-editorial h3, .news-editorial p { margin:0; }
.news-editorial h1, .news-editorial h2 { font:800 clamp(1.7rem,4vw,2.125rem)/1.18 var(--font-body,Manrope,system-ui,sans-serif); color:var(--news-ink); letter-spacing:-1px; overflow-wrap:anywhere; }
.news-editorial h3 { font:800 1.35rem/1.28 var(--font-body,Manrope,system-ui,sans-serif); color:var(--news-ink); letter-spacing:-.45px; overflow-wrap:anywhere; }
.news-editorial a { color:inherit; }
.news-editorial :is(a,button,input):focus-visible { outline:3px solid var(--news-gold); outline-offset:4px; }
.news-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 28px; border-bottom:1px solid var(--news-line); }
.news-brand { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:-.4px; }
.news-logo { width:36px; height:40px; object-fit:contain; }
.news-top-label { color:var(--news-muted); font-size:10px; letter-spacing:1.6px; text-transform:uppercase; }
.news-wrap { padding:28px 32px; }
.news-meta { display:flex; gap:10px; align-items:center; flex-wrap:wrap; color:var(--news-muted); font-size:12px; margin-bottom:12px; }
.news-tag { color:var(--news-gold); text-transform:uppercase; font-size:10px; font-weight:800; letter-spacing:1.1px; }
.news-body { color:var(--news-muted); font-size:15px; line-height:1.8; margin-top:20px; overflow-wrap:anywhere; }
.news-body p + p { margin-top:15px; }
.news-body p:first-child { color:var(--news-ink); }
.news-actions { display:flex; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-top:25px; }
.news-editorial .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 15px; border:1px solid var(--news-line); border-radius:10px; background:transparent; color:var(--news-ink); font-size:13px; line-height:1.4; font-weight:700; text-decoration:none; white-space:normal; }
.news-editorial .news-primary { background:var(--news-gold); border-color:var(--news-gold); color:#202518; }
.news-editorial .button:hover { filter:brightness(1.15); }
.news-author { color:var(--news-muted); font-size:12px; margin:12px 0 0 auto; }
.news-editorial [data-public-sharing] { min-width:0; max-width:100%; }
.news-editorial [data-public-sharing] .inline-actions { display:flex; gap:9px; flex-wrap:wrap; flex-direction:row; }
.news-editorial [data-public-sharing] .inline-actions .button { width:auto; min-width:0; }
.news-editorial .news-primary-sharing .inline-actions button:first-child { background:var(--news-gold); border-color:var(--news-gold); color:#202518; }
.news-editorial [data-public-sharing] p { color:var(--news-muted); font-size:12px; margin-top:8px; }
.news-editorial [data-public-sharing] p:empty { display:none; }
.news-editorial [data-public-sharing] input { width:100%; max-width:100%; color:var(--news-ink); background:var(--news-panel); border:1px solid var(--news-line); padding:10px; margin-top:10px; }
.news-more { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid var(--news-line); background:var(--news-panel); padding:22px 32px; text-decoration:none; }
.news-more small { display:block; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:var(--news-muted); margin-bottom:6px; }
.news-more strong { display:block; font-size:16px; line-height:1.45; }
.news-more > span:last-child { color:var(--news-gold); font-size:22px; }
.news-art { min-height:210px; position:relative; isolation:isolate; display:flex; align-items:center; padding:26px 32px; overflow:hidden; background:#263c2e; }
.news-art::before { content:""; position:absolute; z-index:-1; width:380px; height:380px; border:1px solid #4d6650; border-radius:50%; right:-70px; top:-190px; box-shadow:0 0 0 45px #536e3422,0 0 0 90px #536e3411; }
.news-art-caption { width:55%; min-width:0; position:relative; z-index:2; }
.news-art-caption > span { color:var(--news-mint); font-size:10px; letter-spacing:1.8px; text-transform:uppercase; font-weight:700; }
.news-art-caption strong { display:block; color:var(--news-ink); font-size:31px; line-height:1.15; letter-spacing:-.8px; margin-top:12px; font-weight:800; overflow-wrap:anywhere; }
.news-art-caption em { display:block; color:var(--news-muted); font-size:11px; font-style:normal; margin-top:13px; }
.news-phone { width:108px; height:190px; border:3px solid #a3b8a4; border-radius:23px; background:#102016; box-shadow:9px 14px 0 #11201755; transform:rotate(9deg); position:absolute; right:66px; top:26px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.news-phone::before { content:""; width:34px; height:10px; position:absolute; top:8px; background:#a3b8a4; border-radius:10px; }
.news-phone::after { content:""; position:absolute; bottom:8px; width:39px; height:3px; background:#6d806f; border-radius:3px; }
.news-phone .news-logo { width:72px; height:83px; }
.news-phone b { font-size:12px; color:var(--news-ink); }
.news-spark { display:grid; place-items:center; position:absolute; right:25px; bottom:29px; width:43px; height:43px; border-radius:13px; background:var(--news-gold); color:#35422a; font-size:28px; transform:rotate(-8deg); }
.news-art-welcome .news-phone { width:164px; height:175px; right:35px; top:30px; border:0; background:transparent; box-shadow:none; transform:none; }
.news-art-welcome .news-phone::before, .news-art-welcome .news-phone::after, .news-art-welcome .news-phone b { display:none; }
.news-art-welcome .news-logo { width:151px; height:163px; }
.news-feed { display:grid; gap:24px; grid-template-columns:minmax(0,1fr); container-type:inline-size; }
.news-feed-secondary, .news-archive-grid { display:grid; gap:24px; min-width:0; grid-template-columns:minmax(0,1fr); align-items:stretch; }
.news-archive { container-type:inline-size; }
.news-card { display:flex; flex-direction:column; }
.news-card h3 a { text-decoration:none; }
.news-card h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.news-card .news-wrap { padding:24px; display:flex; flex-direction:column; align-items:flex-start; flex:1; min-width:0; }
.news-card .news-excerpt { margin:14px 0 18px; color:var(--news-muted); line-height:1.65; overflow-wrap:anywhere; }
.news-read { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:auto; color:var(--news-gold)!important; font-size:13px; font-weight:800; text-decoration:none; }
.news-card .news-art { min-height:190px; padding:22px 24px; }
.news-card .news-art-caption strong { font-size:26px; }
.news-card .news-art-caption > span { font-size:9px; letter-spacing:1px; }
.news-card .news-phone { right:38px; width:86px; height:158px; top:24px; }
.news-card .news-phone .news-logo { width:58px; height:70px; }
.news-card .news-art-welcome .news-phone { right:18px; width:120px; height:150px; }
.news-card .news-art-welcome .news-logo { width:113px; height:133px; }
.news-card .news-spark { right:13px; bottom:20px; width:34px; height:34px; font-size:24px; }
.news-card-featured h3 { font-size:clamp(1.5rem,3cqi,2rem); line-height:1.2; letter-spacing:-.65px; }
.news-card-featured .news-wrap { padding:clamp(24px,4cqi,38px); }
.news-card-featured .news-art { min-height:236px; }
.news-card-featured .news-art-caption strong { font-size:clamp(27px,3.5cqi,36px); }
.news-archive-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.news-archive-header h1 { margin:6px 0 12px; }
.news-archive-header p { max-width:58ch; }
.news-archive-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,180px); gap:20px; padding:20px; border:1px solid var(--border,#354336); border-radius:16px; background:var(--surface,#19231b); }
.news-archive-tools label { display:grid; gap:9px; min-width:0; font-size:.875rem; font-weight:700; }
.news-archive-tools :is(input,select) { width:100%; min-width:0; min-height:46px; font:inherit; }
.news-archive-status { margin:0; color:var(--muted,#b8c4b6); font-size:.9rem; min-height:1.6em; }
.news-archive [data-news-feed] { min-width:0; }
.news-archive [data-news-feed][aria-busy="true"] { opacity:.65; }
.news-archive .list-pagination-controls :is(button,input) { min-height:44px; }
@container(min-width:620px) {
  .news-feed-secondary, .news-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container(min-width:800px) {
  .news-card-featured { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  .news-card-featured .news-art { min-height:310px; height:100%; padding:30px; }
  .news-card-featured .news-art-caption { width:57%; }
  .news-card-featured .news-phone { right:35px; top:50%; transform:translateY(-50%) rotate(9deg); }
  .news-card-featured .news-art-welcome .news-phone { transform:translateY(-50%); }
}
.news-editorial [data-page-engagement]:not([hidden]) { margin:25px 0 0; color:var(--news-ink); background:var(--news-panel); border-color:var(--news-line); }
.news-editorial [data-page-engagement] .summary-grid { grid-template-columns:repeat(auto-fit,minmax(115px,1fr)); }
.news-editorial [data-page-engagement] :is(p,dt) { color:var(--news-muted); }
.news-editorial [data-page-engagement] h3 { font-size:1rem; }
.news-app-link { display:inline-block; margin-top:20px; color:var(--news-muted)!important; font-size:12px; }
.announcement-page-shell.news-page-shell { width:min(100% - 32px,736px); margin:35px auto; padding:0; min-height:0; }
.news-page-shell .announcement-page-back { display:inline-block; margin:0 0 18px; color:var(--text-muted,#b8c4b6); }
.announcement-page-card.news-editorial { display:block; padding:0; gap:0; }
.announcement-modal-dialog.news-dialog { position:relative; width:min(736px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; display:block; overflow:auto; border:0; background:transparent; border-radius:22px; }
.news-dialog .news-editorial { border-radius:22px; }
.news-dialog-close { position:sticky; top:12px; margin:12px 12px -56px auto; z-index:4; display:block; width:44px; height:44px; border:1px solid #526153; border-radius:50%; background:#111912; color:#f5f0e2; font-size:25px; line-height:1; }
.news-dialog .news-top { padding-right:72px; }
.news-dialog :is(.news-body,.news-wrap) { max-height:none; overflow:visible; }
.news-loading { padding:30px; }
@media(max-width:520px) {
  .news-editorial { border-radius:17px; }
  .news-top { padding:16px 20px; }
  .news-top-label { font-size:9px; letter-spacing:.7px; }
  .news-wrap { padding:24px 20px; }
  .news-body { font-size:14px; }
  .news-art { padding:23px 20px; min-height:197px; }
  .news-art-caption { width:53%; }
  .news-art-caption strong { font-size:24px; }
  .news-art-caption > span { font-size:9px; letter-spacing:1px; }
  .news-phone { width:83px; height:150px; right:35px; top:32px; }
  .news-phone .news-logo { width:55px; height:68px; }
  .news-spark { right:14px; bottom:20px; width:34px; height:34px; border-radius:10px; }
  .news-art-welcome .news-phone { width:112px; height:150px; right:12px; top:36px; }
  .news-art-welcome .news-logo { width:108px; height:126px; }
  .news-author { width:100%; margin:2px 0 0; }
  .news-more { padding:20px; }
  .news-dialog .news-top-label { display:none; }
  .news-feed, .news-feed-secondary, .news-archive-grid { gap:18px; }
  .news-archive-header { align-items:flex-start; flex-direction:column; gap:12px; }
  .news-archive-tools { grid-template-columns:minmax(0,1fr); padding:16px; gap:16px; }
  .news-card-featured .news-art-caption strong { font-size:26px; }
  .announcement-page-shell.news-page-shell { width:calc(100% - 24px); margin:20px auto; }
  .announcement-modal-dialog.news-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
}
@media(prefers-reduced-motion:reduce) { .news-editorial * { scroll-behavior:auto; transition:none; } }
