@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/BricolageGrotesque-400.ttf') format('truetype')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/BricolageGrotesque-700.ttf') format('truetype')}
.otbd{--otbd-lime:#c6ff00;--otbd-green:#00dc79;--otbd-ink:#11192f;--otbd-offset:100px;color:var(--otbd-ink);font-family:inherit;box-sizing:border-box;line-height:1.7}.otbd *{box-sizing:border-box}.otbd [hidden]{display:none!important}.otbd a{text-decoration:none;box-shadow:none}.otbd a:focus-visible,.otbd button:focus-visible{outline:3px solid #167e54;outline-offset:4px}.otbd-detail{max-width:1240px;margin:0 auto;padding:60px 28px 48px;background:#fff}.otbd-layout{display:grid;grid-template-columns:210px minmax(0,640px) 80px;justify-content:center;gap:48px}.otbd-article{min-width:0}.otbd-article h1{font-size:clamp(26px,2.4vw,36px);font-weight:750;line-height:1.3;letter-spacing:-.7px;margin:18px 0;color:var(--otbd-ink);overflow-wrap:anywhere}.otbd-tags{display:flex;gap:7px;flex-wrap:wrap}.otbd-tags a{background:linear-gradient(100deg,var(--otbd-lime),var(--otbd-green));color:#10251b;font-size:10px;line-height:1.5;padding:5px 10px;border-radius:4px}.otbd-top-tags{position:relative;display:inline-flex;margin:0 0 16px;max-width:100%}.otbd-top-tags a{border-radius:999px;font-size:11px;padding:5px 18px}.otbd-top-tags:after{content:'✦';color:var(--otbd-green);position:absolute;right:-24px;top:-18px;font-size:25px;pointer-events:none}.otbd-breadcrumb{font-size:10px;line-height:1.6;color:#6b7280;overflow-wrap:anywhere}.otbd-breadcrumb a{color:#6b7280}.otbd-meta{font-size:11px;display:flex;flex-wrap:wrap;gap:7px;color:#69738a;margin:0 0 14px}.otbd-reviewer{font-size:11px;color:#69738a;display:flex;gap:8px;align-items:center;margin:10px 0 28px}.otbd-reviewer span{font-size:24px;color:#15251c}.otbd-reviewer strong{color:#007849;font-weight:600}.otbd-hero{margin:34px 0 38px;padding:0;border-radius:16px;overflow:hidden}.otbd-hero img{display:block;width:100%;height:auto;margin:0;border-radius:16px}.otbd-highlight{margin:30px 0 34px;border-radius:14px;overflow:hidden;background:#9affcd;color:#112c23}.otbd-highlight h2{font-size:19px;line-height:1.5;text-align:center;margin:0;padding:12px 18px;background:var(--otbd-green);color:#102d20;font-weight:650}.otbd-highlight>div{padding:20px 24px;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.otbd-highlight p{margin:0 0 12px}.otbd-highlight p:last-child{margin-bottom:0}.otbd-highlight a{color:#075f42;text-decoration:underline}.otbd-content{font-size:16px;line-height:1.95;color:#626e87;overflow-wrap:anywhere}.otbd-content p{margin:0 0 24px}.otbd-content h2,.otbd-content h3{color:var(--otbd-ink);line-height:1.4;scroll-margin-top:calc(var(--otbd-offset) + 24px);margin:38px 0 18px}.otbd-content h2{font-size:24px}.otbd-content h3{font-size:20px}.otbd-content a{color:#007b4d;text-decoration:underline;text-underline-offset:3px}.otbd-content img,.otbd-content video,.otbd-content iframe{max-width:100%}.otbd-content img{height:auto}.otbd-content figure{max-width:100%;margin-left:0;margin-right:0}.otbd-content blockquote{border-left:4px solid var(--otbd-green);margin:24px 0;padding:12px 22px;background:#f2fff8}.otbd-content pre{max-width:100%;overflow:auto;padding:20px;background:#f4f6f5}.otbd-content .wp-block-table{overflow-x:auto}.otbd-content table{max-width:100%;border-collapse:collapse}.otbd-content td,.otbd-content th{padding:10px;border:1px solid #dce5df}.otbd-sticky{position:sticky;top:var(--otbd-offset)}.otbd-toc{font-size:12px;align-self:stretch}.otbd-toc h2,.otbd-share h2{font-size:13px;font-weight:650;line-height:1.5;margin:0 0 22px;color:#111}.otbd-toc ol{list-style:none;margin:0;padding:0}.otbd-toc li{padding:0;margin:0 0 6px;list-style:none}.otbd-toc a{display:block;padding:8px 10px;border-bottom:1px dashed #d8dfdb;color:#717c8e;line-height:1.65;font-size:11px}.otbd-toc a.is-active{background:#d4ffe8;color:#007a48;border-bottom-color:transparent;border-radius:4px}.otbd-toc .otbd-toc-sub a{padding-left:22px;font-size:10px}.otbd-share{text-align:center;padding-top:50px}.otbd-share h2{margin-bottom:12px}.otbd-share-links{display:flex;flex-direction:column;align-items:center;gap:8px}.otbd-share-links>a,.otbd-copy{width:32px;height:32px;border:0;border-radius:50%;background:#e7ebed;color:#15202a;display:grid;place-items:center;font-size:15px;font-weight:700;line-height:1;font-family:inherit;cursor:pointer;padding:0}.otbd-share-links>a:first-child{font-size:11px}.otbd-share-links>a:hover,.otbd-copy:hover{background:var(--otbd-green);color:#112c23}.otbd-copy-status{font-size:10px;overflow-wrap:anywhere;max-width:100%}.otbd-copy-status input{width:100%;font-size:11px}.otbd-related{margin:64px 0 48px}.otbd-related>h2{text-align:center;font-size:25px;line-height:1.4;font-weight:500;color:#007f46;margin:0 0 36px}.otbd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.otbd-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:22px;box-shadow:0 2px 14px #14261b14;display:flex;flex-direction:column;min-width:0}.otbd-card-image{display:block;aspect-ratio:1.95;border-radius:12px;overflow:hidden;background:#e9ede9}.otbd-card-image img{width:100%;height:100%;object-fit:cover;display:block}.otbd-card-image>span{display:grid;place-items:center;width:100%;height:100%;color:#7a907f;font-size:56px}.otbd-card h3{font-size:20px;line-height:1.35;margin:15px 0 8px;overflow-wrap:anywhere}.otbd-card h3 a{color:var(--otbd-ink)}.otbd-card>p{font-size:12px;line-height:1.7;color:#667187;margin:0 0 12px}.otbd-card .otbd-tags{margin-bottom:18px}.otbd-read{margin-top:auto;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,var(--otbd-lime),var(--otbd-green)) border-box;border-radius:999px;padding:9px 18px;color:var(--otbd-ink);text-align:center;font-size:14px}.otbd-read:hover{background:linear-gradient(100deg,var(--otbd-lime),var(--otbd-green)) border-box}.otbd-cta{background:linear-gradient(110deg,var(--otbd-green) 35%,var(--otbd-lime));display:flex;align-items:center;gap:26px;border-radius:18px;overflow:hidden;padding:44px;margin:48px 0 0}.otbd-cta>div{flex:1;min-width:0}.otbd-cta h2{font-size:clamp(26px,3.5vw,44px);line-height:1.2;margin:0 0 14px;color:#103c2a;font-weight:750;letter-spacing:-.7px}.otbd-cta p{font-size:16px;line-height:1.6;margin:0 0 26px;color:#103c2a}.otbd-cta a{display:inline-flex;align-items:center;gap:18px;border:1px solid #195934;border-radius:6px;padding:9px 18px;background:var(--otbd-lime);color:#153d25;font-size:20px}.otbd-cta a span{border:1px solid;border-radius:3px;line-height:1;padding:3px;font-size:23px}.otbd-cta>img{width:40%;max-height:340px;object-fit:contain;align-self:flex-end}.otbd-template-main{background:#fff;width:100%;margin:0;padding:0}
@media(max-width:1100px){.otbd-layout{grid-template-columns:170px minmax(0,1fr) 44px;gap:28px}.otbd-detail{padding:40px 24px}.otbd-article h1{font-size:30px}}@media(max-width:800px){.otbd-layout{grid-template-columns:minmax(0,1fr);gap:24px}.otbd-toc{grid-row:2;border:1px solid #dff0e5;border-radius:10px;padding:16px}.otbd-article{grid-row:3}.otbd-share{grid-row:1;padding:0;text-align:left}.otbd-share .otbd-sticky{display:flex;align-items:center;gap:14px}.otbd-share h2{margin:0}.otbd-share-links{flex-direction:row;flex-wrap:wrap}.otbd-copy-status{max-width:200px}.otbd-sticky{position:static}.otbd-toc h2{margin-bottom:10px}.otbd-toc ol{max-height:180px;overflow:auto}.otbd-cta{padding:30px}.otbd-cards{gap:20px}.otbd-card{padding:16px}.otbd-card h3{font-size:18px}}@media(max-width:540px){.otbd-detail{padding:28px 18px}.otbd-article h1{font-size:27px}.otbd-content{font-size:15px;line-height:1.85}.otbd-content h2{font-size:22px}.otbd-highlight>div{padding:18px;font-size:14px}.otbd-cards{grid-template-columns:1fr}.otbd-related>h2{font-size:21px}.otbd-cta{flex-direction:column;padding:26px}.otbd-cta>img{width:100%;max-height:220px}.otbd-share-links>a,.otbd-copy{width:36px;height:36px}.otbd-hero{margin-top:24px}}@media(prefers-reduced-motion:reduce){.otbd *{scroll-behavior:auto!important}}
/* Keep the article centered even when a post has no headings/TOC. */
@media(min-width:801px){.otbd-toc{grid-column:1;grid-row:1}.otbd-article{grid-column:2;grid-row:1}.otbd-share{grid-column:3;grid-row:1}}
/* Version 1.1: editable proportions, persistent TOC, supplied artwork and sticky sharing. */
.otbd-detail{max-width:calc(var(--otbd-toc-width,200px) + var(--otbd-content-width,640px) + 80px + var(--otbd-gap,40px)*2 + 56px);overflow:visible}
.otbd-layout{grid-template-columns:var(--otbd-toc-width,200px) minmax(0,var(--otbd-content-width,640px)) 80px;gap:var(--otbd-gap,40px);align-items:stretch;overflow:visible}
.otbd-article h1{font-size:var(--otbd-title-size,36px)}
.otbd-content{font-size:var(--otbd-body-size,16px);scroll-margin-top:calc(var(--otbd-offset,100px) + 24px)}
.otbd-category-label{display:flex;align-items:center;gap:8px;margin-bottom:16px;min-width:0}
.otbd-category-label .otbd-top-tags{margin:0;min-width:0;max-width:calc(100% - var(--otbd-ornament-size,42px) - 8px)}
.otbd-top-tags:after{content:none;display:none}
.otbd-category-ornament{display:block;flex:0 0 auto;width:var(--otbd-ornament-size,42px);height:var(--otbd-ornament-size,42px);object-fit:contain;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.otbd-share{align-self:stretch;padding-top:0;min-width:0}
.otbd-toc .otbd-sticky,.otbd-share .otbd-sticky{position:sticky;top:calc(var(--otbd-offset,100px) + var(--otbd-adminbar,0px));height:max-content}
body.admin-bar .otbd{--otbd-adminbar:32px}
.otbd-toc nav{max-height:calc(100dvh - var(--otbd-offset,100px) - var(--otbd-adminbar,0px) - 80px);overflow-y:auto;overscroll-behavior:contain}
.otbd-share .otbd-share-links>a,.otbd-share .otbd-copy{width:var(--otbd-share-size,38px);height:var(--otbd-share-size,38px);flex:0 0 auto;border:1px solid #e7ece9;background:#f1f4f2;position:relative;transition:background .15s}
.otbd-share .otbd-share-links>a:hover,.otbd-share .otbd-copy:hover{background:#d7ffe7}
.otbd-share-icon{display:none;width:min(var(--otbd-icon-size,26px),calc(var(--otbd-share-size,38px) - 8px));height:min(var(--otbd-icon-size,26px),calc(var(--otbd-share-size,38px) - 8px));object-fit:contain;max-width:none;margin:0;border:0;box-shadow:none}
.otbd-icon-loaded .otbd-share-icon{display:block}
.otbd-icon-loaded .otbd-icon-fallback{display:none}
.otbd-icon-fallback{line-height:1;font-family:Arial,sans-serif}
.otbd-share-static .otbd-share .otbd-sticky,.otbd-toc-static .otbd-toc .otbd-sticky{position:static}
@media(min-width:801px) and (max-width:1100px){.otbd-layout{grid-template-columns:minmax(140px,var(--otbd-toc-width,200px)) minmax(0,1fr) 64px;gap:clamp(16px,2.5vw,var(--otbd-gap,40px))}.otbd-article h1{font-size:min(var(--otbd-title-size,36px),32px)}}
@media(max-width:800px){.otbd-layout{grid-template-columns:minmax(0,1fr);gap:24px}.otbd-share{position:sticky;top:calc(var(--otbd-offset,100px) + var(--otbd-adminbar,0px));z-index:20;align-self:start;background:rgba(255,255,255,.98);border-bottom:1px solid #e7efe9;padding:10px 0}.otbd-share .otbd-sticky,.otbd-toc .otbd-sticky{position:static}.otbd-share-static .otbd-share{position:static}.otbd-toc nav{max-height:220px}.otbd-article h1{font-size:min(var(--otbd-title-size,36px),30px)}.otbd-copy-status{max-width:150px}.otbd-toc{display:block}}
@media(max-width:782px){body.admin-bar .otbd{--otbd-adminbar:46px}}
@media(max-width:540px){.otbd-article h1{font-size:min(var(--otbd-title-size,36px),27px)}.otbd-share .otbd-sticky{gap:8px}.otbd-share-links{gap:6px}}
/* Version 1.2: all six heading levels, reference CTA and related heading. */
.otbd-content :is(h1,h2,h3,h4,h5,h6){color:var(--otbd-ink);line-height:1.4;scroll-margin-top:calc(var(--otbd-offset,100px) + var(--otbd-adminbar,0px) + 24px);margin:32px 0 16px;overflow-wrap:anywhere}
.otbd-content h1{font-size:clamp(25px,3vw,32px)}.otbd-content h4{font-size:18px}.otbd-content h5{font-size:17px}.otbd-content h6{font-size:16px}
.otbd-toc li a{padding-left:calc(10px + var(--otbd-toc-depth,0)*10px);overflow-wrap:anywhere}
.otbd-related>h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:400;font-size:clamp(24px,3.6vw,36px);line-height:1.25;letter-spacing:-.5px;color:#01a857;background:linear-gradient(100deg,#BFFB05 0%,#01E671 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow-wrap:anywhere;text-align:center;margin:0 0 36px}
.otbd-cta{position:relative;isolation:isolate;display:block;container-type:inline-size;min-height:350px;border-radius:20px;padding:44px 40px;margin:48px 0 0;background:linear-gradient(115deg,#01E671 0%,#00dd72 42%,#BFFB05 100%);overflow:hidden}
.otbd-cta .otbd-cta-copy{position:relative;z-index:1;width:100%;max-width:none}
.otbd-cta.otbd-cta-with-image .otbd-cta-copy{width:61%}
.otbd-cta h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(32px,4.5vw,56px);font-size:clamp(32px,4.8cqw,56px);line-height:1.18;font-weight:700;letter-spacing:-.9px;color:#c4ffe3;margin:0 0 14px;white-space:pre-line;overflow-wrap:anywhere}
.otbd-cta p{font-size:clamp(15px,1.7vw,20px);line-height:1.45;color:#fff;margin:0 0 42px;white-space:pre-line;overflow-wrap:anywhere;max-width:650px}
.otbd-cta a.otbd-cta-button{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:20px;padding:10px 16px;background:#BFFB05;border:1px solid #0c1910;border-radius:7px;color:#07180c;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(22px,2.7vw,36px);line-height:1.2;margin:0 0 0 7%;text-align:left;overflow-wrap:anywhere}
.otbd-cta a.otbd-cta-button:hover{background:#d4ff53;color:#07180c}
.otbd-cta-button span{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border:2px solid currentColor!important;border-radius:3px;padding:5px!important}
.otbd-cta-button svg{width:100%;height:100%}
.otbd-cta .otbd-cta-art{position:absolute;right:0;bottom:0;width:47%;height:96%;z-index:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end}
.otbd-cta .otbd-cta-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block;margin:0;border:0}
@media(max-width:800px){.otbd-cta{min-height:0;padding:30px}.otbd-cta.otbd-cta-with-image .otbd-cta-copy{width:100%}.otbd-cta .otbd-cta-art{position:relative;width:80%;height:auto;margin:24px -30px -30px auto}.otbd-cta .otbd-cta-art img{height:auto;max-height:340px}.otbd-cta h2{font-size:clamp(30px,5vw,40px)}.otbd-cta p{margin-bottom:24px}.otbd-cta a.otbd-cta-button{margin-left:0;font-size:27px}.otbd-related>h2{font-size:clamp(24px,4.5vw,36px)}}
@media(max-width:540px){.otbd-cta{padding:26px 22px;border-radius:16px}.otbd-cta h2{font-size:30px}.otbd-cta .otbd-cta-art{width:100%;margin-right:-22px;margin-bottom:-26px}.otbd-cta a.otbd-cta-button{font-size:24px;gap:12px;padding:9px 12px}.otbd-cta-button span{width:36px;height:36px}.otbd-related>h2{font-size:clamp(24px,6.5vw,30px)}}
@media(forced-colors:active){.otbd-related>h2{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
/* Version 1.3: Artikel Terkait & CTA lebih lebar, jarak kanan-kiri diatur dari Settings. */
.otbd-detail{max-width:none;width:100%;padding-left:0;padding-right:0}
.otbd-detail>.otbd-layout{max-width:calc(var(--otbd-toc-width,200px) + var(--otbd-content-width,640px) + 80px + var(--otbd-gap,40px)*2 + 56px);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.otbd-bottom{max-width:var(--otbd-bottom-max,none);margin-left:auto;margin-right:auto;padding-left:var(--otbd-bottom-pad-d,20px);padding-right:var(--otbd-bottom-pad-d,20px)}
@media(max-width:1100px){.otbd-detail>.otbd-layout{padding-left:24px;padding-right:24px}}
@media(max-width:1024px){.otbd-bottom{padding-left:var(--otbd-bottom-pad-t,20px);padding-right:var(--otbd-bottom-pad-t,20px)}}
@media(max-width:767px){.otbd-bottom{padding-left:var(--otbd-bottom-pad-m,20px);padding-right:var(--otbd-bottom-pad-m,20px)}}
@media(max-width:540px){.otbd-detail>.otbd-layout{padding-left:18px;padding-right:18px}}