body { margin: 0; color: #17263b; background: #f5f8fb; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
a { color: inherit; }
.public-header { position: sticky; top: 0; z-index: 20; display: flex; min-height: 70px; padding: 10px max(20px,calc((100% - 1080px)/2)); align-items: center; justify-content: space-between; border-bottom: 1px solid #dce5ed; background: rgba(255,255,255,.96); }
.public-brand { display: flex; gap: 10px; align-items: center; color: #031b4e; font-weight: 850; text-decoration: none; }
.public-brand img { width: 42px; height: 42px; border-radius: 50%; }
.public-header nav { display: flex; gap: 16px; color: #52647b; font-size: 13px; font-weight: 700; }
.public-header nav a { text-decoration: none; }
.public-main { width: min(920px,calc(100% - 32px)); min-height: calc(100vh - 140px); margin: 0 auto; padding: 44px 0 64px; }
.public-eyebrow { color: #058249; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.public-main h1 { max-width: 800px; margin: 10px 0 12px; color: #031b4e; font-size: clamp(30px,5vw,52px); line-height: 1.08; }
.public-lead { max-width: 760px; margin: 0 0 26px; color: #5b6d83; font-size: 17px; line-height: 1.7; }
.announcement-grid { display: grid; gap: 14px; }
.public-card { display: grid; gap: 8px; padding: 22px; border: 1px solid #dce5ed; border-radius: 14px; background: #fff; text-decoration: none; box-shadow: 0 8px 24px rgba(3,27,78,.05); }
.public-card:hover { border-color: #91cdb1; }
.public-card h2 { margin: 0; color: #031b4e; font-size: 20px; }
.public-card p { margin: 0; color: #607188; line-height: 1.6; }
.public-card small { color: #75849a; }
.public-card { scroll-margin-top: 92px; }
.announcement-external-link { display: inline-flex; width: fit-content; gap: 8px; align-items: center; padding: 8px 0; color: #057844; cursor: pointer; font-size: 14px; font-weight: 800; text-decoration: none; }
.announcement-full-content { margin-top: 10px; padding-top: 2px; border-top: 1px solid #e3e9ef; }
.public-card-media { width: 100%; max-height: 280px; border-radius: 10px; object-fit: cover; background: #e6ebf0; }
.public-card-video { display: inline-flex; width: fit-content; gap: 8px; align-items: center; padding: 8px 11px; color: #8d2119; border-radius: 999px; background: #fff0ee; font-size: 12px; font-weight: 800; }
.public-card-video b { display: grid; width: 24px; height: 24px; place-items: center; color: #fff; border-radius: 50%; background: #d83229; font-size: 9px; }
.article-card { padding: clamp(24px,5vw,52px); border: 1px solid #dce5ed; border-radius: 16px; background: #fff; box-shadow: 0 15px 45px rgba(3,27,78,.07); }
.article-meta { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0 26px; color: #66778c; font-size: 13px; }
.article-media { margin: 0 0 28px; }
.article-media img { display: block; width: 100%; max-height: 620px; border-radius: 12px; object-fit: contain; background: #eef2f5; }
.article-media figcaption, .article-media-caption { margin: 9px 0 26px; color: #68798d; font-size: 12px; line-height: 1.55; text-align: center; }
.article-video { display: grid; aspect-ratio: 16 / 9; margin: 0 0 10px; overflow: hidden; place-items: stretch; border-radius: 12px; background: linear-gradient(135deg,#061a36,#123c69); }
.article-video-player { position: relative; width: 100%; height: 100%; }
.article-video iframe { width: 100%; height: 100%; border: 0; }
.article-video-stop { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 7px 10px; color: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 7px; background: rgba(3,27,78,.88); cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; }
.article-video-stop:hover, .article-video-stop:focus-visible { background: #031b4e; }
.article-video-fallback, .article-video-trigger { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; padding: 0; color: #fff; border: 0; background: #061a36; cursor: pointer; text-align: center; text-decoration: none; }
.article-video-fallback::after, .article-video-trigger::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(3,19,45,.74),rgba(3,19,45,.32),rgba(3,19,45,.62)); content: ''; }
.article-video-poster { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.article-video-trigger-overlay { position: absolute; z-index: 2; display: grid; padding: 24px; grid-template-columns: auto minmax(0,auto); gap: 15px; align-items: center; justify-content: center; inset: 0; }
.article-video-play-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: #e12e27; box-shadow: 0 9px 28px rgba(0,0,0,.28); font-size: 20px; }
.article-video-trigger-copy { display: grid; gap: 5px; text-align: left; }
.article-video-trigger-copy strong { font-size: 16px; }
.article-video-trigger-copy small { color: #d9e8f8; font-size: 12px; }
.article-video-trigger:hover .article-video-poster, .article-video-fallback:hover .article-video-poster { transform: scale(1.025); }
.article-video-trigger:hover .article-video-play-icon, .article-video-trigger:focus-visible .article-video-play-icon, .article-video-fallback:hover .article-video-play-icon, .article-video-fallback:focus-visible .article-video-play-icon { transform: scale(1.06); }
.article-body { color: #27384d; font-size: 16px; line-height: 1.85; white-space: pre-line; }
.article-source { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e3e9ef; }
.article-source a { color: #057844; font-weight: 800; }
.back-link { display: inline-block; margin-bottom: 18px; color: #057844; font-weight: 800; text-decoration: none; }
.public-footer { padding: 22px 20px; color: #6c7c91; border-top: 1px solid #dce5ed; background: #fff; text-align: center; font-size: 12px; }
@media (max-width: 600px) { .public-header nav a:not(:last-child) { display:none; } .public-main { padding-top: 28px; } }
[hidden]{display:none!important}
.announcement-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px;background:#fff;border:1px solid #dce5ed;border-radius:14px}
.announcement-tools>div:first-child{flex:1 1 270px}.announcement-tools>div:nth-child(2){flex:0 1 200px}
.announcement-tools label{display:block;margin-bottom:7px;color:#031b4e;font-size:13px;font-weight:750}
.announcement-tools input,.announcement-tools select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ccd8e3;border-radius:8px;background:#fff;color:#17263b;font:inherit;font-size:14px}
.announcement-tools button,.announcement-empty button{min-height:44px;padding:10px 14px;border:1px solid #ccd8e3;border-radius:8px;background:#f5f8fb;color:#031b4e;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.announcement-count{margin:18px 0 12px;color:#66778c;font-size:13px}
.announcement-date{display:flex;flex-wrap:wrap;gap:14px;color:#66778c;font-size:12px;margin:7px 0}
.announcement-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;color:#057844;font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.announcement-details summary::-webkit-details-marker{display:none}.announcement-details .read-less{display:none}.announcement-details[open] .read-more{display:none}.announcement-details[open] .read-less{display:inline}
.announcement-details[open] summary>span:last-child{transform:rotate(180deg)}
.announcement-full-content .article-meta{margin:16px 0;color:#66778c}
.announcement-action{display:inline-flex;margin-top:18px;padding:12px 16px;border-radius:8px;background:#058249;color:#fff;text-decoration:none;font-size:14px;font-weight:750}
.announcement-empty{padding:30px 20px;border:1px dashed #ccd8e3;border-radius:14px;text-align:center}.announcement-empty h2{font-size:20px;color:#031b4e}
.public-card h2,.article-body,.article-source{overflow-wrap:anywhere}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #058249;outline-offset:3px}
@media(max-width:600px){.public-header{padding:10px 16px;gap:12px}.public-header nav a:not(:last-child){display:block}.public-header nav{gap:10px;font-size:12px}.public-brand{font-size:14px}.public-brand img{width:32px;height:32px}.public-card{padding:18px}.announcement-tools>div:nth-child(2){flex:1 1 180px}.announcement-tools button{width:100%}}
.public-main{width:min(1080px,calc(100% - 32px));padding-top:30px}
.announcement-hero{position:relative;overflow:hidden;padding:34px 36px;margin-bottom:24px;border-radius:20px;background:radial-gradient(ellipse at top right,rgba(5,130,73,.45),transparent 60%),#031b4e;color:#fff}
.announcement-hero .public-eyebrow{color:#85e0b0}.announcement-hero h1{color:#fff;font-size:clamp(28px,4vw,42px);max-width:680px;line-height:1.15}.announcement-hero .public-lead{color:#d8e4f2;font-size:15px;max-width:650px;margin-bottom:20px}
.announcement-hero-links{display:flex;flex-wrap:wrap;gap:12px}.announcement-hero-links a{display:inline-flex;gap:16px;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #6480a2;border-radius:9px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.announcement-hero-links a:first-child{border-color:#058249;background:#058249}.announcement-hero-links a:hover{background:#126742}
.announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.public-card{gap:10px;padding:22px;box-shadow:0 3px 16px rgba(3,27,78,.035)}
.public-card>h2{font-size:21px;line-height:1.35}.public-card>.public-eyebrow{width:fit-content;padding:5px 9px;border-radius:6px;background:#edf8f2;letter-spacing:.08em}.public-card>p{font-size:14px}
.announcement-preview{position:relative;margin:-22px -22px 6px;overflow:hidden;border-radius:13px 13px 0 0;background:#e9eff5;height:150px}.announcement-preview img{display:block;width:100%;height:100%;object-fit:cover}.announcement-preview span{position:absolute;bottom:12px;left:14px;padding:5px 9px;border-radius:6px;background:#031b4e;color:#fff;font-size:12px}

.announcement-details summary{border-top:1px solid #edf1f5;margin-top:6px;padding-top:14px}.announcement-full-content{padding-top:20px;border-top:0}.announcement-full-content .article-media{width:100%;max-width:none;margin-inline:0}
.announcement-full-content .article-media img{width:100%;height:auto;max-height:none}
.announcement-date{justify-content:space-between;gap:8px;line-height:1.6}.announcement-date>span{background:#f4f7fa;padding:2px 8px;border-radius:5px}
.public-header nav a[href$="/announcements/"]{color:#058249}
@media(max-width:700px){.announcement-grid{grid-template-columns:1fr}.announcement-hero{padding:26px 22px;border-radius:14px}.public-main{padding-top:20px}.announcement-tools{padding:16px}.announcement-preview{margin:-18px -18px 6px;height:140px}.public-card{padding:18px}.announcement-hero-links a{flex:1;justify-content:space-between}}

/* Compact search toolbar: one desktop row, two mobile rows. */
.announcement-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px) auto;align-items:center;gap:10px;padding:10px;margin:0;background:#fff;border:1px solid #dbe5ed;border-radius:14px;box-shadow:0 3px 14px rgba(3,27,78,.04)}
.announcement-tools>div{min-width:0}.announcement-tools label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.announcement-search-field{position:relative}.announcement-search-field>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#63758a;pointer-events:none}
.announcement-tools input,.announcement-tools select{box-sizing:border-box;min-height:46px;border:1px solid #e0e7ee;border-radius:10px;background:#f6f8fb;font-size:14px;line-height:1.4}
.announcement-tools input{padding-left:42px}.announcement-tools select{padding:10px 30px 10px 12px;cursor:pointer}
.announcement-tools input:focus,.announcement-tools select:focus{outline:2px solid #058249;outline-offset:1px;background:#fff}
.announcement-tools .announcement-reset{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:46px;padding:10px 13px;background:#fff;border:1px solid #e0e7ee;border-radius:10px;color:#536579;font-size:12px}
.announcement-tools .announcement-reset:hover{background:#edf8f2;color:#058249;border-color:#badccb}
.announcement-count{margin:10px 2px 14px;font-size:12px}
@media(max-width:600px){.announcement-tools{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:12px}.announcement-search-field{grid-column:1/-1}.announcement-tools input{font-size:16px}.announcement-tools select{font-size:13px}.announcement-tools .announcement-reset{padding:10px 14px}}

.announcement-home-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px max(20px,calc((100% - 1080px)/2));border-top:1px solid #dce4ee;background:#e8edf4;color:#475569;font-size:12px;line-height:1.6;text-align:left}
.announcement-home-footer b{margin:0 6px;color:#058249}.announcement-home-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.announcement-home-footer a{display:inline-flex;align-items:center;gap:4px;color:inherit}.announcement-home-footer a:hover{color:#058249}.announcement-home-footer a:focus-visible{outline:2px solid #058249;outline-offset:4px}
@media(max-width:600px){.announcement-home-footer{align-items:flex-start;flex-direction:column;padding:16px 20px;gap:10px}.announcement-home-footer nav{gap:12px}}

/* Keep reading and video playback distinct; cards retain their column when opened. */
.public-card>.article-video{margin:-22px -22px 6px;border-radius:13px 13px 0 0;min-width:0}
.public-card>.article-video .article-video-trigger-overlay{padding:18px;gap:12px}
.public-card>.article-video .article-video-play-icon{width:48px;height:48px;font-size:17px}
.public-card>.article-video .article-video-trigger-copy strong{font-size:16px;color:#fff}
.public-card>.article-video .article-video-trigger-copy small{color:#e4edf6;font-size:12px}
.announcement-details summary{justify-content:flex-start;width:fit-content;min-height:44px;margin-top:8px;padding:11px 15px;border:1px solid #badccb;border-radius:9px;background:#edf8f2;gap:12px}
.announcement-details summary:hover{background:#dff2e7}
.announcement-details[open] summary>svg{transform:rotate(180deg)}
.announcement-external-link{min-height:44px;padding:11px 15px;border:1px solid #badccb;border-radius:9px;background:#edf8f2;margin-top:8px}
.announcement-full-content{margin-top:16px;padding-top:16px;border-top:1px solid #e3e9ef}
.announcement-full-content .article-body{font-size:15px;line-height:1.8}
@media(max-width:700px){.public-card>.article-video{margin:-18px -18px 6px}.announcement-details summary{width:100%;justify-content:space-between}}

.public-card:has(.announcement-details){cursor:pointer}
.public-card:focus-visible{outline:3px solid #058249;outline-offset:3px}
.public-card:has(.announcement-details[open]){grid-column:1/-1}
.public-card:has(.announcement-details[open])>.article-video{width:calc(100% + 44px);max-height:600px}
@media(max-width:700px){.public-card:has(.announcement-details[open])>.article-video{width:calc(100% + 36px)}}

/* Compact announcement actions with a usable mobile touch target. */
.announcement-details summary,.announcement-external-link{min-height:40px;width:fit-content;padding:8px 12px;gap:8px;font-size:13px;border-radius:8px}
.announcement-details summary svg{width:15px;height:15px}
.announcement-action{min-height:40px;padding:9px 12px;font-size:13px;border-radius:8px}
.public-card>.article-video .article-video-play-icon{width:40px;height:40px;font-size:14px}
.public-card>.article-video .article-video-trigger-copy strong{font-size:14px}
.public-card>.article-video .article-video-trigger-copy small{font-size:11px}
.article-video-stop{min-height:36px;padding:7px 9px;font-size:11px}
@media(max-width:700px){.announcement-details summary{width:fit-content;justify-content:flex-start;min-height:44px}.announcement-external-link,.announcement-action{min-height:44px}}

/* Place the close action after the expanded content, at the bottom right. */
.announcement-details[open]{display:flex;flex-direction:column;align-items:stretch}
.announcement-details[open]>.announcement-full-content{order:0;margin-top:8px}
.announcement-details[open]>summary{order:1;align-self:flex-end;margin-top:18px}

/* Show the full image once when reading an expanded announcement. */
.public-card:has(.announcement-details[open])>.announcement-preview{display:none}

/* Expanded card content needs no extra separator lines beneath the video. */
.announcement-full-content{border-top:0}
.announcement-full-content>.article-source{border-top:0;margin-top:16px;padding-top:0}

/* The card itself opens content; retain only the close action while expanded. */
.announcement-clickable>.announcement-details:not([open])>summary{display:none}
.announcement-clickable>.announcement-details:not([open]){margin:0;padding:0;height:0}
.public-card{gap:8px}
.announcement-date{margin:3px 0}
.announcement-full-content{margin-top:8px;padding-top:8px}
.announcement-details[open]>.announcement-full-content{margin-top:0;padding-top:4px}
.announcement-details[open]>summary{margin-top:12px}
.announcement-full-content>.article-source{margin-top:10px;font-size:13px}

.announcement-closing{overflow:hidden;pointer-events:none;will-change:height,width}

/* Independent card columns avoid empty grid rows when content heights differ. */
.announcement-grid{display:block;columns:2;column-gap:20px}
.announcement-grid>.public-card{break-inside:avoid;page-break-inside:avoid;margin:0 0 20px;min-width:0}
.announcement-grid>.public-card:has(.announcement-details[open]){column-span:all;margin-top:12px}
@media(max-width:700px){.announcement-grid{columns:1}.announcement-grid>.public-card{margin-bottom:14px}}

/* Clear interaction feedback without changing the card layout. */
.announcement-grid>.public-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){
 .announcement-grid>.public-card:not(.announcement-closing):hover{transform:translateY(-4px);border-color:#64b78b;box-shadow:0 12px 28px rgba(3,27,78,.12)}
 .announcement-grid>.public-card:not(.announcement-closing):hover>h2{color:#057844}
 .announcement-grid>.public-card:has(.announcement-details[open]):hover{transform:none}
}
.announcement-grid>.public-card>h2{transition:color .2s ease}
.announcement-grid>.public-card:focus-visible{border-color:#64b78b;box-shadow:0 8px 24px rgba(3,27,78,.1)}
@media(prefers-reduced-motion:reduce){.announcement-grid>.public-card,.announcement-grid>.public-card>h2{transition:none}.announcement-grid>.public-card:not(.announcement-closing):hover{transform:none}}

/* Subtle lift on pointer devices without changing the card's layout size. */
.announcement-grid>.public-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){
    .announcement-grid>.public-card:not(.announcement-closing):hover{transform:translateY(-5px);border-color:#91cdb1;box-shadow:0 12px 28px rgba(3,27,78,.12)}
    .announcement-grid>.public-card:has(.announcement-details[open]):hover{transform:none}
}
.announcement-grid>.public-card:focus-visible{box-shadow:0 10px 24px rgba(3,27,78,.1)}
@media(prefers-reduced-motion:reduce){.announcement-grid>.public-card{transition:none}.announcement-grid>.public-card:hover{transform:none}}

.announcement-ad-layout{max-width:1480px;margin:0 auto}
.announcement-ad-layout>.announcement-ad-rail{width:calc(100% - 32px);max-width:1080px;margin:16px auto}
@media(min-width:1300px){
 .announcement-ad-layout:has(.announcement-ad-rail:not([hidden])){display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:16px;padding:0 16px;align-items:start}
 .announcement-ad-layout:has(.announcement-ad-rail:not([hidden]))>.public-main{grid-column:2;grid-row:1;width:100%;min-width:0}
 .announcement-ad-layout>.announcement-ad-rail[data-et-placement-slot="left"]{grid-column:1;grid-row:1}
 .announcement-ad-layout>.announcement-ad-rail[data-et-placement-slot="right"]{grid-column:3;grid-row:1}
 .announcement-ad-layout>.announcement-ad-rail{width:160px;margin:30px 0;min-width:0;display:block}
 .announcement-ad-rail .et-placement{width:100%}
 .announcement-ad-rail .et-placement-link{flex-direction:column;align-items:stretch;gap:0}
 .announcement-ad-rail .et-placement-link img{width:100%;max-width:100%;height:auto}
 .announcement-ad-rail .et-placement-copy{padding:12px}
 .announcement-ad-rail .et-placement-copy strong{font-size:15px}
}

/* Keep side ads in the grid so tall creatives scroll with the page. */
@media(min-width:1300px){
 .announcement-ad-layout>.announcement-ad-rail{position:sticky;top:100px;bottom:auto;margin:0;z-index:10;max-height:none;overflow:visible;align-self:start}
}
@media(max-width:1299px){.announcement-ad-layout>.announcement-ad-rail{position:static}}

.announcement-source-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;text-decoration:none;color:#536579;font-size:12px;margin:3px 0}
.announcement-source-chip img{width:28px;height:28px;object-fit:contain;border-radius:5px;flex-shrink:0}
.announcement-source-chip>span:first-of-type{display:flex;gap:6px;align-items:center;min-width:0}
.announcement-source-chip small{font-size:10px;color:#738298}
.announcement-source-chip strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.announcement-source-chip:hover{color:#057844}
.announcement-context-link{display:inline-flex;margin-top:12px;min-height:36px;align-items:center;color:#057844;font-size:13px;font-weight:700;text-decoration:none}

.document-card{margin:0 0 18px;border:1px solid #dce7e3;border-radius:14px;overflow:hidden;background:#f3f8f6;break-inside:avoid}
.document-heading,.document-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex-wrap:wrap}.document-heading strong{color:#087b57}.document-heading span{font-size:12px;color:#526b62}
.document-preview{display:block;width:100%;height:170px;border:0;background:#e6ece9}.document-actions a{font-size:13px;font-weight:700;color:#076e50;min-height:44px;display:inline-flex;align-items:center}.document-actions .document-download{padding:0 14px;border-radius:9px;background:#087b57;color:white;text-decoration:none}.document-card>p{font-size:11px;line-height:1.5;padding:0 16px 12px;margin:0;color:#64756e}
@media(max-width:600px){.document-preview{height:150px}.document-actions{gap:8px;padding:10px}.document-actions a{font-size:12px}}

/* Keep PDF cards compact until the announcement is opened. */
.public-card:not(:has(.announcement-details[open]))>.document-card{margin:-22px -22px 6px;border:0;border-radius:13px 13px 0 0}
.public-card:not(:has(.announcement-details[open]))>.document-card .document-heading,
.public-card:not(:has(.announcement-details[open]))>.document-card .document-actions,
.public-card:not(:has(.announcement-details[open]))>.document-card>p{display:none}
.public-card:not(:has(.announcement-details[open]))>.document-card .document-preview{height:150px;pointer-events:none}
.public-card:has(.announcement-details[open])>.document-card .document-preview{height:280px}
@media(max-width:700px){
.public-card:not(:has(.announcement-details[open]))>.document-card{margin:-18px -18px 6px}
.public-card:not(:has(.announcement-details[open]))>.document-card .document-preview{height:140px}
.public-card:has(.announcement-details[open])>.document-card .document-preview{height:220px}
}
/* Contain expanded PDF content within its announcement column. */
.public-card:has(.announcement-details[open]){grid-template-columns:minmax(0,1fr)}
.public-card:has(.announcement-details[open])>.document-card{width:100%;max-width:100%;min-width:0;margin:0 0 18px;overflow:hidden}
.public-card:has(.announcement-details[open])>.document-card .document-preview{width:100%;max-width:100%;min-width:0}
.public-card:has(.announcement-details[open])>.document-card .document-heading,
.public-card:has(.announcement-details[open])>.document-card .document-actions{min-width:0;max-width:100%}
.public-card:has(.announcement-details[open])>.document-card a,
.public-card:has(.announcement-details[open])>.document-card p{max-width:100%;overflow-wrap:anywhere}
/* Preview is display-only; document interaction belongs in the PDF viewer. */
.document-card .document-preview{pointer-events:none;user-select:none}

.document-card,.document-preview{scrollbar-width:none;-ms-overflow-style:none}
.document-card::-webkit-scrollbar,.document-preview::-webkit-scrollbar{width:0;height:0;display:none}

/* Crop native PDF viewer scrollbar gutters in both card states. */
.document-card .document-preview{position:relative;overflow:hidden;scrollbar-width:none}
.document-card .document-preview-frame{display:block;width:calc(100% + 24px);height:calc(100% + 24px);max-width:none;border:0;pointer-events:none;user-select:none;scrollbar-width:none}
.document-preview-frame::-webkit-scrollbar{display:none;width:0;height:0}