.page-container{--primary-green:#3d9970;--primary-green-dark:#2d7d5f;--primary-green-light:#e8f5ee;--forest-green:#2d5f3f;--earth-brown:#8b7355;--sky-blue:#87ceeb;--navy-dark:#2c3e50;--gray-light:#ecf0f1;--gray-medium:#bdc3c7;--white:#fff;--text-dark:#2c3e50;--text-light:#7f8c8d;--text-muted:#95a5a6;--font-primary:"Inter", "Segoe UI", -apple-system, sans-serif;--font-heading:"Poppins", "Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-base:all .2s ease-in-out;max-width:1200px;margin:0 auto}body{background-color:var(--forest-green)}.btn-primary{background-color:var(--primary-green);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);border:none}.btn-primary:hover{background-color:var(--sky-bluen)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-3);background-color:var(--primary-green-light);color:var(--text-dark);font-weight:var(--font-semibold)}.card-body{padding:var(--space-3)}--forest-green .card-text{color:var(--text-muted)}.navbar{color:var(--white);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);background-color:#000}.navbar a{color:var(--white);margin-right:var(--space-4);transition:var(--transition-base);text-decoration:none}.navbar a:hover{color:#6b8e23}.nav-link{color:#fff}.nav-link-active{color:#ff0}.navbar-toggler{border-color:#ffffff4d;padding:.5rem .75rem}.navbar-toggler:focus{box-shadow:0 0 0 .2rem #ffffff40}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}@media (width<=767px){.navbar-collapse{padding:var(--space-2) 0;background-color:#000}.navbar .nav-link{padding:var(--space-2) var(--space-4);display:block}.navbar a{margin-right:0}}.page-content{min-height:calc(100vh - 120px)}.footer{color:#556b2f;padding:var(--space-12) var(--space-4);background:linear-gradient(#0000001a,#0000004d)}.footer-grid{gap:var(--space-8);grid-template-columns:2fr 1fr 1fr;max-width:1200px;margin:0 auto;display:grid}.footer-col{flex-direction:column;display:flex}.footer-brand{margin-bottom:var(--space-3);align-items:center;display:flex}.footer-brand-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--white)}.footer-tagline{color:var(--gray-medium);font-size:var(--text-sm);margin:0;line-height:1.6}.footer-heading{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-3)}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--gray-medium);transition:var(--transition-base);text-decoration:none}.footer-links a:hover{color:var(--primary-green)}.footer-copyright{text-align:center;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--gray-medium);font-size:var(--text-sm);color:var(--gray-medium);max-width:1200px;margin-left:auto;margin-right:auto}.page-container{max-width:1200px;padding:var(--space-8) var(--space-4);margin-left:auto;margin-right:auto}.section-header{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--forest-green);margin-bottom:var(--space-6)}.content-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.loading-container{min-height:200px;color:var(--text-muted);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.error-alert{color:#991b1b;border-radius:var(--border-radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);background-color:#fee2e2;border:1px solid #fecaca}.hero-section{text-align:center;color:#fafad2;min-height:39vh;padding:var(--space-8);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-section:before{content:"";background:linear-gradient(#0000001a,#0000004d);position:absolute;inset:0}.hero-section>*{position:relative}.hero-cta{margin-top:var(--space-6);padding:var(--space-4) var(--space-12);font-size:var(--text-2xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-xl);transition:var(--transition-base);border:3px solid var(--primary-green);box-shadow:var(--shadow-xl);display:inline-block;background-color:var(--primary-green)!important;color:var(--white)!important;text-decoration:none!important}.hero-cta:hover{border-color:var(--earth-brown);color:var(--white)!important;background-color:#0000!important;text-decoration:none!important}.featured-header{text-align:center;margin-bottom:var(--space-8)}.featured-subtitle{color:var(--text-muted);font-size:var(--text-lg);margin-top:calc(-1 * var(--space-4))}.story-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.story-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base);color:inherit;text-decoration:none;display:block;overflow:hidden}.story-card:hover{box-shadow:var(--shadow-xl);color:inherit;text-decoration:none;transform:translateY(-4px)}.story-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.story-card__content{padding:var(--space-4)}.story-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--forest-green);margin-bottom:var(--space-2)}.story-card__summary{color:var(--text-dark);font-size:var(--text-base);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.prose h4{color:var(--forest-green);margin-top:var(--space-6);margin-bottom:var(--space-2);font-family:var(--font-heading);font-weight:var(--font-semibold)}.prose p{color:var(--text-dark);margin-bottom:var(--space-4);line-height:1.7}.prose ul{color:var(--text-dark);padding-left:var(--space-6);line-height:1.7}.prose a{color:var(--primary-green-dark);text-decoration:underline}.prose a:hover{color:var(--forest-green)}.story-hero{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8) var(--space-6);margin-bottom:var(--space-6);border-left:5px solid var(--primary-green);background:#fff}.story-detail-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--forest-green);margin-bottom:var(--space-4)}.story-meta{gap:var(--space-4);padding:var(--space-4);background:var(--primary-green-light);border-radius:var(--border-radius-md);flex-wrap:wrap;margin-bottom:0;display:flex}.story-meta dl{flex-direction:column;margin:0;display:flex}.story-meta dt{font-weight:var(--font-semibold);color:var(--forest-green);font-size:var(--text-sm);margin-bottom:var(--space-1)}.story-meta dd{color:var(--text-dark);font-size:var(--text-base);margin:0}.map-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);background:#fff;overflow:hidden}.map-card #map_canvas{width:100%;height:400px}.map-card-label{padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);color:var(--forest-green);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--gray-light);align-items:center;gap:var(--space-2);display:flex}.story-paragraph-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);transition:var(--transition-base);background:#fff;grid-template-columns:1fr 1fr;align-items:center;display:grid;overflow:hidden}.story-paragraph-card:hover{box-shadow:var(--shadow-md)}.story-paragraph-card img{aspect-ratio:1;object-fit:cover;cursor:pointer;width:100%;transition:var(--transition-base);display:block}.story-paragraph-card img:hover{opacity:.92}.story-paragraph-card__text{padding:var(--space-6);color:var(--text-dark);line-height:1.7;font-size:var(--text-base)}.story-paragraph-card:nth-child(2n) img{order:2}.story-paragraph-card:nth-child(2n) .story-paragraph-card__text{order:1}.modal-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:none}.modal-header{background-color:var(--forest-green);color:var(--white);padding:var(--space-4) var(--space-6);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:none}.modal-body{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--gray-light);padding:var(--space-4) var(--space-6)}@media (width<=1024px){.story-grid{grid-template-columns:repeat(2,1fr)}.hero-section{min-height:35vh}.hero-title{font-size:var(--text-3xl)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.story-paragraph-card{grid-template-columns:1fr}.story-paragraph-card:nth-child(2n) img,.story-paragraph-card:nth-child(2n) .story-paragraph-card__text{order:0}.story-paragraph-card img{aspect-ratio:16/10}}@media (width<=640px){.story-grid{padding:var(--space-4);grid-template-columns:1fr}.hero-section{min-height:25vh}.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.page-container{padding:var(--space-4) var(--space-3)}.footer-grid{grid-template-columns:1fr}.story-meta{flex-direction:column}.admin-table{font-size:var(--text-sm)}.admin-nav-grid{grid-template-columns:1fr}.story-hero{padding:var(--space-4) var(--space-3)}.map-card #map_canvas{height:280px}}.admin-table th{background:var(--forest-green);color:var(--white)}.admin-table .btn-link{color:var(--primary-green-dark);font-weight:var(--font-medium)}.admin-nav-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.admin-nav-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);color:inherit;transition:var(--transition-base);text-align:center;text-decoration:none;display:block}.admin-nav-card:hover{box-shadow:var(--shadow-xl);color:inherit;text-decoration:none;transform:translateY(-4px)}.admin-nav-card__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.admin-nav-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--forest-green);margin-bottom:var(--space-2)}.admin-nav-card__description{color:var(--text-muted);font-size:var(--text-sm)}.form-label{font-weight:var(--font-medium);color:var(--text-dark);margin-bottom:var(--space-1);font-size:var(--text-base);display:block}.form-textarea{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--gray-medium);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--text-base);resize:vertical;transition:var(--transition-base);line-height:1.5}.form-textarea:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #3d99701a}