@font-face{font-family:Corbel;src:url('/fonts/corbel/CORBEL.TTF')}@font-face{font-family:ABeeZee;src:url('/fonts/ABeeZee/ABeeZee-Regular.ttf')}
:root{color:#2b3f3a;font-family:Corbel,system-ui,sans-serif;font-size:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white}a{color:#4c4898}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:ABeeZee,Corbel,sans-serif}img{max-width:100%;height:auto}.wrap{width:min(100% - 3rem,56rem);margin:auto}
.hero{color:#fff;background:linear-gradient(90deg,#0007,#0003,#0007),url('/backround-01.jpg') center/cover}.hero-inner{display:flex;gap:1.5rem;align-items:flex-start;padding:2rem 0 2.8rem}.logo{width:5rem;height:6rem;object-fit:contain;filter:invert(1);opacity:.9}.hero-top{font-size:2rem;line-height:1.2;margin-top:.5rem}.hero-title{font:700 2rem/1.2 ABeeZee,Corbel,sans-serif}.hero p{max-width:36rem;margin:.7rem 0 0;line-height:1.5;color:#fffe}
.nav{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #ddd}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:1.4rem}.nav a{display:inline-block;padding:.9rem 0;text-decoration:none;color:#2b3f3a;font-size:.9rem;font-weight:600}.nav a:hover,.nav a[aria-current]{color:#4c4898}.nav a[aria-current]{border-bottom:3px solid #4c4898}.nav .language{background:#d7de66;border-radius:.25rem;padding:.25rem .45rem;font-size:.75rem}
.main{min-height:55vh;padding:3rem 0 8rem;background:url('/bg-clay3.jpg') repeat fixed}.panel{background:#fff;border-radius:.5rem;padding:1.5rem}.prose{color:#374151;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4{color:#2b3f3a;line-height:1.3;margin:1.5rem 0 1rem}.prose h1{font-size:1.8rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose h4{font-size:1.1rem}.prose p{margin:0 0 1.1rem}.prose blockquote{margin:1.5rem 0;padding:1rem;background:#f3f4f6;border-radius:.5rem}.prose blockquote p{margin:0}.prose img{display:block;border-radius:.3rem;margin:1.5rem 0}.prose ul,.prose ol{padding-left:1.5rem}
.post-preview{display:flex;gap:1.5rem;justify-content:space-between;background:#fff;border-radius:.5rem;padding:2rem 1.5rem;margin-bottom:1.25rem}.post-preview h2{font-size:1.2rem;margin:.4rem 0}.post-preview h2 a{color:#2b3f3a;text-decoration:none}.post-preview h2 a:hover{color:#4c4898}.post-preview p{color:#1e293f;line-height:1.6}.post-preview time,.post time{font-size:.8rem;color:#667085}.post-preview img{width:12rem;aspect-ratio:1;object-fit:cover;border-radius:.35rem}.read-more,.back{font-size:.9rem;font-weight:600;text-decoration:none}.back{display:block;margin-bottom:2rem}.post h1{margin:.5rem 0 1.5rem}.post hr{border:0;border-top:1px solid #ddd;margin-bottom:2rem}
.footer{padding:2rem 0;color:#2b3f3a;font-size:.9rem}.footer p{margin:0 0 1rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #ddd;padding-top:1rem}.footer-bottom small{color:#667085}
@media(max-width:650px){.wrap{width:min(100% - 2rem,56rem)}.hero-inner{display:block}.logo{height:5rem}.hero-top,.hero-title{font-size:1.5rem}.main{padding:2rem 0 5rem}.post-preview{display:block}.post-preview img{width:100%;max-height:15rem;margin-top:1rem}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:.5rem}}