body{font-family:Arial,sans-serif;background:#f8f8f8;margin:0;padding:0;transition:background .3s}.container{max-width:700px;margin:2em auto;background:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 16px #217c3b14;transition:background .3s,color .3s}.hero-section{text-align:center;margin-bottom:2.5em;padding-bottom:1.5em;border-bottom:2px solid #217c3b}.hero-section h1{margin:0 0 .5em;font-size:2.8em;color:#217c3b;letter-spacing:1px}.tagline{color:#555;font-size:1.1em;margin:0;font-weight:500;letter-spacing:.5px}.theme-toggle-container{display:flex;justify-content:center;margin-bottom:2em}.theme-toggle-btn{padding:.7em 1.5em;border-radius:25px;border:2px solid #217c3b;background:#fff;color:#217c3b;cursor:pointer;font-size:.95em;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #217c3b1a}.theme-toggle-btn:hover{background:#217c3b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #217c3b33}h1{color:#217c3b;text-align:center;margin-bottom:1.5em;font-size:2.2em;letter-spacing:1px}h2{color:#217c3b;margin-top:2em;margin-bottom:1em;font-size:1.3em}input[type=text]{display:block;margin:0 auto 2em;width:100%;max-width:400px;padding:.7em;font-size:1em;border-radius:6px;border:1px solid #217c3b;background:#f4f8f4;box-sizing:border-box}.category-box{background:#eafbe7;border-radius:8px;padding:1em 1.5em;margin-bottom:2em;box-shadow:0 2px 8px #217c3b0d;transition:box-shadow .2s,border .2s,background .3s}.category-box:hover{box-shadow:0 4px 24px #217c3b1f;border:1px solid #b6e2c7}.category-box h2{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;padding:.3em .5em;border-radius:6px}.category-box h2:hover{background:#d2f5c9}.article-teaser{margin-bottom:1.5em;padding:1em;background:#f9f9f9;border-left:4px solid #217c3b;border-radius:4px;transition:all .3s}.article-teaser:hover{background:#f0f7f0;box-shadow:0 2px 8px #217c3b14}.article-teaser:last-child{border-bottom:none}.article-teaser h3{margin:0 0 .5em;font-size:1.05em;color:#333}.article-meta{font-size:.85em;color:#666;margin:.5em 0 .8em;display:flex;flex-wrap:wrap;gap:.5em}.meta-separator{color:#999}.article-link{display:inline-block;background:#217c3b;color:#fff;padding:.5em 1em;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9em;transition:all .3s;cursor:pointer}.article-link:hover{background:#145c28;transform:translate(4px);box-shadow:0 2px 8px #217c3b33}footer{margin-top:3em;font-size:.9em;color:#666;border-top:1px solid #ddd;padding-top:1em;text-align:center}footer a{color:#666!important;text-decoration:underline}footer a:hover{color:#217c3b!important}.category-stats{background:#f0f7f0;padding:1.5em;border-radius:8px;margin-bottom:2em;text-align:center}.category-stats h3{color:#217c3b;margin-top:0;font-size:1.2em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1em}.stat-box{background:#fff;padding:1em;border-radius:6px;box-shadow:0 2px 6px #217c3b14;border-left:4px solid #217c3b}.stat-box strong{display:block;font-size:1.8em;color:#217c3b;margin-bottom:.3em}.stat-box span{font-size:.85em;color:#666}@media (max-width: 800px){.container{max-width:98vw;padding:1em}.category-box{padding:1em}}@media (max-width: 600px){h1{font-size:1.5em}h2{font-size:1.1em}.container{padding:.5em}}body.darkmode{background:#181c1f}body.darkmode .container{background:#23272a;color:#eafbe7}body.darkmode h1,body.darkmode h2{color:#b6e2c7}body.darkmode .category-box{background:#23272a;border:1px solid #333}body.darkmode .category-box h2:hover{background:#2c3338}body.darkmode .article-teaser{background:#2c3338;border-left-color:#7fdca4}body.darkmode .article-teaser:hover{background:#33393f}body.darkmode .article-teaser h3{color:#eafbe7}body.darkmode .article-link{background:#7fdca4;color:#000}body.darkmode .article-link:hover{background:#5ab87f;color:#000}body.darkmode .theme-toggle-btn{border-color:#7fdca4;background:#2c3338;color:#7fdca4}body.darkmode .theme-toggle-btn:hover{background:#7fdca4;color:#1a1a1a}body.darkmode .tagline{color:#b6e2c7}body.darkmode .hero-section{border-bottom-color:#7fdca4}.breadcrumb{display:block;margin-bottom:1.5em;font-size:.9em;color:#666}.breadcrumb a{color:#217c3b;text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb a:hover{color:#156b2a;text-decoration:underline}.breadcrumb span{color:#999;margin:0 .3em}body.darkmode .breadcrumb{color:#999}body.darkmode .breadcrumb a{color:#7fdca4}body.darkmode .breadcrumb a:hover{color:#b6e2c7}.article-link{font-weight:500;transition:color .2s ease,text-decoration .2s ease}.article-link:hover{color:#156b2a;text-decoration:underline}body.darkmode footer a{color:#b6e2c7!important;text-decoration:underline;font-weight:700}body.darkmode footer a:hover{color:#7fdca4!important}body.darkmode footer{color:#b6e2c7;border-top:1px solid #333}body.darkmode .category-stats{background:#2c3338}body.darkmode .stat-box{background:#33393f}