:root { color-scheme: light; --ink:#25202c; --plum:#26024a; --rose:#ff7189; --paper:#e8e6ec; --card:#fff; --line:#b9b4c2; --serif:Tahoma,Arial,sans-serif; --sans:Tahoma,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-padding-top:16px; }
body { margin:0; color:var(--ink); background:var(--paper); font:13px/1.6 var(--sans); }
img { display:block; max-width:100%; }
a { color:#542778; text-decoration:underline; }
a:hover { color:#832c83; }
a:focus-visible, input:focus-visible, button:focus-visible, select:focus-visible, textarea:focus-visible { outline:2px solid #7a2b8d; outline-offset:3px; }
.shell { width:min(980px,calc(100% - 32px)); margin-inline:auto; }
.skip-link { position:absolute; top:-100px; left:16px; padding:8px; background:white; z-index:10; }
.skip-link:focus { top:8px; }
.site-header { margin:22px auto 0; width:min(980px,calc(100% - 32px)); border:1px solid #aaa4b1; border-top:4px solid #542778; background:#f8f7fa; }
.header-inner { width:100%; padding:14px 18px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.brand { display:flex; gap:10px; align-items:center; text-decoration:none; color:#26024a; }
.brand-mark { width:44px; height:44px; flex:none; }
.brand-mark img { width:100%; height:100%; object-fit:contain; }
.brand-name { font:bold 20px/1.2 Tahoma,Arial,sans-serif; }
.brand-name br { display:none; }
.main-nav { display:flex; flex-wrap:wrap; gap:6px; font-size:12px; }
.main-nav a { padding:4px 9px; border:1px solid #b9b4c2; background:#ece9f0; text-decoration:none; box-shadow:inset 1px 1px #fff,inset -1px -1px #c4becc; }
.main-nav a:hover { background:#e2d9eb; }
.hero { position:relative; overflow:hidden; width:min(980px,calc(100% - 32px)); margin:12px auto 0; border:1px solid var(--line); background:#fff; }
.hero-inner { width:100%; padding:22px 24px; }
.hero-copy { position:relative; z-index:1; padding-right:220px; }
.hero-emblem { position:absolute; inset:0 0 0 auto; width:205px; overflow:hidden; display:flex; align-items:center; justify-content:center; pointer-events:none; -webkit-mask-image:linear-gradient(to right,transparent,black 38%); mask-image:linear-gradient(to right,transparent,black 38%); }
.hero-emblem-logo { width:390px; height:390px; max-width:none; flex:none; }
.hero-kicker:empty { display:none; }
.hero h1 { font:bold 25px/1.25 Tahoma,Arial,sans-serif; color:#26024a; margin:0 0 10px; }
.hero h1 br { display:none; }
.hero-summary { max-width:670px; margin:0; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin-top:15px; }
.primary-link,.card-link,button { display:inline-block; padding:6px 15px; border:1px solid #50415e; background:#ebe5f0; color:#26024a; font:bold 12px Tahoma,Arial,sans-serif; text-decoration:none; box-shadow:inset 1px 1px #fff,inset -1px -1px #b2a3bf; }
.primary-link:hover,.card-link:hover,button:hover { background:#ded1e8; color:#26024a; }
.primary-link:active,.card-link:active,button:active { box-shadow:inset 1px 1px #a79ab2; }
.secondary-link,.plain-link { font-size:12px; }
.projects-section { padding:18px 0 0; }
.section-heading,.status-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:5px 10px; border:1px solid #aaa4b1; background:#ddd5e5; box-shadow:inset 0 1px #f7f3fa; }
.section-heading h2,.status-heading h2,.about-section h2 { margin:0; font:bold 14px/1.5 Tahoma,Arial,sans-serif; color:#26024a; }
.project-search { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 13px; }
.project-search label { font-weight:bold; font-size:12px; }
input,select,textarea { font:13px Tahoma,Arial,sans-serif; color:var(--ink); border:1px solid #8b8296; border-radius:0; background:#fff; padding:6px 8px; box-shadow:inset 1px 1px #ddd; }
.project-search input { width:min(360px,100%); height:30px; }
.project-search-feedback { margin:8px 0; }
[hidden] { display:none!important; }
.release-card { display:grid; grid-template-columns:210px minmax(0,1fr); border:1px solid #aaa4b1; background:#fff; margin:0 0 14px; }
.cover-wrap { padding:8px; background:#f2f0f5; border-right:1px solid #ccc6d1; }
.cover-wrap img { width:100%; height:100%; max-height:300px; object-fit:cover; }
.release-content { padding:12px 15px; min-width:0; }
.card-topline { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:#665b70; }
.status { color:#4d226b; border:1px solid #b7a8c3; background:#eee7f3; padding:1px 6px; white-space:nowrap; font-size:11px; }
.card-main { padding:10px 0; }
.edition { margin:0 0 2px; font-size:11px; color:#756880; }
.release-card h3 { font:bold 22px/1.25 Tahoma,Arial,sans-serif; margin:0 0 8px; color:#26024a; }
.release-description { margin:0; }
.content-note { margin:8px 0 0; font-size:11px; color:#665369; }
.card-bottom { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.release-facts { margin:0; flex:1; min-width:240px; }
.release-facts div { display:grid; grid-template-columns:74px 1fr; border-top:1px solid #ddd8e3; padding:3px 0; gap:5px; font-size:11px; }
.release-facts dt { color:#6a6073; }
.release-facts dd { margin:0; font-weight:bold; }
.card-actions { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.project-progress { grid-column:1/-1; border-top:1px solid #ccc6d1; background:#f6f4f8; padding:8px 12px; }
.project-progress-label { display:flex; justify-content:space-between; gap:12px; font-size:11px; margin-bottom:4px; }
.project-progress-label strong { color:#542778; }
.project-progress-track { height:14px; border:1px solid #8c8198; background:#e5e0ea; padding:1px; box-shadow:inset 1px 1px #c0b8c8; }
.project-progress-fill { display:block; height:100%; background:#7a2b8d; }
.project-progress p { margin:4px 0 0; font-size:10px; }
.status-section { padding:4px 0 18px; }
.status-heading span { font-size:10px; color:#665b70; }
.status-grid { display:grid; grid-template-columns:1fr 1fr 1fr; border:1px solid #b9b4c2; background:white; margin-bottom:8px; }
.status-grid p { margin:0; padding:12px; border-right:1px solid #ddd8e3; }
.status-grid p:last-child { border:0; }
.status-grid strong { display:block; color:#542778; font-size:14px; margin-bottom:5px; }
.about-section { width:min(980px,calc(100% - 32px)); margin:0 auto 14px; border:1px solid #b9b4c2; background:#fff; }
.about-inner { width:100%; padding:12px 15px; }
.about-section h2 br { display:none; }
.about-copy p { margin:7px 0 0; }
.site-footer { width:min(980px,calc(100% - 32px)); margin:0 auto 22px; border-top:1px solid #bbb4c2; }
.footer-inner { width:100%; padding:10px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 15px; font-size:10px; }
.footer-links { display:flex; gap:12px; }
.report-main { background:#fff; border:1px solid #b9b4c2; margin:12px auto 16px; padding:18px 24px; }
.report-main h1 { margin:0 0 8px; font:bold 22px/1.3 Tahoma,Arial,sans-serif; color:#26024a; }
.report-main>p { margin:0 0 15px; }
.report-main form { max-width:680px; display:grid; gap:12px; }
.report-main label { display:grid; gap:4px; font-weight:bold; }
.report-main label span { font-size:11px; font-weight:normal; color:#665b70; }
.report-main input,.report-main textarea,.report-main select { width:100%; }
.report-main textarea { min-height:90px; resize:vertical; }
.report-main button { width:fit-content; cursor:pointer; }
.report-main button:disabled { opacity:.6; cursor:wait; }
#status { margin:0; min-height:20px; }
@media(max-width:700px) {
 .hero-copy { padding-right:190px; }
 .hero-emblem { width:180px; }
 .hero-emblem-logo { width:340px; height:340px; }
 .header-inner { flex-direction:column; align-items:flex-start; gap:12px; padding:12px; }
 .hero-inner { padding:16px; gap:12px; }
 .hero h1 { font-size:21px; }
 .release-card { grid-template-columns:140px minmax(0,1fr); }
 .release-card h3 { font-size:18px; }
 .card-topline { flex-direction:column; align-items:flex-start; gap:4px; }
 .release-facts { min-width:0; width:100%; flex-basis:100%; }
 .status-grid { grid-template-columns:1fr; }
 .status-grid p { border-right:0; border-bottom:1px solid #ddd8e3; }
 .status-heading { align-items:flex-start; flex-direction:column; gap:2px; }
 .report-main { padding:14px; }
}
@media(max-width:460px) {
 .hero-copy { padding-right:135px; }
 .hero-emblem { width:125px; }
 .hero-emblem-logo { width:260px; height:260px; }
 .shell,.site-header,.hero,.about-section,.site-footer { width:calc(100% - 20px); }
 .release-card { grid-template-columns:1fr; }
 .cover-wrap { border-right:0; border-bottom:1px solid #ccc6d1; }
 .cover-wrap img { height:200px; width:100%; object-position:center 45%; }
 .project-search input { width:100%; }
 .release-content { padding:12px; }
}