.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px;border-bottom:1px solid var(--line);padding-bottom:20px}.blog-toolbar nav{display:flex;gap:8px;flex-wrap:wrap}.blog-toolbar nav a{padding:8px 13px;color:var(--muted);font-size:13px}.blog-toolbar nav a.active,.blog-toolbar nav a:hover{background:var(--navy);color:#fff}.blog-toolbar form{display:flex}.blog-toolbar input{padding:10px 12px;border:1px solid var(--line)}.blog-toolbar button{border:0;background:var(--blue);color:#fff;padding:0 16px}.article-serat{width:min(900px,calc(100% - 48px));margin:0 auto;padding:80px 0}.article-serat header{text-align:center}.article-serat h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:14px 0}.article-serat header>p{font-size:20px;color:var(--muted)}.article-serat header>small{color:var(--blue)}.article-visual{height:500px;background:var(--wash);display:grid;place-items:center;margin:55px 0}.article-visual img{max-width:80%;max-height:80%;object-fit:contain}.article-body{font-size:17px;line-height:1.85;color:#3e5364}.article-body p{margin:0 0 28px}@media(max-width:760px){.blog-toolbar{align-items:stretch;flex-direction:column}.blog-toolbar form,.blog-toolbar input{width:100%}.article-serat{width:min(100% - 32px,900px);padding:55px 0}.article-visual{height:320px}}