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,.theme-toggle-btn,.theme-toggle-btn:hover{display:none}.theme-toggle-btn-nav{padding:.5em .7em;border-radius:6px;border:1px solid #217c3b;background:#fff;color:#217c3b;cursor:pointer;font-size:1.1em;font-weight:700;transition:all .3s ease;box-shadow:0 1px 4px #217c3b1a;display:flex;align-items:center;justify-content:center;line-height:1}.theme-toggle-btn-nav:hover{background:#217c3b;color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #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:flex;align-items:center;margin-bottom:1.5em;font-size:.9em;color:#666}.nav-left{display:flex;align-items:center;gap:.8em}.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}body.darkmode .theme-toggle-btn-nav{border-color:#7fdca4;background:#2c3338;color:#7fdca4}body.darkmode .theme-toggle-btn-nav:hover{background:#7fdca4;color:#1a1a1a}.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}.article-description{color:#333;font-size:.95em;line-height:1.5;margin:.8em 0;padding:.8em;background:#f5f5f5;border-left:4px solid #217c3b;border-radius:4px}body.darkmode .article-description{background:#363636;color:#ddd;border-left-color:#7fdca4}.article-keywords{display:inline-block;margin:.5em 0;padding:.5em .8em;background:#e8f5e9;border-radius:6px;font-size:.85em;color:#156b2a}body.darkmode .article-keywords{background:#1a4d2e;color:#7fdca4}.article-teaser{padding:1.5em;margin:1.2em 0;border-radius:8px;border:2px solid #f0f0f0;background:#fafafa;transition:all .3s ease;cursor:pointer}.article-teaser:hover{border-color:#217c3b;box-shadow:0 4px 12px #217c3b26;background:#fff;transform:translateY(-2px)}.article-teaser h3{margin:0 0 .8em;color:#1a1a1a;font-size:1.15em;line-height:1.4;font-weight:600}body.darkmode .article-teaser{background:#2c3338;border-color:#444}body.darkmode .article-teaser:hover{border-color:#7fdca4;background:#333}body.darkmode .article-teaser h3{color:#e0e0e0}.article-link{display:inline-block;margin-top:.8em;padding:.7em 1.5em;background:linear-gradient(135deg,#217c3b 0%,#156b2a 100%);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.95em;transition:all .3s ease;box-shadow:0 2px 8px #217c3b33}.article-link:hover{background:linear-gradient(135deg,#156b2a 0%,#0f4620 100%);box-shadow:0 4px 16px #217c3b66;transform:translateY(-2px);text-decoration:none;color:#fff}@media (max-width: 768px){.container{margin:0;padding:1em;border-radius:0;box-shadow:none}.hero-section h1{font-size:1.8em}.hero-section{margin-bottom:1.5em;padding-bottom:1em}.article-teaser{padding:1em;margin:.8em 0}.article-link{display:block;text-align:center;margin-top:1em;padding:.9em 1.2em;font-size:1em}.category-box h2{font-size:1.4em}input[type=text]{font-size:16px!important}}@media (max-width: 480px){.container{padding:.8em}.hero-section h1{font-size:1.4em;margin-bottom:.5em}.tagline{font-size:.95em}.category-stats{display:flex;flex-direction:column}.stat-box{margin:.5em 0}.article-teaser h3{font-size:1em}.article-link{padding:.8em 1em}}@supports (display: grid){.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8em;margin:1.5em 0}.share-btn{padding:.8em;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;text-align:center;text-decoration:none;display:block;color:#fff}.share-btn:hover{transform:scale(1.05)}.share-facebook{background:#1877f2}.share-twitter{background:#000}.share-whatsapp{background:#25d366}.share-telegram{background:#0088cc}}@media print{.article-link,.theme-toggle-btn-nav,button{display:none}.article-teaser{page-break-inside:avoid}}