.page-hero{padding:34px 0 40px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(230,167,65,.18),transparent 28%),linear-gradient(120deg,var(--navy2),var(--teal))}.page-hero h1{font:600 clamp(1.9rem,4vw,3rem)/1.16 Pridi;margin:6px 0}.page-hero>div>p:last-child{max-width:760px;color:#dce9e8;margin:0;font-size:.95rem}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:.75rem;color:#dce9e8;margin:0 0 14px}.breadcrumb a{color:#f3ca80}.page-hero .kicker{margin-bottom:8px}.content-layout{display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:start}.side-menu{position:sticky;top:135px;border:1px solid #e1e9e5;border-radius:14px;overflow:hidden;background:#fff}.side-menu h2{font:500 1.05rem Pridi;margin:0;padding:18px 20px;background:var(--navy);color:#fff}.side-menu a{display:block;padding:12px 20px;border-bottom:1px solid #edf1ef;font-size:.86rem}.side-menu a:hover,.side-menu a.active{background:var(--mint);color:var(--teal);font-weight:700;border-left:4px solid var(--gold);padding-left:16px}.content-main h2{font:600 1.9rem Pridi;color:var(--navy);margin:0 0 15px}.content-main h3{font:500 1.2rem Pridi;color:var(--navy);margin:0 0 8px}.intro-box{padding:25px 28px;border-left:5px solid var(--gold);background:var(--cream);border-radius:0 14px 14px 0;margin-bottom:28px}.intro-box p{margin:0}.mission-list{display:grid;gap:12px;padding:0;list-style:none;counter-reset:mission}.mission-list li{counter-increment:mission;position:relative;padding:18px 20px 18px 62px;border:1px solid #e2e9e6;border-radius:12px;background:#fff}.mission-list li:before{content:counter(mission);position:absolute;left:18px;top:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal);font-weight:700}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.staff-card{text-align:center;padding:25px 15px;border:1px solid #e2e9e6;border-radius:15px;background:#fff}.staff-avatar{width:94px;height:94px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(145deg,#dae9e5,#9fc7bf);display:grid;place-items:center;color:#fff;font-size:2.2rem}.staff-card strong,.staff-card span{display:block}.staff-card span{color:var(--muted);font-size:.8rem}.staff-card.head{grid-column:1/-1;max-width:340px;justify-self:center;width:100%;border-top:4px solid var(--gold)}.document-tools{display:flex;margin-bottom:20px}.document-tools input{flex:1;border:1px solid #d9e2df;border-radius:9px;padding:11px 14px}.document-list{border-top:1px solid #e0e7e4}.document-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid #e0e7e4}.document-row .pdf{width:45px;text-align:center}.document-row strong,.document-row small{display:block}.document-row small{color:var(--muted);font-size:.74rem}.download-button{color:var(--teal);font-weight:700;font-size:.82rem}.empty-search{display:none;padding:35px;text-align:center;color:var(--muted)}@media(max-width:900px){.content-layout{grid-template-columns:1fr;gap:30px}.side-menu{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.side-menu h2{grid-column:1/-1}.staff-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.page-hero{padding:28px 0 32px}.breadcrumb{flex-wrap:wrap}.side-menu,.staff-grid{grid-template-columns:1fr}.staff-card.head{grid-column:auto}.document-row{grid-template-columns:auto 1fr}.download-button{grid-column:2}.page-content{padding-top:40px}}
.document-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.document-title-row #documentCount{color:var(--muted);font-size:.86rem}.document-filters{display:flex;justify-content:flex-end;gap:14px;margin:0 0 24px;padding:16px 18px;border-radius:12px;background:#f3f7f5}.document-filters label{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:.82rem;font-weight:700}.document-filters select{min-width:170px;padding:10px 34px 10px 12px;border:1px solid #ccdcd7;border-radius:8px;background:#fff;color:var(--navy);font:inherit}.document-row small b{color:var(--teal)}.document-empty{padding:38px;text-align:center;color:var(--muted)}@media(max-width:620px){.document-title-row{align-items:flex-start;flex-direction:column;gap:0}.document-filters{align-items:stretch;flex-direction:column}.document-filters label{justify-content:space-between}.document-filters select{min-width:0;width:65%}}
