@import url('https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;color:#1a1a1a;background:#fff;}
.wrap{max-width:900px;margin:0 auto;}

header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid #EDEDED;max-width:1200px;margin:0 auto;}
.logo{font-family:'ADLaM Display',sans-serif;font-size:22px;color:#00676F;text-decoration:none;}
nav{display:flex;gap:28px;align-items:center;}
nav a{font-size:15px;font-weight:600;color:#00676F;text-decoration:none;}
.dropdown{position:relative;display:inline-block;}
.dropdown-toggle{display:flex;align-items:center;gap:4px;}
.dropdown-menu{display:none;position:absolute;top:130%;left:0;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.08);min-width:240px;padding:8px;z-index:10;}
.dropdown-menu a{display:block;padding:10px 14px;font-size:14px;font-weight:500;color:#333;border-radius:6px;white-space:nowrap;}
.dropdown-menu a:hover{background:#F1E4D1;color:#00676F;}
.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{display:block;}

.hero{background:#00676F;padding:56px 40px 48px;text-align:center;}
.eyebrow{display:inline-block;background:rgba(241,228,209,0.15);color:#F1E4D1;font-size:12px;font-weight:500;padding:6px 16px;border-radius:20px;margin-bottom:20px;letter-spacing:0.4px;}
.hero h1{font-family:'ADLaM Display',sans-serif;color:#fff;font-size:34px;line-height:1.3;max-width:700px;margin:0 auto 18px;}
.hero-img{max-width:100%;border-radius:12px;margin:24px auto 0;display:block;}

.content{padding:40px;max-width:900px;margin:0 auto;}
.pills{margin-bottom:22px;}
.pill{display:inline-block;background:#E4F1F2;color:#00676F;font-size:12px;font-weight:600;padding:6px 14px;border-radius:16px;margin-right:8px;margin-bottom:8px;}
.pill.tag{background:#FBE9E6;color:#C85A48;}
.content p{font-size:15.5px;line-height:1.75;color:#3a3a3a;margin-bottom:16px;}
.content img{max-width:100%;border-radius:10px;margin:20px 0;display:block;}
.content h2{font-family:'ADLaM Display',sans-serif;color:#EB776A;font-size:24px;margin:32px 0 14px;}
.content h3{font-family:'ADLaM Display',sans-serif;color:#00676F;font-size:19px;margin:24px 0 10px;}
.content h4,.content h6{font-family:'Inter',sans-serif;color:#00676F;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.4px;margin:20px 0 8px;}
.content ol,.content ul{margin:0 0 16px 4px;color:#3a3a3a;font-size:15px;line-height:1.9;list-style:none;}
.content ul li{padding-left:24px;position:relative;margin-bottom:6px;}
.content ul li:before{content:"✓";position:absolute;left:0;color:#00676F;font-weight:700;}
.content ol{margin-left:20px;list-style:decimal;}
.content a{color:#00676F;}
.sublabel{font-weight:600;color:#00676F;font-size:14.5px;display:block;margin:14px 0 4px;}
.quote{border-left:3px solid #76C5C9;padding:12px 18px;margin:20px 0;background:#F7FBFB;border-radius:0 8px 8px 0;}
.quote p{font-style:italic;color:#555;margin:0;}
.divider{border:none;border-top:1px solid #EDEDED;margin:32px 0;}
.cta-btn{display:inline-flex;align-items:center;gap:6px;background:#EB776A;color:#fff !important;font-weight:600;font-size:14px;padding:11px 24px;border-radius:22px;text-decoration:none;margin:8px 6px 8px 0;}

.comments{padding:0 40px 40px;max-width:900px;margin:0 auto;}
.comments h3{font-family:'ADLaM Display',sans-serif;color:#00676F;font-size:20px;margin-bottom:20px;}
.comment{border-top:1px solid #EDEDED;padding:14px 0;}
.comment .author{font-weight:600;font-size:13.5px;color:#222;}
.comment .date{font-size:11.5px;color:#999;margin-left:8px;}
.comment .body{font-size:13.5px;color:#4a4a4a;margin-top:4px;line-height:1.6;}
.comment-count{background:#F1E4D1;color:#00676F;font-size:12px;font-weight:600;padding:4px 12px;border-radius:14px;}
.giscus-wrapper{padding:20px 40px 50px;max-width:900px;margin:0 auto;}

footer{background:#008E97;padding:40px 40px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;max-width:1200px;margin:0 auto;}
footer h4{font-family:'ADLaM Display',sans-serif;color:#fff;font-size:16px;margin-bottom:12px;text-transform:none;letter-spacing:0;}
footer p{color:#CDE9EA;font-size:13px;margin-bottom:6px;}
footer a{color:#CDE9EA;text-decoration:none;}
.social-row{display:flex;justify-content:center;gap:16px;padding:24px 0;max-width:1200px;margin:0 auto;}
.social-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:opacity 0.2s;}
.social-circle:hover{opacity:0.85;}
.copyright{background:#00676F;text-align:center;padding:14px;font-size:12px;color:#BFDDDE;}