.cms-pagination{--pager-color:#2271b1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0 12px;padding:18px 0;border-top:1px solid #e8e8e8;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.theme-siswanto .cms-pagination{--pager-color:#555}
.pagination.cms-pagination{justify-content:center;width:100%;text-align:center}
.cms-style-original .cms-pagination{--pager-color:#065cc2}
.cms-pagination .pager-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;min-height:42px;padding:9px 13px;border:1px solid #dedede;border-radius:10px;background:#fff;color:var(--pager-color);font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.cms-pagination a.pager-link:hover{background:#f5f5f5;border-color:var(--pager-color);color:var(--pager-color);box-shadow:0 3px 10px #00000008}
.cms-pagination .pager-current{background:var(--pager-color);border-color:var(--pager-color);color:#fff;box-shadow:0 3px 9px #00000012}
.cms-pagination .pager-disabled{color:#aaa;background:#f8f8f8;border-color:#eee}
.cms-pagination .pager-gap{padding:0 3px;color:#999}
.cms-pagination .pager-direction>span{font-size:21px;line-height:1}
.cms-pagination a:focus-visible{outline:2px solid var(--pager-color);outline-offset:3px}
@media(max-width:540px){.cms-pagination{gap:6px}.cms-pagination .pager-link{min-width:36px;min-height:40px;padding:8px 10px;font-size:12px}.cms-pagination .pager-direction{gap:4px}}
@media(prefers-reduced-motion:reduce){.cms-pagination .pager-link{transition:none}}
.article-navigation{--neighbor-color:#2271b1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e8e8e8}
.theme-siswanto .article-navigation{--neighbor-color:#555}
.cms-style-original .article-navigation{--neighbor-color:#065cc2}
.article-navigation .article-neighbor{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #e3e3e3;border-radius:12px;color:var(--neighbor-color);text-decoration:none;background:#fff;overflow-wrap:anywhere}
.article-navigation .article-next{grid-column:2;text-align:right}
.article-navigation .neighbor-label{font-size:12px;color:#777}
.article-navigation .neighbor-title{font-size:16px;font-weight:600;line-height:1.5}
.article-navigation a:hover{border-color:var(--neighbor-color);background:#fafafa;color:var(--neighbor-color)}
.article-navigation a:focus-visible{outline:2px solid var(--neighbor-color);outline-offset:3px}
@media(max-width:540px){.article-navigation{grid-template-columns:1fr;gap:12px}.article-navigation .article-next{grid-column:1}.article-navigation .article-neighbor{padding:15px}}
.cms-comments{--comment-accent:#2271b1;--comment-soft:#eef6fb;margin-top:40px;padding-top:28px;border-top:1px solid #e8e8e8;scroll-margin-top:36px}
.theme-siswanto .cms-comments{--comment-accent:#548092;--comment-soft:#eff5f6}
.cms-style-original .cms-comments{--comment-accent:#065cc2;--comment-soft:#edf4fd}
.cms-comments h2{font-size:24px;margin:0 0 8px}.cms-comments .comments-intro{color:#777;margin:0 0 24px;font-size:14px}
.cms-comments .comment-form{display:grid;gap:10px}.cms-comments label{font-size:14px;font-weight:600;color:#555}
.cms-comments input,.cms-comments textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #dce3e6;border-radius:10px;background:#fff;color:#333;font:inherit;font-size:15px;line-height:1.5;min-width:0}
.cms-comments textarea{resize:vertical;min-height:125px;margin-bottom:8px}.cms-comments input:focus,.cms-comments textarea:focus{outline:2px solid var(--comment-accent);outline-offset:2px}
.cms-comments .comment-captcha{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:20px;border:1px solid #dce3e6;border-radius:14px;background:radial-gradient(circle at 1px 1px,#a6b9c333 1px,transparent 0) 0 0/12px 12px,var(--comment-soft);margin:4px 0 8px}
.cms-comments .captcha-caption{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--comment-accent);margin-bottom:12px}
.cms-comments .captcha-equation{display:flex;align-items:center;gap:10px;color:var(--comment-accent)}
.cms-comments .captcha-equation span{display:grid;place-items:center;width:44px;height:48px;border:1px solid #ffffff;border-radius:10px;background:#fff;box-shadow:0 4px 10px #324c6210;font-size:25px;font-weight:700;transform:rotate(-5deg)}
.cms-comments .captcha-equation span:nth-of-type(2){transform:rotate(5deg)}.cms-comments .captcha-equation .captcha-question{background:var(--comment-accent);color:#fff;transform:rotate(-3deg)}
.cms-comments .captcha-answer{flex:1;min-width:140px}.cms-comments .captcha-answer label{display:block;margin-bottom:8px}.cms-comments .captcha-answer input{max-width:180px}.cms-comments .captcha-answer small{display:block;margin-top:8px;color:#6a7b82;font-size:12px}
.cms-comments .comment-submit{justify-self:start;padding:12px 20px;border:0;border-radius:10px;background:var(--comment-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.cms-comments .comment-submit:hover{filter:brightness(.92)}.cms-comments .comment-submit:focus-visible{outline:2px solid var(--comment-accent);outline-offset:3px}
.cms-comments .comment-submit:disabled{opacity:.65;cursor:wait}
.cms-comments .comment-list{margin-top:30px}.cms-comments .comment-item{display:flex;align-items:flex-start;gap:14px;padding:22px 0;border-top:1px solid #eee}.cms-comments .comment-avatar{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--comment-soft);color:var(--comment-accent);font-size:18px;font-weight:600}
.cms-comments .comment-body{min-width:0;flex:1}.cms-comments .comment-body strong{font-size:15px}.cms-comments .comment-body time{display:block;font-size:11px;color:#888;margin-top:4px}.cms-comments .comment-body p{white-space:normal;overflow-wrap:anywhere;margin:10px 0 0;font-size:15px;line-height:1.8}.cms-comments .comment-empty{color:#888;font-size:14px}
.cms-comments .comment-message{padding:12px 16px;border-radius:10px;font-size:14px}.cms-comments .comment-error{background:#fff0ef;color:#a33}.cms-comments .comment-success{background:#edf8ef;color:#28683c}
@media(max-width:540px){.cms-comments .comment-captcha{gap:18px;padding:16px}.cms-comments .captcha-answer{flex-basis:100%}.cms-comments .comment-submit{width:100%}}
.cms-comments .comment-list{margin:0 0 26px}
.cms-comments .comment-form{padding-top:24px;border-top:1px solid #e8e8e8;scroll-margin-top:32px}
.cms-comments .comment-form-heading{font-size:20px;margin:0 0 8px;color:var(--comment-accent)}
.cms-comments .comment-reply,.cms-comments .comment-cancel-reply{border:0;background:none;color:var(--comment-accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:8px 0}
.cms-comments .comment-reply:hover,.cms-comments .comment-cancel-reply:hover{text-decoration:underline}
.cms-comments .comment-reply:focus-visible,.cms-comments .comment-cancel-reply:focus-visible{outline:2px solid var(--comment-accent);outline-offset:3px}
.cms-comments .comment-reply-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;border-radius:10px;background:var(--comment-soft);font-size:13px;color:var(--comment-accent)}
.cms-comments .comment-reply-context[hidden]{display:none}
.cms-comments .comment-reply-to{display:block;color:var(--comment-accent);font-size:12px;margin-top:8px}
.cms-comments .comment-replies:not(:empty){margin-top:10px;padding-left:14px;border-left:2px solid #dce3e6}
.cms-comments .comment-replies .comment-item{padding:16px 0;gap:10px}
.cms-comments .comment-replies .comment-avatar{flex-basis:32px;height:32px;font-size:15px}
.cms-comments .comment-body>.comment-composer{margin:16px 0 22px;padding:16px;border:1px solid #dce3e6;border-radius:12px;background:#fafcfc}
.cms-comments .comment-body>.comment-composer .comment-form{border-top:0;padding-top:0}
.cms-comments .comment-body>.comment-composer .comment-captcha{padding:14px;gap:16px}
.cms-comments .comment-avatar img,.cms-comments .google-account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cms-comments .comment-google{padding:16px;border:1px solid #dce3e6;border-radius:12px;background:var(--comment-soft);margin-bottom:8px;min-width:0}
.cms-comments .google-login-surface p{font-size:13px;margin:0 0 12px;line-height:1.6}.cms-comments .google-login-surface small{display:block;color:#777;font-size:11px;margin-top:10px}
.cms-comments .google-comment-account{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cms-comments .google-account-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--comment-accent);flex-shrink:0}
.cms-comments .google-comment-account small{display:block;font-size:11px;color:#777}.cms-comments .google-comment-account strong{font-size:14px;overflow-wrap:anywhere}
.cms-comments .google-comment-logout{margin-left:auto;border:0;background:none;font:inherit;font-size:12px;color:var(--comment-accent);cursor:pointer}
.cms-comments .google-login-surface[hidden],.cms-comments .google-comment-account[hidden],.cms-comments .google-comment-message[hidden]{display:none}
.cms-comments .google-comment-message{font-size:12px;line-height:1.6;color:var(--comment-accent);margin:12px 0 0}
.cms-comments .comment-google-badge{font:10px system-ui,sans-serif;background:var(--comment-soft);color:var(--comment-accent);border-radius:5px;padding:3px 5px}
@media(max-width:540px){.cms-comments .comment-replies:not(:empty){padding-left:10px}.cms-comments .comment-replies .comment-avatar{flex-basis:26px;height:26px;font-size:13px}}