*{margin:0;padding:0;box-sizing:border-box;color:#344e41}body{font-family:Georgia,serif;line-height:1.6}a{color:#344e41;text-decoration:none}.page-container,.home-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.center{max-width:800px;margin:0 auto;padding:2rem;text-align:center;font-size:medium}header{text-align:center;padding:2rem 0;font-family:Courier New,monospace}.profile-container{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem}.profile-info{text-align:center}#profile{max-width:150px;border-radius:50%;border:4px solid #344e41}.navbar{padding:1rem}.navbar ul{list-style-type:none;display:flex;justify-content:center;gap:2rem}.navbar a{color:#344e41;font-weight:500;transition:color .3s}.navbar a:hover{color:#3a5a40}.navbar a.active{font-weight:700;font-size:1.2rem;color:#dad7cd}.footer{background-color:#a3b18a;padding:2rem 0;margin-top:auto;border-top:1px solid #dee2e6}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.social-icons{margin:1rem 0}.social-icons a{margin:0 .5rem;color:#3a5a40;font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:#3a5a40}.header-banner{display:flex;align-items:center;justify-content:space-between;padding:2rem 3vw;background:#a3b18a;box-shadow:0 2px 8px #0000000a}.header-left{display:flex;align-items:center;gap:1.5rem;margin-left:100px}.header-left h1{font-size:3rem;font-weight:extra-bold;color:#344e41;margin:0}.header-right{display:flex;align-items:center}#projects{list-style-position:inside;margin-top:1rem}#projects li{margin-top:.5rem}.articles-container{max-width:800px;margin:0 auto;padding:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.article-card{background-color:#588157;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #ddd;margin-bottom:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.article-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-4px);cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.article-title{font-size:2.5rem;font-weight:700;margin-top:25px;margin-bottom:40px;color:#3a3a5a;text-align:center}.article-title a{color:#344e41;transition:all .3s ease}.article-title a:hover{text-shadow:2px 2px 4px rgba(0,0,0,.2);cursor:pointer}.article-date{display:block;color:#344e41;margin-top:.5rem;font-size:.9rem}.article-image{width:100px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;display:block;margin-left:auto;margin-right:auto}.article-page-image{display:block;width:100vw;height:350px;max-width:none;margin:0 calc(50% - 50vw);object-fit:cover;background:#f8f9fa}.markdown-body{font-size:1.15rem;line-height:1.8;color:#333;margin:20px 175px 40px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:2em;margin-bottom:1em;font-weight:600;color:#3a3a5a;text-align:center}.markdown-body h4{margin-top:2em;margin-bottom:1em;font-weight:100;color:#3a3a5a;text-align:center}.markdown-body ul,.markdown-body ol{margin-left:2em;margin-bottom:1em}.markdown-body blockquote{border-left:4px solid #b5b5b5;padding-left:1em;color:#666;background:#f9f9f9;margin:1.5em 0}.custom-card{display:flex;align-items:flex-start;background:#a3b18a;color:#344e41;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:2rem 0;padding:1.5rem;max-width:800px;width:100%;font-family:Courier New,monospace;transition:transform .2s,box-shadow .2s}.custom-card:hover{transform:scale(1.025);box-shadow:0 4px 16px #00000021}.custom-card-img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-left:1.5rem;flex-shrink:0;background:#f4f4f4;box-shadow:0 2px 8px #00000014;display:block}.custom-card-content{flex:1;display:flex;flex-direction:column}.custom-card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;color:#344e41}.custom-card-desc{font-size:1rem;color:#344e41}.card-tags{margin:.5rem 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.card-tag{background:#588157;color:#333;border-radius:12px;padding:.3rem .8rem;font-size:.95rem;font-weight:500;border:1px solid #ccc}.card-toggle-btn{margin-top:.5rem;background:none;border:none;color:#344e41;font-size:1.5rem;cursor:pointer;padding:.2rem .5rem;transition:color .2s}.card-toggle-btn:hover{color:#3a5a40}.card-toggle-row{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem}.card-long-desc{margin-top:.5rem;background:#fafbfc;border-radius:8px;padding:1rem;color:#3a5a40;border:1px solid #eee;font-size:1rem}.custom-link{color:#3a5a40;text-decoration:none;font-weight:700;display:block;margin:2rem auto;font-size:x-large;align-self:center;text-align:center}@media (max-width: 900px){.article-page-image{max-width:98vw;margin-left:1vw;margin-right:1vw}}@media (max-width: 768px){.profile-container{flex-direction:column}#profile{max-width:80px}.navbar ul{flex-direction:column;text-align:center;gap:1rem}.articles-container{padding:1rem}.header-banner{flex-direction:column;align-items:center;padding:1rem 2vw}.header-left{flex-direction:column;gap:.5rem}.header-right{width:100%;justify-content:center}}@media (max-width: 600px){.custom-card{flex-direction:column;align-items:center;text-align:center}.custom-card-img{margin:1rem 0 0}}.cards-list{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;width:100vw;padding:2rem 0}.article-container{max-width:800px;margin:40px auto 60px;padding:24px;background:#a3b18a;border-radius:12px;box-shadow:0 4px 24px #00000012}