.blog-page{max-width:1100px;margin:0 auto;padding:20px}.blog-title{text-align:center;font-size:2.5rem;font-weight:700;color:#387b5b;margin-bottom:30px}h1.blog-title{margin:8rem 0 2rem;font-size:2.5rem}.search-input-container{position:relative;width:100%;display:flex;justify-content:center}.search-input{width:100%;padding:10px 40px 10px 10px;margin-bottom:2rem;font-size:16px;border:2px solid #387b5b;border-radius:5px;background:#f0fff0;box-shadow:0 0 #0000;transition:box-shadow .3s ease,background-color .3s ease}.search-input::placeholder{color:#387b5b}.search-input:focus{outline:none;background-color:#fff;box-shadow:0 0 8px #0000004d}.search-icon{position:absolute;top:30%;right:20px;transform:translateY(-50%);font-size:17px;color:#387b5b}@media (min-width: 768px){.search-input{width:60%}.search-icon{right:250px}}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;list-style-type:none;padding:0}li.blog-card{background:transparent;color:#333;border:1px solid #387b5b}.blog-card{background:transparent;border-radius:8px;transition:all .3s ease;text-decoration:none;color:#333}.blog-card img{width:100%;height:200px;border-radius:7.1px 7.1px 0 0;border-bottom:1px solid #387b5b}.blog-card-content{padding:10px;text-decoration:none}.blog-card-content .original-date{font-size:.85em;color:#387b5b;opacity:.8;font-style:italic}.blog-card-link{text-decoration:none}.blog-card-title{font-size:1.2rem;font-weight:700;margin-bottom:5px;color:#387b5b;text-decoration:none}.blog-card-date{font-size:.9rem;color:#387b5b;margin-bottom:5px;text-decoration:none;transition:color .1s ease}.blog-card:hover .blog-card-date,.blog-card:hover .blog-card-title{color:#222322;text-decoration:none}.blog-card-title a,.blog-card-date a{color:#387b5b;text-decoration:none}.blog-card-title a:hover,.blog-card-date a:hover{color:#222322;text-decoration:none}@media screen and (max-width: 635px){h1.blog-title{margin:7rem 0 2rem;font-size:1.8rem}.blog-card{background:#f8f8ff;border-radius:8px;transition:all .3s ease;text-decoration:none;color:#333}.blog-list{gap:20px}.blog-card-content{padding:10px}.blog-card-title{font-size:1rem;font-weight:700;margin-bottom:5px}.blog-card-date{font-size:.9rem;color:#387b5b;margin-bottom:5px}.blog-page{padding:0 45px}}article{max-width:1200px;margin:0 auto;padding:1rem 1rem 3rem;line-height:1.6}.post-meta{font-size:1rem;color:#387b5b;margin-bottom:.75rem}.post-meta .author{margin-right:.1rem;font-weight:800}.post-meta .date{margin-right:.1rem;font-weight:400;text-decoration:underline}.post-meta .date-group{font-weight:600}.post-meta .date-group .date-value{font-weight:400;text-decoration:underline}article h1{font-size:4rem;margin:8rem 0 .8rem;text-align:left}article p{margin-bottom:1rem}article h2{font-size:2.6rem;margin:.5rem 0 1rem}h2#references{margin:1rem 0 0}article h3{font-size:1.7rem;margin:.5rem 0 1rem;color:#387b5b}article h4{font-size:1.2rem;color:#123524;opacity:.9}article ol{font-size:1.5rem}article ul{margin:.5rem 0;list-style-type:circle;padding-left:50px;font-size:1.5rem}li{margin-bottom:5px;color:#387b5b}article a{color:#387b5b;text-decoration:none;font-weight:550;font-size:1rem}a:hover{color:#1c1c1c}.social-share{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:1.2rem}.social-buttons{display:flex;gap:1rem;margin-left:1px}.post-meta,.social-share{border:none}hr{border:0;border-top:3px dotted #387b5b;margin:20px 0;width:100%}article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1.5rem}article th{background-color:#387b5b;color:#fff;font-weight:700;padding:10px;text-align:left;border:1px solid #ddd}article td{background-color:#fff;color:#387b5b;padding:10px;border:1px solid #ddd}article tr:hover td{background-color:#f0fff0;color:#387b5b}@media screen and (max-width: 635px){article{padding:1.5rem 1.5rem 1.2rem}.post-meta{font-size:.9rem}article h1{font-size:1.8rem;margin:4.5rem 0 1rem}article h2{font-size:1.5rem}article h3{font-size:1.2rem}article h4{font-size:.95rem}article ol{font-size:1rem;padding-left:20px}article ul{font-size:1rem;padding-left:20px}article a{font-size:.8rem}article table{font-size:1rem;display:block;overflow-x:auto;white-space:nowrap}.social-share{margin-top:.5rem;flex-direction:column;gap:.5rem}}