:root{--bg:#dedede;--paper:#fff;--text:#333;--muted:#6c6c6c;--accent:#7cab22;--accent-dark:#5f8618;--border:#e5e0d8;--shadow:0 12px 35px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.58 Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg) url('/images/demo_content/shattered-gray.png') repeat}a{color:#5d8416;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}table{border-collapse:collapse;max-width:100%;width:auto}td,th{padding:.45rem;border-bottom:1px solid #eee;vertical-align:top}.site-wrap{max-width:1100px;margin:28px auto 48px;background:var(--paper);box-shadow:var(--shadow)}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border);font-size:.95rem;color:#555}.header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 2rem}.brand{display:flex;align-items:center;gap:1rem;color:#1f1f1f}.brand img{width:72px;height:auto}.brand-title{font-size:2.1rem;font-weight:700;letter-spacing:.02em}.brand-sub{color:var(--muted);font-size:.95rem;margin-top:-.2rem}.mainnav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fafafa}.mainnav ul{list-style:none;margin:0;padding:0}.mainnav>ul{display:flex;flex-wrap:wrap;justify-content:center}.mainnav li{position:relative}.mainnav a,.mainnav .nav-label{display:block;padding:1rem .95rem;color:#222;font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em}.mainnav a:hover{background:var(--accent);color:white;text-decoration:none}.mainnav li ul{display:none;position:absolute;z-index:20;min-width:230px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);border:1px solid var(--border)}.mainnav li:hover>ul,.mainnav li:focus-within>ul{display:block}.mainnav li ul a{padding:.8rem 1rem;text-transform:none;font-weight:600}.hero{position:relative;overflow:hidden}.slides{display:grid;grid-template-columns:repeat(4,1fr)}.slide{position:relative;min-height:230px;background:#ddd;overflow:hidden}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-caption{position:absolute;left:1rem;bottom:1rem;background:rgba(255,255,255,.9);padding:.65rem .8rem;border-left:5px solid var(--accent)}.slide-caption strong{display:block;font-size:1.2rem}.promos{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.2rem 2rem;background:#f7f7f7}.promo{position:relative;min-height:150px;color:#fff;overflow:hidden;background:#333}.promo img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78)}.promo span{position:absolute;left:0;bottom:0;right:0;padding:.9rem;background:linear-gradient(transparent,rgba(0,0,0,.75));font-weight:700}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:2rem;padding:2rem}.content{min-width:0}.article-title{margin:.1rem 0 1.2rem;font-size:2rem;line-height:1.2;color:#222}.content h2{margin-top:1.8rem;border-bottom:2px solid var(--border);padding-bottom:.25rem;color:#444}.sidebar{border-left:1px solid var(--border);padding-left:1.25rem}.sidebar h2{font-size:1.1rem;margin-top:0}.subnav{list-style:none;margin:0;padding:0}.subnav a{display:block;padding:.45rem 0;border-bottom:1px solid #eee}.breadcrumb{font-size:.9rem;color:#777;margin-bottom:.8rem}.breadcrumb a{color:#777}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}.card{border:1px solid var(--border);border-radius:8px;padding:1rem;background:#fff}.download-list{list-style:none;margin:1rem 0;padding:0}.download-list li{padding:.8rem 0;border-bottom:1px solid #eee}.button,.download-list a{display:inline-block;background:var(--accent);color:white!important;padding:.45rem .75rem;border-radius:4px;font-weight:700}.button:hover,.download-list a:hover{background:var(--accent-dark);text-decoration:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.gallery-item{display:block;border:1px solid var(--border);background:#fafafa;color:#333}.gallery-item img{display:block;width:100%;height:120px;object-fit:cover}.gallery-item span{display:block;padding:.45rem .6rem;font-size:.85rem}.static-map{background:#f5f5f5;border:1px solid var(--border);padding:1rem;margin:1rem 0}.events{width:100%}.events th{text-align:left;background:#f7f7f7}.footer{padding:1.5rem 2rem;background:#333;color:#eee}.footer a{color:#fff}.footer-nav{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}.meta{color:#777;font-size:.88rem;margin-top:1.2rem}.notice{background:#fff8e1;border-left:5px solid #e3bb37;padding:1rem;margin:1rem 0}.alert{background:#eef6df;border-left:5px solid var(--accent);padding:1rem;margin:1rem 0}.article img[style*="display: block"]{margin:1rem auto}.article ul,.article ol{padding-left:1.4rem}@media (max-width:850px){.site-wrap{margin:0}.header,.topbar{display:block}.mainnav>ul{display:block}.mainnav li ul{display:block;position:static;box-shadow:none;border:0;padding-left:1rem}.slides{grid-template-columns:1fr}.promos{grid-template-columns:1fr 1fr;padding:1rem}.content-shell{grid-template-columns:1fr;padding:1.2rem}.sidebar{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:1rem}.brand-title{font-size:1.7rem}}@media (max-width:520px){.promos{grid-template-columns:1fr}.brand{align-items:flex-start}.brand img{width:56px}.article-title{font-size:1.55rem}}