.public-announcement-detail{width:min(90%,78rem);margin:0 auto;padding:clamp(2rem,5vw,5rem) 0}.public-announcement-breadcrumb{display:flex;gap:.55rem;margin-bottom:1.25rem;color:#806e70;font:600 .78rem/1.4 var(--public-ui)}.public-announcement-breadcrumb a{color:#71101f}.public-announcement-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);overflow:hidden;background:#f3e9e6;border:1px solid #e1d3cf;border-radius:0 4rem 4rem 0;box-shadow:0 24px 60px rgba(66,30,27,.11)}.public-announcement-detail-hero figure{position:relative;min-height:31rem;margin:0;background:#71101f}.public-announcement-detail-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.public-announcement-detail-hero figure time{position:absolute;right:1rem;bottom:1rem;display:grid;justify-items:center;min-width:5rem;padding:.75rem;color:#fff;background:rgba(74,9,20,.9);border-radius:.75rem;font-family:var(--public-ui)}.public-announcement-detail-hero time small,.public-announcement-detail-hero time span{font-size:.65rem;font-weight:700;letter-spacing:.08em}.public-announcement-detail-hero time strong{font-size:2rem;font-weight:400}.public-announcement-detail-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.public-announcement-detail-intro>p,.public-announcement-detail-body>div:first-child p{margin:0;color:#a21d32;font:700 .72rem/1.4 var(--public-ui);letter-spacing:.1em;text-transform:uppercase}.public-announcement-detail-intro h1{margin:.65rem 0 2.5rem;color:#71101f;font:600 clamp(2.4rem,5vw,4.5rem)/.98 var(--public-heading)}.public-announcement-detail-date{display:grid;gap:.4rem;padding-top:1.25rem;border-top:1px solid #d8c6c1}.public-announcement-detail-date span{color:#9b2033;font:700 .78rem var(--public-ui);text-transform:uppercase}.public-announcement-detail-date time{color:#302224;font:600 1.5rem var(--public-heading)}.public-announcement-detail-body{display:grid;grid-template-columns:minmax(16rem,.45fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem)}.public-announcement-detail-body h2{margin:.55rem 0;color:#302224;font:500 clamp(2rem,3vw,3.2rem)/1.05 var(--public-heading)}.public-announcement-detail-body>div:last-child{color:#65575a;font:400 clamp(1rem,1.4vw,1.15rem)/1.9 var(--public-body)}.public-announcement-validity{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.35rem;background:#f7f0e8;border-left:4px solid #b67b38;border-radius:.4rem}.public-announcement-validity svg{width:1.5rem;fill:none;stroke:#8b5625;stroke-width:1.8}.public-announcement-validity p{display:grid;margin:0}.public-announcement-validity span{color:#75625a;font:.85rem var(--public-ui)}.public-announcement-detail footer{padding-top:2rem}.public-announcement-detail footer a{color:#71101f;font:700 .9rem var(--public-ui)}@media(max-width:760px){.public-announcement-detail{width:calc(100% - 2rem)}.public-announcement-detail-hero{grid-template-columns:1fr;border-radius:0 2rem 2rem 0}.public-announcement-detail-hero figure{min-height:21rem}.public-announcement-detail-intro{padding:2rem}.public-announcement-detail-intro h1{margin-bottom:1.5rem}.public-announcement-detail-body{grid-template-columns:1fr;gap:1.25rem;padding:3rem .5rem}}