.page-container{max-width:1200px;margin:0 auto;--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: #FFFFFF;--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 rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--transition-base: all .2s ease-in-out}body{background-color:var(--forest-green)}.btn-primary{background-color:var(--primary-green);color:var(--white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base)}.btn-primary:hover{background-color:var(--sky-bluen)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base)}.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{background-color:#000;color:var(--white);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm)}.navbar a{color:var(--white);margin-right:var(--space-4);text-decoration:none;transition:var(--transition-base)}.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 (max-width: 767px){.navbar-collapse{background-color:#000;padding:var(--space-2) 0}.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{background:#708090;color:#556b2f;padding:var(--space-12) var(--space-4);background:linear-gradient(#0000001a,#0000004d)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}.footer-col{display:flex;flex-direction:column}.footer-brand{display:flex;align-items:center;margin-bottom:var(--space-3)}.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);line-height:1.6;margin:0}.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{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--gray-medium);text-decoration:none;transition:var(--transition-base)}.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;margin-left:auto;margin-right:auto;padding:var(--space-8) var(--space-4)}.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{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-muted);font-size:var(--text-lg)}.error-alert{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA;border-radius:var(--border-radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm)}.hero-section{background-size:cover;background-position:center;min-height:39vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;color:#fafad2;padding:var(--space-8)}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000001a,#0000004d)}.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);background-color:var(--primary-green)!important;color:var(--white)!important;text-decoration:none!important;display:inline-block;transition:var(--transition-base);border:3px solid var(--primary-green);box-shadow:var(--shadow-xl)}.hero-cta:hover{background-color:transparent!important;color:var(--white)!important;border-color:var(--earth-brown);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{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-8)}.story-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base);text-decoration:none;color:inherit;display:block}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);text-decoration:none;color:inherit}.story-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;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);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;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);line-height:1.7;margin-bottom:var(--space-4)}.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-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-6);padding-bottom:var(--space-3);border-bottom:3px solid var(--primary-green)}.story-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);margin-bottom:var(--space-6)}.story-sidebar{position:sticky;top:var(--space-4);height:fit-content}.story-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--primary-green-light);border-radius:var(--border-radius-md);margin-bottom:var(--space-6)}.story-meta dl{display:flex;flex-direction:column;margin:0}.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);margin:0;font-size:var(--text-base)}.story-paragraph{margin-bottom:var(--space-6)}.story-paragraph p{color:var(--text-dark);line-height:1.7;margin-bottom:var(--space-4)}.story-paragraph img{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);max-width:100%;display:block}.story-paragraph img:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.modal-content{border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-xl)}.modal-header{background-color:var(--forest-green);color:var(--white);padding:var(--space-4) var(--space-6);border-bottom:none;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-body{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--gray-light);padding:var(--space-4) var(--space-6)}@media (max-width: 1024px){.story-grid{grid-template-columns:repeat(2,1fr)}.story-detail-grid{grid-template-columns:1fr}.hero-section{min-height:35vh}.hero-title{font-size:var(--text-3xl)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.story-grid{grid-template-columns:1fr;padding:var(--space-4)}.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}}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.admin-nav-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);text-decoration:none;color:inherit;display:block;transition:var(--transition-base);text-align:center}.admin-nav-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);text-decoration:none;color:inherit}.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);display:block;font-size:var(--text-base)}.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);line-height:1.5;resize:vertical;transition:var(--transition-base)}.form-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #3d99701a}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}