/*
Theme Name: Kribbi Study Child
Template: blogsy
Version: 1.0.0
Description: Header dua tingkat dan navigasi pelajaran Kribbi Study.
Text Domain: kribbi-study
*/
#krb-header{--kb-blue:#0a5ec4;--kb-ink:#17253b;--kb-muted:#59677b;--kb-border:#e4e9f0;background:#fff;color:var(--kb-ink);position:relative;z-index:110;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid var(--kb-border)}
#krb-header *{box-sizing:border-box}#krb-header a{color:inherit;text-decoration:none}#krb-header ul{list-style:none;padding:0;margin:0}#krb-header button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;min-height:44px}
.krb-wrap{max-width:1240px;margin:auto;padding:0 30px}.krb-top{border-bottom:1px solid var(--kb-border)}.krb-top .krb-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px}
#krb-header .krb-utility{display:flex;gap:0;flex-wrap:wrap}#krb-header .krb-utility a{display:flex;align-items:center;min-height:44px;padding:0 15px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-right:1px solid var(--kb-border);color:var(--kb-muted)}#krb-header .krb-utility li:first-child a{padding-left:0}
.krb-social{display:flex;gap:5px;flex-shrink:0}#krb-header .krb-social a{width:38px;min-height:44px;display:grid;place-items:center;color:#657184;border-left:1px solid var(--kb-border)}.krb-social svg{width:18px;height:18px;fill:currentColor}.krb-social [aria-disabled=true]{opacity:.55;cursor:help}
.krb-main{display:flex;align-items:center;gap:30px;min-height:102px}.krb-brand{flex:1;min-width:190px}.krb-brand-name{display:block;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-1px}.krb-brand-name::after{content:'.';color:#f29b38}.krb-tagline{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:var(--kb-muted);letter-spacing:.3px}
.krb-navigation{margin-left:auto}#krb-header .krb-menu{display:flex;align-items:center;gap:6px}#krb-header .krb-menu>li{position:relative}#krb-header .krb-menu a,#krb-header .krb-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;min-height:44px;border:0;border-radius:5px;background:transparent;color:var(--kb-ink);font-size:14px;font-weight:600;white-space:nowrap;line-height:1.4}#krb-header .krb-menu a:hover,#krb-header .krb-menu button:hover,#krb-header .krb-menu button[aria-expanded=true]{background:#eef5ff;color:var(--kb-blue)}#krb-header .krb-caret{width:7px;height:7px;display:inline-block;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;flex-shrink:0}
#krb-header .krb-submenu{min-width:238px;background:#fff;border:1px solid var(--kb-border);border-radius:9px;padding:7px;box-shadow:0 12px 32px #17253b18}#krb-header .krb-submenu li{position:relative}#krb-header .krb-submenu button,#krb-header .krb-submenu a{width:100%;text-align:left;font-size:13px}#krb-header .krb-submenu .krb-caret{transform:rotate(-45deg);margin:0 3px}
#krb-header .krb-subscribe{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 18px;border-radius:7px;background:var(--kb-blue);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.krb-subscribe svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}#krb-header .krb-subscribe:hover{background:#084d9f}
#krb-header .krb-toggle{display:none;border:1px solid var(--kb-border);border-radius:6px;background:white;color:var(--kb-ink);padding:10px 13px;align-items:center;gap:8px;font-size:13px;font-weight:700}
#krb-header a:focus-visible,#krb-header button:focus-visible{outline:3px solid #e59121;outline-offset:3px}#krb-header .krb-utility a:hover{color:var(--kb-blue)}.krb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:901px){html.krb-js #krb-header .krb-submenu{display:none;position:absolute;top:100%;right:0;z-index:115}html.krb-js #krb-header .krb-submenu .krb-submenu{right:100%;top:-7px;margin-right:2px}html.krb-js #krb-header button[aria-expanded=true]+.krb-submenu{display:block}}
@media(max-width:900px){.krb-wrap{padding:0 20px}.krb-main{flex-wrap:wrap;gap:16px;min-height:90px;padding-top:18px;padding-bottom:18px}.krb-brand-name{font-size:25px}.krb-brand{min-width:150px}html.krb-js #krb-header .krb-toggle{display:inline-flex}.krb-navigation{width:100%;order:4;margin:0}#krb-header .krb-menu{display:block;border-top:1px solid var(--kb-border);padding-top:12px}#krb-header .krb-menu a,#krb-header .krb-menu button{width:100%}html.krb-js #krb-header .krb-navigation:not(.is-open){display:none}#krb-header .krb-submenu{box-shadow:none;min-width:0;border:0;border-left:2px solid #dbe9fb;border-radius:0;margin:4px 0 7px 16px;padding:0 0 0 8px}html.krb-js #krb-header .krb-submenu{display:none}html.krb-js #krb-header button[aria-expanded=true]+.krb-submenu{display:block}#krb-header .krb-submenu .krb-caret{transform:rotate(45deg)}#krb-header .krb-utility a{padding:0 9px;font-size:10px;min-height:36px}.krb-top .krb-wrap{gap:10px}.krb-social{gap:0}}
@media(max-width:600px){.krb-top .krb-wrap{flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:3px;padding-bottom:3px}#krb-header .krb-utility{width:100%;justify-content:space-between}#krb-header .krb-utility a{border:0;padding:0 4px;font-size:9px;letter-spacing:.2px}.krb-social{margin-left:auto}#krb-header .krb-social a{min-height:34px;width:35px;border:0}.krb-main{gap:12px}.krb-brand{flex-basis:calc(100% - 95px)}.krb-tagline{font-size:11px}#krb-header .krb-subscribe{width:100%;order:3;min-height:42px;padding:10px 18px}.krb-wrap{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){#krb-header *{scroll-behavior:auto!important;transition:none!important}}
.krb-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.krb-directory section{border:1px solid #e4e9f0;border-radius:10px;padding:24px}.krb-directory a{color:#0a5ec4}

.krb-brand{display:flex;align-items:center;gap:13px}.krb-brand-copy{display:block;min-width:0}.krb-brand-mascot{display:block;width:72px;height:72px;object-fit:contain;flex:0 0 72px}.krb-brand:hover .krb-brand-name{color:#0a5ec4}@media(max-width:600px){.krb-brand-mascot{width:58px;height:58px;flex-basis:58px}.krb-brand{gap:10px}}

/* KRB NARROW CONTENT ALIGNMENT */
@media(min-width:1025px){#krb-header .krb-wrap,.krb-feed-layout,.krb-layout-footer-inner{max-width:1080px}#krb-header .krb-utility a{font-size:9.5px;min-height:38px;padding:0 11px;letter-spacing:.35px}#krb-header .krb-social a{width:34px;min-height:38px}#krb-header .krb-social svg{width:16px;height:16px}#krb-header .krb-top .krb-wrap{min-height:40px}}

/* KRB MOBILE TOPBAR HIDDEN */
@media(max-width:600px){#krb-header .krb-top{display:none!important}}