*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',sans-serif;background:#f0fbff;color:#003d5e;overflow-x:hidden}
.nav{position:sticky;top:0;z-index:100;padding:10px 28px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1.5px solid #d0eef8}
.logo{font-family:'Fredoka One',sans-serif;font-size:20px;color:#0077aa;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo span{color:#00bbee}
.nav-links{display:flex;gap:4px}
.nav-links a{font-family:'Fredoka One',sans-serif;font-size:13px;color:#0077aa;text-decoration:none;padding:6px 14px;border-radius:20px;transition:all .18s}
.nav-links a:hover,.nav-links a.active{background:#e8f7ff;color:#005588}

.breadcrumb{max-width:780px;margin:18px auto 0;padding:0 24px;font-size:12px;color:#7ab3cc}
.breadcrumb a{color:#7ab3cc;text-decoration:none}
.breadcrumb a:hover{color:#0099cc}

.post-wrap{max-width:780px;margin:24px auto 0;padding:0 24px 60px}
.post-header{margin-bottom:28px}
.post-cat{font-size:11px;font-weight:900;color:#0099cc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
h1{font-family:'Fredoka One',sans-serif;font-size:clamp(24px,4vw,36px);color:#003d5e;line-height:1.2;margin-bottom:10px}
.post-meta-bar{font-size:12px;color:#7ab3cc;font-weight:700}

.post-content{background:#fff;border-radius:20px;padding:32px 36px;border:2px solid #b8e8f7;line-height:1.8}
.post-content h2{font-family:'Fredoka One',sans-serif;font-size:20px;color:#003d5e;margin:28px 0 10px}
.post-content h2:first-child{margin-top:0}
.post-content h3{font-family:'Fredoka One',sans-serif;font-size:16px;color:#0077aa;margin:20px 0 8px}
.post-content p{color:#4488aa;font-size:14px;line-height:1.85;margin-bottom:14px}
.post-content ul,.post-content ol{color:#4488aa;font-size:14px;padding-left:22px;line-height:2;margin-bottom:14px}
.post-content li{margin-bottom:2px}
.post-content strong{color:#003d5e}
.post-content a{color:#0099cc;text-decoration:none;font-weight:700}
.post-content a:hover{text-decoration:underline}

.post-tags-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0;padding:0 2px}
.post-tags-label{font-size:12px;font-weight:900;color:#7ab3cc;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}

.related-wrap{margin-top:32px}
.related-title{font-family:'Fredoka One',sans-serif;font-size:18px;color:#003d5e;margin-bottom:16px}
.related-grid{display:flex;flex-direction:column;gap:10px}

.footer-wrap{margin-top:48px}
.footer{background:#003d5e;color:#fff;padding:28px 24px}
.fi{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.fb{font-family:'Fredoka One',sans-serif;font-size:17px;color:#38bdf8;display:flex;align-items:center;gap:8px}
.fb span{color:#fff}
.fc{font-size:11px;color:#7ab3cc;margin-top:5px;font-weight:700}
.fcol h4{font-family:'Fredoka One',sans-serif;font-size:11px;color:#7ab3cc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.fcol a{display:block;font-size:12px;color:#7ab3cc;text-decoration:none;font-weight:700;margin-bottom:5px;transition:color .2s}
.fcol a:hover{color:#38bdf8}
.footer-bottom{max-width:960px;margin:16px auto 0;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;text-align:center;font-size:11px;color:#7ab3cc}

@media(max-width:600px){.nav-links{display:none}.post-content{padding:20px 18px}}