/* About shares the spare hero space; other hero components keep their own rules. */
#overview .hero-main{container-name:pracc-hero-main;container-type:inline-size}
#overview .hero-info-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:780px;min-width:0;margin-top:auto}
#overview .hero-info-grid>.announcements{width:100%;max-width:none;min-width:0;margin:0}
#overview .hero-info-grid>.about-project{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;border:1px solid #53e5ed;border-radius:10px;background:#0a1828b8;overflow:hidden;align-self:start;transition:border-color .15s,box-shadow .15s}
#overview .about-project>summary{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 42px;list-style:none;cursor:pointer;color:#53e5ed;background:transparent;border:0;border-radius:inherit;box-shadow:none;outline:none;text-align:center;font-size:16px;font-weight:750;line-height:1.4;transition:color .15s}
#overview .about-project>summary::-webkit-details-marker{display:none}
#overview .about-project>summary::after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);margin:0;color:inherit;font-size:21px;line-height:1;font-weight:500}
#overview .about-project[open]>summary::after{content:'−'}
#overview .hero-info-grid>.about-project:is(:hover,:focus-within,[open]){border-color:#53e5ed;box-shadow:none}
#overview .about-project:is(:hover,:focus-within,[open])>summary{color:#eff9ff;background:transparent;box-shadow:none}
#overview .about-project>summary:is(:focus,:focus-visible){outline:none;box-shadow:none}
#overview .about-project-body{padding:0 15px 13px;font-size:14px;line-height:1.7;color:#eff6fc}
#overview .about-project-body p{margin:8px 0 0}
#overview .about-project-body a{color:#6be9e0;text-decoration:none}
#overview .about-project-body a:hover{text-decoration:underline}
#overview .about-project-body strong{font-size:12px;color:#bdd7e5;font-weight:650}
@container pracc-hero-main (min-width:900px){#overview .hero-info-grid{grid-template-columns:minmax(0,780px) minmax(300px,1fr);max-width:none}}
@media(prefers-reduced-motion:reduce){#overview .about-project,#overview .about-project>summary{transition:none}}

.announcement-archive{margin-top:12px}.announcement-archive>summary{cursor:pointer;color:#53e5ed;padding:8px 0;list-style:none;font-weight:700}.announcement-archive>summary::-webkit-details-marker{display:none}.announcement-archive>summary::before{content:"+ ";font-size:20px}.announcement-archive[open]>summary::before{content:"− "}.announcement-archive>summary:hover{color:#eff9ff}.announcement-archive .announcement-list{margin-top:8px}

/* Archive is a compact text disclosure, not a panel or button. */
#overview .announcements .announcement-archive{display:block;width:auto;min-height:0;margin:10px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#overview .announcements .announcement-archive>summary{display:inline-flex;align-items:center;gap:5px;width:auto;min-height:0;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline-offset:3px;font-size:13px;line-height:1.4;font-weight:600;color:#53e5ed}
#overview .announcements .announcement-archive>summary::before{content:"+";font-size:17px;line-height:1}#overview .announcements .announcement-archive[open]>summary::before{content:"−"}#overview .announcements .announcement-archive>summary::after{content:none}#overview .announcements .announcement-archive>summary:hover{background:transparent;box-shadow:none;color:#eff9ff}