:root{--sf-bg:#fff;--sf-surface:#f8fafc;--sf-surface-blue:#eff6ff;--sf-primary:#0f6fff;--sf-primary-hover:#005ce6;--sf-heading:#0f172a;--sf-text:#334155;--sf-muted:#64748b;--sf-border:#e2e8f0;--sf-card:#fff;--sf-shadow:0 10px 30px rgba(15,23,42,.06);--sf-header:rgba(255,255,255,.94)}
html[data-theme="dark"]{--sf-bg:#0b1120;--sf-surface:#111827;--sf-surface-blue:#112447;--sf-heading:#f8fafc;--sf-text:#cbd5e1;--sf-muted:#94a3b8;--sf-border:#273449;--sf-card:#111827;--sf-shadow:0 12px 34px rgba(0,0,0,.22);--sf-header:rgba(11,17,32,.94)}
html{scroll-behavior:smooth}body{background:var(--sf-bg);color:var(--sf-text);overflow-x:hidden}body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,*:before,*:after{box-sizing:border-box}a{text-underline-offset:.18em}img{height:auto;max-width:100%}.wp-site-blocks{padding:0}.sf-container{width:min(1360px,calc(100% - 2rem));margin-inline:auto}.sf-main{min-width:0}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:9999;transform:translateY(-160%);background:var(--sf-primary);color:#fff;padding:.75rem 1rem;border-radius:8px}.skip-link:focus{transform:none}.sf-site-header{position:sticky;top:0;z-index:100;background:var(--sf-header);border-bottom:1px solid var(--sf-border);backdrop-filter:blur(14px)}.sf-header-inner{height:72px;display:flex;align-items:center;gap:2rem}.sf-brand{display:flex;align-items:center;gap:.65rem;color:var(--sf-heading);font-size:1.35rem;font-weight:800;text-decoration:none;white-space:nowrap}.sf-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#0f6fff,#37a4ff);color:#fff;font-size:1.1rem;transform:rotate(-8deg)}.sf-header-nav{display:flex;flex:1;align-items:center}.sf-header-nav .wp-block-navigation{font-size:.92rem;font-weight:600}.sf-header-nav a{color:var(--sf-heading)!important}.sf-header-actions{display:flex;align-items:center;gap:.65rem}.sf-search-compact .wp-block-search__inside-wrapper{border:0;background:var(--sf-surface);border-radius:12px;padding:.15rem .2rem .15rem .8rem}.sf-search-compact input{min-width:190px;background:transparent!important;border:0!important;color:var(--sf-text)!important;font-size:.82rem}.sf-search-compact button{min-width:42px;padding:.6rem!important;background:transparent!important;color:var(--sf-primary)!important}.sf-icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:10px;background:var(--sf-surface);color:var(--sf-heading);cursor:pointer;font-size:1.1rem}.sf-subscribe{display:inline-flex;align-items:center;min-height:44px;background:var(--sf-primary);color:#fff!important;border-radius:9px;padding:.7rem 1rem;text-decoration:none;font-weight:700;font-size:.88rem}.sf-menu-button{display:none}.sf-mobile-menu{display:none}.sf-hero-wrap{background:linear-gradient(110deg,var(--sf-surface-blue),var(--sf-bg));border-bottom:1px solid var(--sf-border)}.sf-hero{min-height:460px;display:grid;grid-template-columns:43fr 57fr;align-items:center;gap:2.5rem;padding-block:3rem}.sf-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:999px;background:var(--sf-surface-blue);color:var(--sf-primary);font-size:.75rem;font-weight:800;letter-spacing:.03em}.sf-hero h1{max-width:700px;margin:.9rem 0 1rem;font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.045em;line-height:1.03}.sf-hero h1 strong{color:var(--sf-primary)}.sf-hero-copy>p{max-width:610px;margin:0;color:var(--sf-text);font-size:1.03rem;line-height:1.55}.sf-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.sf-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.2rem;border:1px solid var(--sf-border);border-radius:9px;background:var(--sf-card);color:var(--sf-heading)!important;font-weight:700;text-decoration:none}.sf-button-primary{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff!important}.sf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.7rem}.sf-stat strong{display:block;color:var(--sf-heading);font-size:1.3rem;line-height:1.1}.sf-stat span{font-size:.8rem;color:var(--sf-muted)}.sf-hero-visual{position:relative;align-self:stretch;min-height:380px}.sf-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.sf-hero-placeholder{height:100%;min-height:380px;border-radius:24px;background:linear-gradient(145deg,#dcecff,#f8fbff);display:grid;place-items:center;overflow:hidden;position:relative}.sf-laptop{width:72%;aspect-ratio:16/10;border:10px solid #172033;border-bottom-width:22px;border-radius:18px;background:#08111f;box-shadow:0 34px 60px rgba(15,23,42,.25);transform:perspective(900px) rotateY(-7deg)}.sf-laptop:before{content:"</>  function buildFuture() {\A    return ideas.map(create);\A  }";white-space:pre;display:block;padding:2rem;color:#67e8f9;font:600 clamp(.7rem,1.3vw,1.05rem)/1.9 "JetBrains Mono",monospace}.sf-floating-note{position:absolute;padding:.85rem 1rem;background:#fff;color:#0f172a;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.12);font-size:.8rem;font-weight:800}.sf-note-one{top:18%;right:2%}.sf-note-two{bottom:20%;right:0}.sf-category-strip{border-bottom:1px solid var(--sf-border);padding-block:1rem}.sf-category-scroll{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none}.sf-category-scroll::-webkit-scrollbar{display:none}.sf-category-pill{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.6rem .9rem;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-card);color:var(--sf-heading)!important;text-decoration:none;white-space:nowrap;font-size:.86rem;font-weight:650}.sf-category-pill span{color:var(--sf-primary);font-weight:800}.sf-home-layout,.sf-archive-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(280px,1fr);gap:2rem;padding-block:2rem 3rem}.sf-section{margin-bottom:2.5rem}.sf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sf-section-heading h2{margin:0 0 .2rem;font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:-.03em}.sf-section-heading p{margin:0;color:var(--sf-muted);font-size:.92rem}.sf-view-all{white-space:nowrap;font-size:.82rem;font-weight:700;text-decoration:none}.sf-featured-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.sf-card{position:relative;background:var(--sf-card);border:1px solid var(--sf-border);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sf-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sf-primary),var(--sf-border) 65%);box-shadow:var(--sf-shadow)}.sf-card .wp-block-post-featured-image{margin:0;overflow:hidden}.sf-card .wp-block-post-featured-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}.sf-card:hover .wp-block-post-featured-image img{transform:scale(1.025)}.sf-card-body{padding:1rem}.sf-card .wp-block-post-terms{margin:0 0 .45rem;font-size:.68rem;font-weight:800;text-transform:uppercase}.sf-card .wp-block-post-terms a{display:inline-block;padding:.25rem .45rem;border-radius:5px;background:var(--sf-surface-blue);text-decoration:none}.sf-card .wp-block-post-title{margin:.2rem 0 .55rem;font-size:1.05rem}.sf-card .wp-block-post-title a{color:var(--sf-heading);text-decoration:none}.sf-card .wp-block-post-excerpt{margin:0;color:var(--sf-muted);font-size:.83rem;line-height:1.55}.sf-card .wp-block-post-excerpt__excerpt{margin:0}.syncflow-post-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem;color:var(--sf-muted);font-size:.74rem}.syncflow-post-meta span:before{content:"•";margin-right:.3rem}.sf-featured-large .wp-block-post-title{font-size:clamp(1.25rem,2vw,1.7rem)}.sf-featured-side .wp-block-post-template{display:grid;gap:1rem}.sf-horizontal-card > .wp-block-group{display:grid;grid-template-columns:minmax(0,1fr) 120px;min-height:170px}.sf-horizontal-card .wp-block-post-featured-image{grid-column:2;grid-row:1;height:100%}.sf-horizontal-card .wp-block-post-featured-image img{height:100%;aspect-ratio:auto}.sf-horizontal-card .sf-card-body{grid-column:1;grid-row:1}.sf-post-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sf-post-grid .wp-block-post{margin:0}.sf-sidebar{min-width:0}.sf-sidebar-inner{position:sticky;top:92px;display:grid;gap:1rem}.sf-widget{padding:1rem;border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-card)}.sf-widget h3{margin:0 0 .8rem;font-size:1rem}.sf-widget .wp-block-search__inside-wrapper{border:1px solid var(--sf-border);border-radius:8px;padding:0;overflow:hidden}.sf-widget input{min-height:44px;border:0!important;background:var(--sf-bg)!important;color:var(--sf-text)!important}.sf-widget .wp-block-search__button{min-width:44px;margin:0;padding:.5rem!important;border-radius:0!important}.sf-widget .wp-block-categories-list{list-style:none;margin:0;padding:0}.sf-widget .wp-block-categories-list li{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--sf-border);font-size:.84rem}.sf-widget .wp-block-categories-list li:last-child{border-bottom:0}.sf-widget .wp-block-categories-list a{color:var(--sf-text);text-decoration:none}.sf-newsletter{background:linear-gradient(145deg,var(--sf-surface-blue),var(--sf-card))}.sf-newsletter p{font-size:.82rem;color:var(--sf-muted)}.sf-newsletter-form{display:flex;gap:.45rem}.sf-newsletter-form input{width:100%;min-width:0;border:1px solid var(--sf-border);border-radius:8px;padding:.7rem;background:var(--sf-bg);color:var(--sf-text)}.sf-newsletter-form button{border:0;border-radius:8px;background:var(--sf-primary);color:#fff;padding:.65rem .85rem;font-weight:700}.sf-cta{display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:1.8rem;border-radius:18px;background:linear-gradient(110deg,var(--sf-surface-blue),#e5f0ff);overflow:hidden}.sf-cta h2{margin:0 0 .35rem;font-size:clamp(1.45rem,2.5vw,2rem)}.sf-cta p{margin:0 0 1rem}.sf-cta-art{font-size:5rem;transform:rotate(-8deg);filter:drop-shadow(0 18px 18px rgba(15,111,255,.15))}.sf-site-footer{border-top:1px solid var(--sf-border);background:var(--sf-card)}.sf-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1fr;gap:2rem;padding-block:2.5rem}.sf-footer-grid h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.sf-footer-grid p,.sf-footer-grid li,.sf-footer-grid a{font-size:.82rem;color:var(--sf-muted)}.sf-footer-grid ul{list-style:none;margin:0;padding:0}.sf-footer-grid li{margin:.3rem 0}.sf-footer-grid a{text-decoration:none}.sf-footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-block:1rem;border-top:1px solid var(--sf-border);font-size:.77rem;color:var(--sf-muted)}.sf-archive-header{padding-block:3rem 1.5rem}.sf-archive-header h1{margin:.3rem 0;font-size:clamp(2rem,4vw,3.4rem)}.sf-pagination{margin-top:1.5rem}.sf-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 .7rem;border:1px solid var(--sf-border);border-radius:8px;text-decoration:none}.sf-pagination .current{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff}.sf-single-header{max-width:930px;margin:0 auto;padding-block:3.5rem 2rem;text-align:center}.sf-single-header .wp-block-post-terms{font-size:.75rem;font-weight:800;text-transform:uppercase}.sf-single-header h1{margin:.7rem 0;font-size:clamp(2.3rem,5vw,4.2rem);letter-spacing:-.04em}.sf-single-header .wp-block-post-excerpt{color:var(--sf-muted);font-size:1.1rem}.sf-single-header .syncflow-post-meta{justify-content:center}.sf-single-feature{width:min(1180px,calc(100% - 2rem));margin:0 auto 2.5rem}.sf-single-feature img{width:100%;max-height:650px;object-fit:cover;border-radius:18px}.sf-article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(240px,300px);justify-content:center;gap:4rem}.sf-article-content{font-size:1.0625rem;line-height:1.8}.sf-article-content h2,.sf-article-content h3{scroll-margin-top:100px;margin-top:2em}.sf-article-content pre{position:relative;padding:1.5rem;border-radius:12px;background:#0b1220;color:#dbeafe;overflow:auto}.copy-code-button{position:absolute;top:.5rem;right:.5rem;border:1px solid #334155;border-radius:6px;background:#172033;color:#fff;padding:.4rem .65rem;cursor:pointer}.sf-article-content blockquote{border-left:4px solid var(--sf-primary);padding:1rem 1.25rem;background:var(--sf-surface-blue);margin-inline:0}.sf-article-aside{position:sticky;top:100px;align-self:start}.sf-post-footer{max-width:820px;margin:2rem auto}.sf-404{min-height:60vh;display:grid;place-items:center;text-align:center}.sf-404 strong{font-size:clamp(5rem,18vw,12rem);line-height:1;color:var(--sf-surface-blue);text-shadow:0 0 0 var(--sf-primary)}:focus-visible{outline:3px solid color-mix(in srgb,var(--sf-primary),white 25%);outline-offset:3px}
@media(max-width:1199px){.sf-header-inner{gap:1rem}.sf-search-compact{display:none}.sf-post-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.sf-footer-quote{display:none}}
@media(max-width:991px){.sf-header-nav{display:none}.sf-header-actions{margin-left:auto}.sf-menu-button{display:grid}.sf-mobile-menu{display:block;padding-bottom:1rem}.sf-mobile-menu[hidden]{display:none}.sf-mobile-menu .wp-block-navigation__container{display:grid;gap:.25rem}.sf-mobile-menu .wp-block-navigation-item{width:100%}.sf-mobile-menu a{display:block;width:100%;padding:.65rem;color:var(--sf-heading)!important}.sf-hero{grid-template-columns:1fr 1fr;gap:1.5rem}.sf-home-layout,.sf-archive-layout{grid-template-columns:1fr}.sf-sidebar-inner{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sf-article-layout{grid-template-columns:minmax(0,820px)}.sf-article-aside{display:none}.sf-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.sf-container{width:min(100% - 1.25rem,1360px)}.sf-hero{grid-template-columns:1fr;padding-block:2.5rem}.sf-hero-visual{min-height:280px}.sf-hero-placeholder{min-height:280px}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-featured-grid{grid-template-columns:1fr}.sf-horizontal-card > .wp-block-group{grid-template-columns:minmax(0,1fr) 110px}.sf-post-grid .wp-block-post-template{grid-template-columns:1fr 1fr}.sf-sidebar-inner{grid-template-columns:1fr}.sf-footer-bottom{display:block}.sf-footer-bottom span{display:block;margin:.3rem 0}.sf-single-header{padding-block:2.5rem 1.5rem}.sf-cta-art{display:none}}
@media(max-width:479px){.sf-brand{font-size:1.15rem}.sf-brand-mark{width:31px;height:31px}.sf-header-actions{gap:.25rem}.sf-post-grid .wp-block-post-template{grid-template-columns:1fr}.sf-horizontal-card > .wp-block-group{grid-template-columns:1fr}.sf-horizontal-card .wp-block-post-featured-image{grid-column:1;grid-row:1;height:auto}.sf-horizontal-card .sf-card-body{grid-column:1;grid-row:2}.sf-footer-grid{grid-template-columns:1fr}.sf-newsletter-form{display:grid}.sf-cta{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Mockup fidelity refinements. */
.sf-hero-photo{background-color:#f5f9ff;background-position:center;background-repeat:no-repeat;background-size:1600px auto}
.sf-hero-photo .sf-hero{min-height:420px;padding-block:2.35rem}
.sf-hero-photo .sf-hero-copy{position:relative;z-index:1;max-width:590px}
.sf-hero-photo .sf-hero-visual{min-height:0}
.sf-hero-line{display:block;white-space:nowrap}
.sf-hero-photo h1{font-size:clamp(2.5rem,3.55vw,3.65rem);margin:.8rem 0 .75rem}
.sf-hero-photo .sf-stats{margin-top:1.35rem}
.sf-home-layout{padding-top:1.6rem;gap:1.5rem}
.sf-section{margin-bottom:1.8rem}
.sf-featured-grid{grid-template-columns:1.05fr 1fr}
.sf-featured-large .wp-block-post-featured-image img{aspect-ratio:16/8.65}
.sf-featured-side .wp-block-post-template{grid-template-rows:repeat(2,minmax(0,1fr))}
.sf-horizontal-card > .wp-block-group{min-height:154px}
.sf-post-grid .wp-block-post-template{gap:.85rem}
.sf-post-grid .sf-card-body{padding:.8rem}
.sf-post-grid .sf-card .wp-block-post-title{font-size:.94rem}
.sf-post-grid .sf-card .wp-block-post-excerpt{font-size:.77rem}
.sf-sidebar-inner{gap:.85rem}
.sf-widget{padding:.9rem}
.sf-cta{min-height:128px}
@media(max-width:991px){.sf-hero-photo{background-size:auto 100%;background-position:center}.sf-hero-line{white-space:normal}.sf-hero-photo .sf-hero{min-height:400px}.sf-featured-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.sf-hero-photo{background-image:none!important}.sf-hero-photo .sf-hero{min-height:auto}.sf-hero-photo .sf-hero-visual{display:block;min-height:240px;background:url('../images/hero-banner.png') center/cover no-repeat;border-radius:18px}.sf-featured-grid{grid-template-columns:1fr}}

/* Single article and automatic table of contents. */
.sf-single-header{max-width:900px;padding-block:3rem 1.6rem}
.sf-single-header h1{font-size:clamp(2.35rem,4.35vw,3.75rem);line-height:1.08}
.sf-single-header .wp-block-post-excerpt{max-width:760px;margin-inline:auto;font-size:1rem}
.sf-single-feature{width:min(1080px,calc(100% - 2rem));margin-bottom:2rem}
.sf-single-feature img{max-height:570px}
.sf-article-layout{grid-template-columns:minmax(0,780px) minmax(250px,290px);gap:3rem}
.sf-article-content{font-size:1.03rem;line-height:1.82}
.sf-article-content>p:first-child{font-size:1.25rem;line-height:1.6;color:var(--sf-text)}
.sf-article-content h2{font-size:1.55rem;letter-spacing:-.02em}
.sf-article-content h3{font-size:1.22rem}
.sf-article-aside{display:grid;gap:.85rem}
.sf-toc{padding:1rem 1rem .75rem}
.sf-toc h3{margin-bottom:.55rem}
.sf-toc ol{list-style:none;margin:0;padding:0}
.sf-toc li{margin:0;border-top:1px solid var(--sf-border)}
.sf-toc li:first-child{border-top:0}
.sf-toc li.is-subheading a{padding-left:1rem;font-size:.78rem}
.sf-toc a{display:block;padding:.55rem .2rem;color:var(--sf-muted);font-size:.82rem;line-height:1.35;text-decoration:none;border-left:2px solid transparent}
.sf-toc a:hover,.sf-toc a.is-active{color:var(--sf-primary);border-left-color:var(--sf-primary);padding-left:.55rem}
.sf-toc-empty{padding:.55rem .2rem;color:var(--sf-muted);font-size:.8rem}
.sf-related{max-width:1080px;margin-top:2.5rem}
.sf-related>.wp-block-heading{margin-bottom:1rem}
.sf-related .sf-post-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}
.sf-post-footer{margin-top:2.5rem}
@media(max-width:991px){.sf-single-header{padding-top:2.4rem}.sf-article-layout{grid-template-columns:minmax(0,780px)}.sf-article-aside{display:block}.sf-article-aside .sf-newsletter{display:none}.sf-toc{margin-top:.5rem;margin-bottom:2rem}.sf-related{max-width:820px}}
@media(max-width:767px){.sf-single-header{text-align:left}.sf-single-header .wp-block-group,.sf-single-header .syncflow-post-meta{justify-content:flex-start}.sf-single-header h1{font-size:clamp(2rem,10vw,3rem)}.sf-single-feature{width:calc(100% - 1.25rem)}.sf-related .sf-post-grid .wp-block-post-template{grid-template-columns:1fr}}

/* Crawlable article breadcrumbs and reserved responsive ad areas. */
.sf-breadcrumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0 0 .8rem;color:var(--sf-muted);font-size:.78rem}
.sf-breadcrumbs a{color:var(--sf-muted);text-decoration:none}
.sf-breadcrumbs a:hover{color:var(--sf-primary)}
.sf-ad-slot{display:none;min-height:0;overflow:hidden;text-align:center}
.sf-ad-slot[data-ad-ready="true"]{display:block;min-height:90px;margin-block:1.5rem}
@media(max-width:767px){.sf-breadcrumbs{justify-content:flex-start}.sf-ad-slot[data-ad-ready="true"]{min-height:100px}}

/* The photographic hero stays intentionally light in both color schemes. */
.sf-hero-photo .sf-hero-copy>p{color:#334155}
.sf-hero-photo .sf-stat strong{color:#0f172a}
.sf-hero-photo .sf-stat span{color:#64748b}
.sf-hero-photo .sf-button:not(.sf-button-primary){background:#fff;border-color:#e2e8f0;color:#0f172a!important}

/* Editorial single layout inspired by modern Indonesian publications. */
.single-post #main-content{background:linear-gradient(to bottom,var(--sf-surface-blue) 0,var(--sf-surface-blue) 570px,var(--sf-bg) 570px,var(--sf-bg) 100%)}
.sf-single-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:2.4rem;padding-top:2.6rem;padding-bottom:2rem;align-items:start}
.sf-single-main{min-width:0}
.sf-single-shell .sf-single-header{max-width:none;margin:0;padding:0 0 1.4rem;text-align:left}
.sf-single-shell .sf-breadcrumbs{justify-content:flex-start;margin-bottom:1.3rem}
.sf-single-shell .sf-single-header>.wp-block-post-terms{display:inline-block;margin-bottom:.7rem;padding:.35rem .7rem;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-card);font-size:.72rem;font-weight:800;text-transform:uppercase}
.sf-single-shell .sf-single-header h1{max-width:920px;margin:.6rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,4.4vw,4.45rem);font-weight:700;line-height:1.03;letter-spacing:-.045em}
.sf-single-shell .sf-single-header .wp-block-post-excerpt{max-width:820px;margin:0 0 1rem;color:var(--sf-muted);font-size:1.05rem}
.sf-byline{gap:.7rem!important;color:var(--sf-muted);font-size:.8rem}
.sf-byline .wp-block-avatar img{border-radius:50%}
.sf-byline .syncflow-post-meta{margin:0;gap:1rem}
.sf-share-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}
.sf-share-row a,.sf-share-row button{display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid var(--sf-border);border-radius:50%;background:var(--sf-card);color:var(--sf-heading);font:700 .8rem/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}
.sf-share-row a:hover,.sf-share-row button:hover{transform:translateY(-2px);border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-single-shell .sf-single-feature{width:100%;margin:0 0 2rem}
.sf-single-shell .sf-single-feature img{width:100%;max-height:600px;border-radius:16px;object-fit:cover}
.sf-single-shell .sf-article-content{max-width:820px;margin:0 auto;font-size:1.06rem;line-height:1.85}
.sf-single-shell .sf-article-aside{position:sticky;top:92px;display:grid;gap:1rem}
.sf-single-shell .sf-toc{padding:1.2rem;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.05)}
.sf-single-shell .sf-toc h3,.sf-popular-article h3{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.sf-single-shell .sf-toc a{padding:.7rem .55rem;border-radius:8px;border-left:2px solid transparent}
.sf-single-shell .sf-toc a:hover,.sf-single-shell .sf-toc a.is-active{background:var(--sf-surface-blue);border-left-color:var(--sf-primary)}
.sf-popular-article{padding:1.15rem;border-radius:18px}
.sf-widget-title-row{margin-bottom:.45rem}
.sf-widget-title-row h3,.sf-widget-title-row p{margin:0}
.sf-widget-title-row a{font-size:.72rem;text-decoration:none}
.sf-popular-item{gap:.75rem!important;padding:.65rem 0;border-top:1px solid var(--sf-border)}
.sf-popular-item:first-child{border-top:0}
.sf-popular-item .wp-block-post-featured-image{flex:0 0 76px;margin:0;overflow:hidden;border-radius:9px}
.sf-popular-item .wp-block-post-featured-image img{width:76px!important;height:62px!important;object-fit:cover}
.sf-popular-item .wp-block-post-title{margin:0;font-size:.8rem!important;line-height:1.35}
.sf-popular-item .wp-block-post-title a{color:var(--sf-heading);text-decoration:none}
.sf-popular-item .wp-block-post-date{margin:.25rem 0 0;color:var(--sf-muted);font-size:.68rem!important}
.sf-single-shell+.sf-related{margin-top:1.5rem}
@media(max-width:991px){.single-post #main-content{background:linear-gradient(to bottom,var(--sf-surface-blue) 0,var(--sf-surface-blue) 500px,var(--sf-bg) 500px)}.sf-single-shell{grid-template-columns:1fr;gap:1rem}.sf-single-shell .sf-article-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.sf-single-shell .sf-article-aside .sf-newsletter{display:none}.sf-single-shell .sf-single-header h1{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:767px){.single-post #main-content{background:linear-gradient(to bottom,var(--sf-surface-blue) 0,var(--sf-surface-blue) 440px,var(--sf-bg) 440px)}.sf-single-shell{padding-top:1.5rem}.sf-single-shell .sf-single-header h1{font-size:clamp(2.25rem,11vw,3.25rem)}.sf-byline{align-items:center}.sf-byline .syncflow-post-meta{width:100%;gap:.7rem}.sf-single-shell .sf-article-aside{grid-template-columns:1fr}.sf-single-shell .sf-article-content{font-size:1rem}.sf-share-row a,.sf-share-row button{width:40px;height:40px}}

/* HashMicro-style scrollable TOC with collapsible related articles. */
.sf-single-shell{grid-template-columns:260px minmax(0,1fr) 300px;gap:1.5rem}
.sf-toc-sidebar,.sf-popular-sidebar{position:sticky;top:92px;display:grid;gap:.8rem;align-self:start}
.sf-toc-sidebar .sf-toc{padding:0;border-radius:10px;overflow:hidden;box-shadow:none}
.sf-toc-heading{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .8rem;border-bottom:1px solid var(--sf-border)}
.sf-toc-heading h3{margin:0;font-size:.95rem;text-transform:none;letter-spacing:0}
.sf-toc-heading button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--sf-heading);font-size:1.25rem;font-weight:800;cursor:pointer}
.sf-toc-sidebar .sf-toc ol{max-height:410px;padding:.55rem .55rem .75rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf-muted) transparent}
.sf-toc-sidebar .sf-toc li{border:0}
.sf-toc-sidebar .sf-toc li.is-subheading a{padding-left:1.45rem}
.sf-toc-sidebar .sf-toc a{padding:.58rem .65rem;border:0;border-radius:7px;color:var(--sf-text);font-size:.8rem;line-height:1.4}
.sf-toc-sidebar .sf-toc a:hover,.sf-toc-sidebar .sf-toc a.is-active{padding-left:.65rem;background:var(--sf-surface-blue);color:var(--sf-primary)}
.sf-related-drawer{padding:0!important;border-radius:9px!important;overflow:hidden}
.sf-related-drawer summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.7rem 1rem;color:var(--sf-heading);font-weight:750;cursor:pointer;list-style:none}
.sf-related-drawer summary::-webkit-details-marker{display:none}
.sf-related-drawer summary:after{content:"+";font-size:1.25rem;font-weight:800}
.sf-related-drawer[open] summary{border-bottom:1px solid var(--sf-border)}
.sf-related-drawer[open] summary:after{content:"−"}
.sf-related-drawer-content{padding:.35rem .75rem .6rem}
.sf-drawer-item{gap:.6rem!important;padding:.55rem 0;border-bottom:1px solid var(--sf-border)}
.sf-drawer-item:last-child{border-bottom:0}
.sf-drawer-item .wp-block-post-featured-image{flex:0 0 64px;margin:0;overflow:hidden;border-radius:7px}
.sf-drawer-item .wp-block-post-featured-image img{width:64px!important;height:52px!important;object-fit:cover}
.sf-drawer-item .wp-block-post-title{margin:0;font-size:.75rem!important;line-height:1.35}
.sf-drawer-item .wp-block-post-title a{color:var(--sf-heading);text-decoration:none}
.sf-single-shell .sf-single-header h1{font-size:clamp(2.45rem,3.7vw,3.75rem)}
.sf-single-shell .sf-article-content{max-width:760px}
.sf-popular-sidebar .sf-newsletter{display:block}
@media(max-width:1199px){.sf-single-shell{grid-template-columns:245px minmax(0,1fr)}.sf-popular-sidebar{position:static;grid-column:1/-1;grid-template-columns:1.5fr 1fr}.sf-popular-sidebar .sf-popular-article .wp-block-post-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}}
@media(max-width:991px){.sf-single-shell{grid-template-columns:1fr}.sf-toc-sidebar,.sf-popular-sidebar{position:static;grid-column:auto}.sf-toc-sidebar{grid-template-columns:1fr 1fr}.sf-toc-sidebar .sf-toc ol{max-height:320px}.sf-popular-sidebar{grid-template-columns:1fr}.sf-single-shell .sf-article-content{max-width:100%}}
@media(max-width:767px){.sf-toc-sidebar{grid-template-columns:1fr}.sf-popular-sidebar .sf-popular-article .wp-block-post-template{grid-template-columns:1fr}.sf-toc-sidebar{order:2}.sf-single-main{order:1}.sf-popular-sidebar{order:3}}

/* Refined long-form editorial experience: calm measure, clear hierarchy and useful rails. */
.single-post #main-content{background:var(--sf-bg)}
.sf-single-page{width:min(1136px,calc(100% - 2rem));padding:3rem 0 2.5rem}
.sf-single-page>.sf-single-header{max-width:980px;margin:0;padding:0;text-align:left}
.sf-single-page>.sf-single-header .sf-breadcrumbs{justify-content:flex-start;margin:0 0 1.35rem;font-size:.76rem}
.sf-article-kicker{gap:.6rem!important;margin:0 0 .65rem;color:var(--sf-muted);font-size:.78rem}
.sf-article-kicker .wp-block-post-terms{margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:.78rem!important}
.sf-article-kicker .syncflow-post-meta{margin:0}
.sf-article-kicker .syncflow-post-meta span:not(:last-child){display:none}
.sf-single-page>.sf-single-header h1{max-width:980px;margin:.4rem 0 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,3.25vw,2.75rem);font-weight:750;line-height:1.2;letter-spacing:-.035em}
.sf-single-page>.sf-single-header .wp-block-post-excerpt{max-width:760px;margin:0 0 1.25rem;color:var(--sf-text);font-size:1.08rem;line-height:1.65}
.sf-single-page>.sf-single-header .wp-block-post-excerpt__excerpt{margin:0}
.sf-single-page>.sf-single-header .sf-byline{justify-content:flex-start;gap:.75rem!important;margin:0}
.sf-author-stack{gap:0!important;min-width:105px}
.sf-author-stack .sf-author-label{margin:0;color:var(--sf-muted);font-size:.68rem;line-height:1.2}
.sf-author-stack .wp-block-post-author-name{margin:.12rem 0 0;font-size:.78rem;font-weight:700}
.sf-single-divider{margin:1.6rem 0 2rem;border-top:1px dashed var(--sf-border)}
.sf-single-page .sf-single-shell{display:grid;grid-template-columns:200px minmax(0,640px) 240px;gap:2rem;width:100%;padding:0;align-items:start}
.sf-single-page .sf-toc-sidebar,.sf-single-page .sf-popular-sidebar{top:88px}
.sf-single-page .sf-toc-sidebar .sf-toc{border:0;border-radius:0;background:transparent}
.sf-single-page .sf-toc-heading{padding:.1rem 0 .75rem}
.sf-single-page .sf-toc-sidebar .sf-toc ol{max-height:calc(100vh - 210px);padding:.45rem 0;border-left:2px solid var(--sf-border)}
.sf-single-page .sf-toc-sidebar .sf-toc a{padding:.52rem .75rem;color:var(--sf-muted);font-size:.78rem;line-height:1.45;border-left:2px solid transparent;margin-left:-2px}
.sf-single-page .sf-toc-sidebar .sf-toc a:hover,.sf-single-page .sf-toc-sidebar .sf-toc a.is-active{padding-left:.75rem;background:transparent;border-left-color:var(--sf-primary);color:var(--sf-primary)}
.sf-single-page .sf-related-drawer{margin-top:.6rem;background:var(--sf-surface)}
.sf-single-page .sf-single-feature{margin:0 0 1.6rem}
.sf-single-page .sf-single-feature img{width:100%;max-height:none;aspect-ratio:16/9;border-radius:12px;object-fit:cover}
.sf-share-row-inline{align-items:center;margin:0 0 1.6rem;padding:0 0 1rem;border-bottom:1px solid var(--sf-border)}
.sf-share-row-inline>span{margin-right:.25rem;color:var(--sf-muted);font-size:.75rem;font-weight:700}
.sf-share-row-inline a,.sf-share-row-inline button{width:34px;height:34px;font-size:.68rem}
.sf-single-page .sf-article-content{max-width:640px;margin:0;font-size:1.125rem;line-height:1.68;color:#232933}
.sf-single-page .sf-article-content>p:first-child{font-size:1.125rem;line-height:1.68;color:#232933}
.sf-single-page .sf-article-content p{margin:0 0 1.25rem}
.sf-single-page .sf-article-content h2{margin:2.45rem 0 .85rem;font-size:1.75rem;line-height:1.3;letter-spacing:-.025em;color:var(--sf-heading)}
.sf-single-page .sf-article-content h3{margin:2rem 0 .7rem;font-size:1.35rem;line-height:1.35;color:var(--sf-heading)}
.sf-single-page .sf-article-content h4{margin:1.65rem 0 .6rem;font-size:1.1rem;color:var(--sf-heading)}
.sf-single-page .sf-article-content ul,.sf-single-page .sf-article-content ol{margin:0 0 1.4rem;padding-left:1.35rem}
.sf-single-page .sf-article-content li{margin:.48rem 0;padding-left:.25rem}
.sf-single-page .sf-article-content figure{margin:1.7rem 0}
.sf-single-page .sf-article-content figure img{border-radius:10px}
.sf-single-page .sf-article-content figcaption{margin-top:.55rem;color:var(--sf-muted);font-size:.75rem;text-align:center}
.sf-single-page .sf-article-content blockquote{margin:1.7rem 0;border-left:4px solid var(--sf-primary);border-radius:0 10px 10px 0;font-size:1.05rem}
.sf-single-page .sf-article-content .wp-block-table{overflow-x:auto;border:1px solid var(--sf-border);border-radius:10px}
.sf-single-page .sf-article-content table{min-width:620px;border-collapse:collapse;font-size:.88rem;line-height:1.5}
.sf-single-page .sf-article-content th{background:var(--sf-heading);color:var(--sf-bg);text-align:left}
.sf-single-page .sf-article-content th,.sf-single-page .sf-article-content td{padding:.8rem;border:1px solid var(--sf-border)}
.sf-single-page .sf-article-content a{font-weight:600}
.sf-single-page .sf-post-footer{max-width:none;margin:2.5rem 0 0;padding-top:.5rem}
.sf-related-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--sf-border)}
.sf-related-bottom-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.sf-related-bottom-head h2{margin:0;color:var(--sf-heading);font-size:1.45rem}
.sf-related-bottom-head a{font-size:.78rem;font-weight:700;text-decoration:none}
.sf-related-bottom .sf-post-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.sf-related-bottom .sf-card-body{padding:.75rem}
.sf-related-bottom .sf-card .wp-block-post-title{font-size:.82rem;line-height:1.4}
.sf-related-bottom .sf-card .syncflow-post-meta{font-size:.65rem}
.sf-popular-sidebar .sf-widget{border-radius:10px;box-shadow:none}
.sf-popular-sidebar .sf-widget h3{font-size:.86rem;text-transform:none;letter-spacing:0}
.sf-sidebar-share .sf-share-row{margin-top:.75rem}
.sf-sidebar-share .sf-share-row a{width:36px;height:36px}
@media(max-width:1199px){.sf-single-page .sf-single-shell{grid-template-columns:190px minmax(0,1fr);max-width:900px}.sf-single-page .sf-popular-sidebar{grid-column:1/-1}.sf-single-page .sf-popular-sidebar{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:991px){.sf-single-page{padding-top:2rem}.sf-single-page .sf-single-shell{grid-template-columns:1fr;max-width:760px;margin:0}.sf-single-page .sf-single-main{order:1}.sf-single-page .sf-toc-sidebar{order:2;grid-template-columns:1fr 1fr}.sf-single-page .sf-popular-sidebar{order:3;grid-template-columns:1fr}.sf-single-page .sf-article-content{max-width:100%}}
@media(max-width:767px){.sf-single-page{width:min(100% - 1.25rem,1136px);padding-top:1.35rem}.sf-single-page>.sf-single-header h1{font-size:clamp(2rem,9vw,2.75rem);line-height:1.12}.sf-single-page>.sf-single-header .wp-block-post-excerpt{font-size:1rem}.sf-single-page .sf-toc-sidebar{grid-template-columns:1fr}.sf-single-page .sf-article-content,.sf-single-page .sf-article-content>p:first-child{font-size:1.03rem;line-height:1.72}.sf-single-page .sf-article-content h2{font-size:1.5rem}.sf-related-bottom .sf-post-grid .wp-block-post-template{grid-template-columns:1fr}.sf-single-divider{margin-bottom:1.25rem}}

/* Version 1.4.1: restore the requested two-column article layout. */
.wp-site-blocks>#main-content{margin-block-start:0}
.sf-single-page{padding-top:1.5rem}
.sf-single-page>.sf-single-header{max-width:900px}
.sf-single-page>.sf-single-header .sf-article-kicker{display:block;margin:0 0 .65rem;padding:0!important;border:0!important;background:transparent!important;font-size:.75rem!important;font-weight:800;text-transform:uppercase}
.sf-single-page .sf-single-shell{grid-template-columns:minmax(0,1fr) 300px;gap:2rem;max-width:none}
.sf-single-page .sf-single-main{min-width:0}
.sf-single-page .sf-article-content{max-width:780px;margin:0}
.sf-article-sidebar{position:static;display:grid;gap:1rem;align-self:start;min-width:0}
.sf-article-sidebar .sf-toc{padding:0;border-radius:10px;overflow:hidden;box-shadow:none}
.sf-article-sidebar .sf-toc ol{max-height:420px;margin:0;padding:.55rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf-muted) transparent}
.sf-article-sidebar .sf-toc li{margin:0;border:0}
.sf-article-sidebar .sf-toc a{display:block;padding:.58rem .65rem;border:0;border-radius:7px;color:var(--sf-text);font-size:.8rem;line-height:1.4;text-decoration:none}
.sf-article-sidebar .sf-toc a:hover,.sf-article-sidebar .sf-toc a.is-active{padding-left:.65rem;background:var(--sf-surface-blue);color:var(--sf-primary)}
.sf-article-sidebar .sf-widget{border-radius:10px;box-shadow:none}
.sf-sidebar-related>.sf-widget-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 .35rem}
.sf-sidebar-related>.sf-widget-title-row h3{margin:0;font-size:.9rem}
.sf-sidebar-related>.sf-widget-title-row a{font-size:.7rem;text-decoration:none}
.sf-single-page>.sf-single-header .sf-byline>.wp-block-post-author-name{font-size:.8rem;font-weight:700}
@media(max-width:991px){.sf-single-page .sf-single-shell{grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem}.sf-single-page .sf-article-content{max-width:100%}}
@media(max-width:767px){.sf-single-page{padding-top:1rem}.sf-single-page .sf-single-shell{grid-template-columns:1fr}.sf-single-page .sf-single-main{order:1}.sf-article-sidebar{order:2}.sf-article-sidebar .sf-toc ol{max-height:360px}}

/* Version 1.5.0: sticky tabbed reading companion and live reading progress. */
.sf-reading-progress{position:fixed;top:72px;left:0;right:0;z-index:110;height:3px;background:transparent;pointer-events:none}
.sf-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--sf-primary),#38bdf8);transition:transform .1s linear}
.sf-article-sidebar{position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--sf-border) transparent}
.sf-sidebar-tabs{padding:0!important;overflow:hidden;border-radius:12px!important;background:var(--sf-card)}
.sf-tab-list{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:0;padding:.35rem;border-bottom:1px solid var(--sf-border);background:var(--sf-surface)}
.sf-tab-list button{min-width:0;padding:.7rem .35rem;border:0;border-radius:8px;background:transparent;color:var(--sf-muted);font:750 .72rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.sf-tab-list button:hover{color:var(--sf-heading)}
.sf-tab-list button[aria-selected="true"]{background:var(--sf-card);color:var(--sf-primary);box-shadow:0 2px 8px rgba(15,23,42,.08)}
.sf-tab-panel{height:430px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sf-border) transparent}
.sf-tab-panel[hidden]{display:none!important}
.sf-tab-panel>.wp-block-query{padding:.45rem .8rem .65rem}
.sf-sidebar-tabs .sf-toc ol{max-height:none;height:auto;padding:.55rem .65rem .8rem}
.sf-sidebar-tabs .sf-toc a{position:relative;padding:.62rem .7rem .62rem 1rem;border-radius:8px;color:var(--sf-muted);font-size:.79rem;line-height:1.42}
.sf-sidebar-tabs .sf-toc a:before{content:"";position:absolute;left:.35rem;top:.72rem;width:3px;height:calc(100% - 1.44rem);min-height:12px;border-radius:3px;background:transparent}
.sf-sidebar-tabs .sf-toc a:hover{background:var(--sf-surface);color:var(--sf-heading)}
.sf-sidebar-tabs .sf-toc a.is-active{padding-left:1rem;background:var(--sf-surface-blue);color:var(--sf-primary);font-weight:750}
.sf-sidebar-tabs .sf-toc a.is-active:before{background:var(--sf-primary)}
.sf-sidebar-tabs .sf-popular-item{padding:.7rem 0}
.sf-sidebar-tabs .sf-popular-item .wp-block-post-featured-image{flex-basis:68px}
.sf-sidebar-tabs .sf-popular-item .wp-block-post-featured-image img{width:68px!important;height:56px!important}
.sf-sidebar-tabs .sf-popular-item .wp-block-post-title{font-size:.76rem!important}
.sf-sidebar-tabs .sf-popular-item .wp-block-post-date{font-size:.65rem!important}
@media(max-width:991px){.sf-article-sidebar{top:84px;max-height:calc(100vh - 96px)}}
@media(max-width:767px){.sf-reading-progress{top:72px}.sf-article-sidebar{position:static;max-height:none;overflow:visible;padding-right:0}.sf-tab-panel{height:auto;max-height:430px}}
/* Version 1.5.1: professional single post - SEO readability, byline, share, footer. */
.syncflow-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin:.6rem 0 0;color:var(--sf-muted);font-size:.78rem;line-height:1.5}
.syncflow-post-meta .sf-meta-item{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.syncflow-post-meta .sf-meta-item + .sf-meta-item:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--sf-border);margin-right:.6rem}
.syncflow-post-meta span:not(.sf-meta-item):before{content:none!important;margin:0!important}
.syncflow-post-meta time{color:inherit}
.sf-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;padding:0}
.sf-breadcrumbs li{display:inline-flex;align-items:center;gap:.45rem}
.sf-breadcrumbs .sf-crumb-sep{color:var(--sf-border);font-weight:700}
.sf-single-page>.sf-single-header .sf-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem!important}
.sf-byline-author{display:flex;align-items:center;gap:.6rem}
.sf-byline-avatar img{border-radius:50%;border:2px solid var(--sf-border)}
.sf-byline-name{font-weight:750;font-size:.84rem;color:var(--sf-heading)}
.sf-byline-name a{color:inherit;text-decoration:none}
.sf-single-page .sf-article-content{color:var(--sf-text)}
.sf-single-page .sf-article-content>p:first-child{color:var(--sf-text)}
html[data-theme="dark"] .sf-single-page .sf-article-content,html[data-theme="dark"] .sf-single-page .sf-article-content>p:first-child{color:var(--sf-text)}
.sf-article-content h2,.sf-article-content h3,.sf-article-content h4{scroll-margin-top:96px}
.sf-share-row-inline .sf-share-label{font-size:.76rem;font-weight:800;color:var(--sf-muted);text-transform:uppercase;letter-spacing:.06em}
.sf-share-row a svg,.sf-share-row button svg{display:block;width:16px;height:16px}
.sf-tags-row{align-items:center;gap:.6rem!important;margin:0 0 1.2rem}
.sf-tags-label p,.sf-tags-label{margin:0!important;font-size:.82rem;color:var(--sf-muted)}
.sf-tags{display:flex;flex-wrap:wrap;gap:.45rem}
.sf-tags a{display:inline-flex;align-items:center;min-height:32px;padding:.3rem .75rem;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-surface);color:var(--sf-text)!important;font-size:.75rem;font-weight:650;text-decoration:none}
.sf-tags a:hover{border-color:var(--sf-primary);color:var(--sf-primary)!important}
.sf-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0 0 1.5rem}
.sf-post-nav .wp-block-post-navigation-link{margin:0}
.sf-post-nav a{display:block;padding:.9rem 1rem;border:1px solid var(--sf-border);border-radius:12px;background:var(--sf-card);text-decoration:none}
.sf-post-nav a:hover{border-color:var(--sf-primary)}
.sf-post-nav .post-navigation-link__label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sf-muted);margin-bottom:.3rem}
.sf-post-nav .post-navigation-link__title{display:block;font-size:.88rem;font-weight:700;color:var(--sf-heading);line-height:1.4}
.sf-author-box{padding:1.2rem;border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-surface)}
.sf-author-box .wp-block-post-author__name{color:var(--sf-heading);font-weight:800}
.sf-author-box .wp-block-post-author__bio{font-size:.86rem;color:var(--sf-muted)}
.sf-related-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--sf-border)}
.sf-related-grid .wp-block-post-template{gap:.85rem}
@media(max-width:767px){.sf-post-nav{grid-template-columns:1fr}.syncflow-post-meta{font-size:.75rem}.sf-byline-author{width:100%}}
.sf-share-row a.is-copied,.sf-share-row button.is-copied{border-color:var(--sf-primary);color:var(--sf-primary);background:var(--sf-surface-blue)}
/* Version 1.6.0: home fidelity to mockup. */
.sf-hero-wrap{background:linear-gradient(180deg,#f4f8ff 0,#fff 100%);border-bottom:1px solid var(--sf-border)}
.sf-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:2.5rem;align-items:center;min-height:480px;padding-block:3rem}
.sf-eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;background:#e3efff;color:var(--sf-primary);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.sf-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--sf-primary)}
.sf-hero h1{margin:.9rem 0 .8rem;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.06;letter-spacing:-.04em;color:var(--sf-heading)}
.sf-hero-accent{color:var(--sf-primary)}
.sf-hero-copy>p{max-width:560px;margin:0;color:#475569;font-size:1rem;line-height:1.6}
.sf-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.sf-button-ghost{background:#fff;border:1px solid var(--sf-border);color:var(--sf-heading)!important}
.sf-stats{display:grid;grid-template-columns:repeat(4,auto);gap:2rem;justify-content:start;margin-top:1.6rem}
.sf-stat strong{display:block;font-size:1.25rem;color:var(--sf-heading)}
.sf-stat span{font-size:.78rem;color:var(--sf-muted)}
.sf-hero-visual{position:relative;min-height:380px}
.sf-hero-img{width:100%;height:100%;min-height:380px;max-height:460px;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px rgba(15,23,42,.14)}
.sf-float{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.14);font-size:.78rem;color:var(--sf-heading)}
.sf-float strong{display:block;line-height:1.2}
.sf-float-code{top:12%;left:-24px;width:52px;height:52px;justify-content:center;background:var(--sf-primary);color:#fff;font-weight:800;font-size:1.1rem;border-radius:14px}
.sf-float-app{top:16%;right:-6px}
.sf-float-idea{bottom:22%;right:22%}
.sf-float-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--sf-surface-blue);font-size:1rem}
.sf-hero-script{position:absolute;top:2%;right:0;transform:rotate(6deg);color:var(--sf-primary);font-style:italic;font-size:.95rem;line-height:1.3;text-align:right}
.sf-category-strip{position:sticky;top:72px;z-index:50;background:var(--sf-bg);border-bottom:1px solid var(--sf-border);padding-block:.8rem}
.sf-category-scroll{display:flex;align-items:center;gap:.55rem;overflow-x:auto;scrollbar-width:none}
.sf-category-pill{flex:0 0 auto}
.sf-pill-ico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:.75rem;font-weight:800}
.sf-ico-blue{background:#e3efff;color:var(--sf-primary)}.sf-ico-green{background:#e7f8ec;color:#16a34a}.sf-ico-sky{background:#e0f2fe;color:#0284c7}.sf-ico-slate{background:#eef2f7;color:#475569}.sf-ico-violet{background:#ede9fe;color:#7c3aed}.sf-ico-amber{background:#fef3c7;color:#d97706}.sf-ico-red{background:#fee2e2;color:#dc2626}.sf-ico-purple{background:#f3e8ff;color:#9333ea}
.sf-category-scroll .sf-view-all{margin-left:auto;flex:0 0 auto}
.sf-view-all{color:var(--sf-primary);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}
.sf-section-heading h2{font-size:1.4rem;letter-spacing:-.02em}
.sf-card{display:flex;flex-direction:column}
.sf-card-media{position:relative;margin:0;overflow:hidden}
.sf-card-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sf-card .sf-card-badge{position:absolute;top:.7rem;left:.7rem;z-index:2;margin:0!important}
.sf-card .sf-card-badge a{display:inline-block;padding:.28rem .6rem;border-radius:6px;background:#fff;color:var(--sf-primary)!important;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.sf-card .sf-badge-inline{position:static;margin:0 0 .4rem!important}
.sf-card .sf-badge-inline a{box-shadow:none;background:var(--sf-surface-blue)}
.sf-card-title{font-size:1rem!important;line-height:1.4!important;letter-spacing:-.01em}
.sf-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-card-excerpt{color:var(--sf-muted);font-size:.83rem!important;line-height:1.55!important}
.sf-card-excerpt p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.sf-card-meta{align-items:center;gap:.6rem!important}
.sf-meta-avatar img{border-radius:50%}
.sf-meta-author{font-size:.76rem;font-weight:700;color:var(--sf-heading)}
.sf-card .syncflow-post-meta{gap:.5rem;font-size:.72rem}
.sf-card .syncflow-post-meta .sf-meta-item + .sf-meta-item:before{display:none}
.sf-horizontal-card{flex-direction:row}
.sf-horizontal-card>.wp-block-group{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:.8rem;width:100%}
.sf-hcard-media{margin:0;align-self:center}
.sf-hcard-media img{width:140px!important;height:120px!important;object-fit:cover;border-radius:10px}
.sf-featured-grid{grid-template-columns:1.12fr .88fr}
.sf-widget-popular .sf-popular-list .wp-block-post{counter-increment:sf-pop}
.sf-widget-popular .sf-popular-list .wp-block-post-template{counter-reset:sf-pop}
.sf-popular-item{position:relative;gap:.7rem!important;padding:.65rem 0 .65rem 1.9rem!important;border-top:1px solid var(--sf-border)}
.sf-popular-item:first-child{border-top:0}
.sf-popular-item:before{content:counter(sf-pop);position:absolute;left:0;top:.9rem;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--sf-surface);color:var(--sf-muted);font-size:.72rem;font-weight:800}
.sf-popular-thumb{margin:0;flex:0 0 64px}
.sf-popular-thumb img{width:64px!important;height:56px!important;object-fit:cover;border-radius:8px}
.sf-popular-title{font-size:.78rem!important;line-height:1.4!important}
.sf-popular-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-news-ico{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--sf-surface-blue);margin-right:.35rem}
.sf-news-note{font-size:.7rem!important;margin:.5rem 0 0!important}
.sf-widget-cats .wp-block-categories-list li{align-items:center}
.sf-widget-cats .wp-block-categories-list li a{position:relative;padding-left:1.3rem}
.sf-widget-cats .wp-block-categories-list li a:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;background:var(--sf-primary);transform:translateY(-50%)}
.sf-cats-all{display:inline-block;margin-top:.7rem}
.sf-cta-section{margin-top:1rem}
.sf-cta{gap:2rem}
.sf-cta-copy{max-width:560px}
.sf-cta-visual{position:relative;flex:0 0 320px}
.sf-cta-visual img{width:100%;height:150px;object-fit:cover;border-radius:14px}
@media(max-width:991px){.sf-hero{grid-template-columns:1fr;min-height:0}.sf-hero-visual{min-height:300px}.sf-hero-img{min-height:300px}.sf-hero-script{display:none}.sf-category-strip{top:0}.sf-featured-grid{grid-template-columns:1fr}.sf-cta-visual{display:none}}
@media(max-width:767px){.sf-hero{padding-block:2rem}.sf-float-app{right:6px}.sf-float-idea{right:6px}.sf-float-code{left:6px}.sf-stats{gap:1.2rem}.sf-horizontal-card>.wp-block-group{grid-template-columns:minmax(0,1fr) 110px}.sf-hcard-media img{width:110px!important;height:96px!important}}
/* Version 1.6.1: perfection pass - icons, dark hero, counters, newsletter feedback. */
.sf-card .syncflow-post-meta .sf-meta-item:first-child::before{content:"\01F4C5";margin-right:.3rem;font-size:.72rem}
.sf-card .syncflow-post-meta .sf-meta-item:last-child::before{content:"\01F553";margin-right:.3rem;font-size:.72rem}
.sf-popular-text .syncflow-post-meta{margin-top:.2rem;font-size:.66rem}
html[data-theme="dark"] .sf-hero-wrap{background:linear-gradient(180deg,#0e1a33 0,var(--sf-bg) 100%)}
html[data-theme="dark"] .sf-hero-copy>p{color:var(--sf-text)}
html[data-theme="dark"] .sf-float{background:var(--sf-card);color:var(--sf-heading)}
html[data-theme="dark"] .sf-hero-script{color:#7db4ff}
html[data-theme="dark"] .sf-category-strip{background:var(--sf-bg)}
.sf-newsletter-form .sf-news-success{margin:0;color:var(--sf-primary);font-size:.82rem;font-weight:700}
.sf-ad-widget{padding:.65rem;background:var(--sf-card);overflow:hidden}.sf-ad-label{display:block;margin:0 0 .4rem;color:var(--sf-muted);font-size:.65rem;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.12em}.sf-ad-content{display:grid;place-items:center;min-height:250px}.sf-ad-placeholder{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:6/5;object-fit:cover;border-radius:10px}
.sf-card-meta .syncflow-post-meta{margin-top:0}
.sf-hcard-text{min-width:0}
/* Version 1.6.2: badge tanpa koma, featured simetris, ritme spacing rata. */
.sf-card .sf-card-badge{display:inline-flex;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 1.4rem)}
.sf-card .sf-badge-inline{max-width:none}
.sf-featured-grid{align-items:stretch}
.sf-featured-large,.sf-featured-side{display:flex;min-width:0}
.sf-featured-large .wp-block-post,.sf-featured-side .wp-block-post{display:flex;min-width:0}
.sf-featured-side .wp-block-post-template{display:grid;grid-template-rows:1fr 1fr;gap:1rem;align-content:stretch;width:100%}
.sf-horizontal-card{height:100%}
.sf-card-featured{height:100%}
.sf-card-body{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:0}
.sf-card-title{margin:0!important}
.sf-card-excerpt{margin:0!important;flex:0 1 auto}
.sf-card-meta{margin-top:auto!important;padding-top:.35rem}
.sf-hcard-text{display:flex;min-width:0}
.sf-hcard-text .sf-card-body{padding:0}
.sf-horizontal-card{padding:1rem}
.sf-horizontal-card>.wp-block-group{align-items:stretch}
.sf-hcard-media{align-self:stretch;display:flex}
.sf-hcard-media img{height:100%!important;min-height:120px}
.sf-post-grid .wp-block-post-template{align-items:stretch}
.sf-post-grid .wp-block-post{display:flex}
.sf-post-grid .sf-card{height:100%;width:100%}
.sf-hero{padding-block:3rem}
.sf-category-strip{padding-block:.8rem}
.sf-home-layout{padding-block:2.5rem}
.sf-section{margin-bottom:2.5rem}
.sf-section:last-child{margin-bottom:0}
.sf-section-heading{align-items:center;margin-bottom:1.25rem}
.sf-section-heading h2{margin:0}
.sf-section-heading p{margin:.25rem 0 0}
.sf-category-pill{display:inline-flex;align-items:center;min-height:44px}
.sf-cta-section{padding-block:0}
@media(max-width:991px){.sf-featured-side .wp-block-post-template{grid-template-rows:none}.sf-home-layout{padding-block:2rem}.sf-section{margin-bottom:2rem}}
@media(max-width:767px){.sf-hcard-media{align-self:center}.sf-hcard-media img{height:96px!important;min-height:0}}
/* Version 1.6.5: latest cards - rapat, badge kompak, tanpa ruang liar. */
.sf-card-body>*{margin-block-start:0!important;margin-block-end:0!important}
.sf-popular-text>*{margin-block-start:0!important;margin-block-end:0!important}
.sf-card .sf-card-badge{column-gap:.35rem;row-gap:.3rem}
.sf-card .sf-card-badge a{padding:.32rem .6rem;font-size:.62rem;line-height:1.35;white-space:nowrap}
.sf-card .sf-card-badge a:nth-of-type(n+3){display:none}
.sf-card .sf-badge-inline{margin-bottom:.55rem!important}
.sf-post-grid .sf-card-body{padding:.35rem .95rem 1rem}
/* Version 1.6.6: single header center, byline "Author :" tanpa foto, gap simetris. */
.sf-single-page>.sf-single-header{max-width:900px;margin:0 auto;padding:0;text-align:center}
.sf-single-page>.sf-single-header>*{margin-block-start:0!important;margin-block-end:0!important}
.sf-single-page>.sf-single-header .sf-breadcrumbs{justify-content:center;margin-bottom:1rem}
.sf-single-page>.sf-single-header .sf-breadcrumbs ol{justify-content:center}
.sf-single-page>.sf-single-header .sf-article-kicker{display:block;text-align:center;margin-bottom:.65rem}
.sf-single-page>.sf-single-header h1{margin:.4rem auto .9rem}
.sf-single-page>.sf-single-header .wp-block-post-excerpt{margin:0 auto 1.2rem;text-align:center}
.sf-single-page>.sf-single-header .sf-byline{justify-content:center!important;align-items:center;text-align:center}
.sf-byline-prefix{margin:0!important;color:var(--sf-muted);font-size:.8rem;font-weight:600}
.sf-single-divider{margin:1.5rem 0}
/* Version 1.6.7: progress bar full-width di paling atas + TOC tanpa nomor ganda. */
.sf-reading-progress{position:fixed;top:0;left:0;right:0;z-index:999;height:3px;background:transparent;pointer-events:none}
.sf-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--sf-primary),#38bdf8)}
@media(max-width:767px){.sf-reading-progress{top:0}}
/* Version 1.6.8: sembunyikan baris Topik bila artikel tanpa tag. */
.sf-tags-row:has(.sf-tags:not(:has(a))){display:none}
/* Version 1.6.9: featured anti-hancur - penempatan eksplisit + reset list. */
.sf-featured-side .wp-block-post-template,.sf-post-grid .wp-block-post-template,.sf-popular-list .wp-block-post-template,.sf-related-grid .wp-block-post-template{list-style:none;margin:0;padding:0}
.sf-horizontal-card>.sf-hcard-text{grid-column:1;grid-row:1;min-width:0}
.sf-horizontal-card>.sf-hcard-media{grid-column:2;grid-row:1;min-width:0}
/* Version 1.7.0: featured side-card - grid di CARD, bukan di wrapper dalam. */
.sf-horizontal-card{display:grid!important;grid-template-columns:minmax(0,1fr) 148px;gap:1rem;align-items:stretch}
.sf-horizontal-card>*{margin-block-start:0!important}
.sf-horizontal-card>.wp-block-group{display:block;min-width:0}
.sf-horizontal-card>.sf-hcard-text{display:flex;min-width:0}
.sf-horizontal-card>.sf-hcard-media{grid-column:2;grid-row:1;min-width:0;margin:0;align-self:stretch;overflow:hidden;border-radius:10px}
.sf-horizontal-card>.sf-hcard-media img{width:100%!important;height:100%!important;min-height:132px;object-fit:cover}
@media(max-width:767px){.sf-horizontal-card{grid-template-columns:minmax(0,1fr)}.sf-horizontal-card>.sf-hcard-text{grid-column:1;grid-row:1}.sf-horizontal-card>.sf-hcard-media{grid-column:1;grid-row:2}.sf-horizontal-card>.sf-hcard-media img{height:180px!important;min-height:0}}
/* Version 1.7.1: category strip - garis atas+bawah seperti mockup, tidak sticky. */
.sf-category-strip{position:static;top:auto;z-index:auto;background:var(--sf-card);border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border)}
/* Version 1.7.2: category strip tanpa garis, sesuai mockup. */
.sf-category-strip{border-top:0;border-bottom:0}
/* Version 1.7.3: ikon SVG asli di strip kategori. */
.sf-pill-ico svg{display:block;width:14px;height:14px}
/* Version 1.7.4: hero background - putih bersih kiri, pale blue kanan, glow radial di area ilustrasi. */
.sf-hero-wrap{background:radial-gradient(circle at 78% 42%,rgba(219,234,254,0.55) 0%,rgba(239,246,255,0.38) 32%,rgba(255,255,255,0) 62%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 28%,#F7FAFF 48%,#EFF6FF 72%,#EAF4FF 100%)}
html[data-theme="dark"] .sf-hero-wrap{background:radial-gradient(circle at 78% 42%,rgba(30,58,138,0.35) 0%,rgba(30,58,138,0.15) 32%,rgba(0,0,0,0) 62%),linear-gradient(105deg,#0B1120 0%,#0C1526 48%,#0E1A33 100%)}
/* Version 1.8.0: featured articles - 1 large + 2 horizontal, namespace steril. */
.sff-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.sff-head h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--sf-heading)}
.sff-head p{margin:0;color:var(--sf-muted);font-size:.9rem}
.sff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.sff-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;min-width:0}
.sff-large{display:flex;flex-direction:column;height:100%}
.sff-media-link{display:block;text-decoration:none}
.sff-img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;background:var(--sf-surface)}
.sff-media-empty{display:grid;place-items:center;width:100%;aspect-ratio:16/8.5;background:linear-gradient(145deg,#dcecff,#f8fbff);color:var(--sf-primary);font-weight:800}
.sff-body{display:flex;flex-direction:column;gap:.55rem;padding:16px;flex:1;min-width:0}
.sff-badges{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.35rem}
.sff-badge{display:inline-block;padding:.28rem .6rem;border-radius:6px;background:#EFF6FF;color:#0F6FFF;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;line-height:1.4}
.sff-title{margin:0;font-size:1.2rem;line-height:1.35;letter-spacing:-.01em}
.sff-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sf-heading);text-decoration:none}
.sff-excerpt{margin:0;color:var(--sf-muted);font-size:.85rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sff-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin-top:auto;padding-top:.4rem;color:var(--sf-muted);font-size:.74rem}
.sff-byline .avatar{border-radius:50%;flex:0 0 auto}
.sff-author{font-weight:700;color:var(--sf-heading);text-decoration:none;font-size:.76rem}
.sff-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem}
.sff-meta span{display:inline-flex;align-items:center;white-space:nowrap}
.sff-meta span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--sf-border);margin-right:.6rem}
.sff-side{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0}
.sff-small{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:.9rem;padding:1rem;align-items:stretch}
.sff-small-text{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.sff-small .sff-title{font-size:.95rem}
.sff-small .sff-meta{margin-top:auto;padding-top:.3rem}
.sff-small .sff-media-link{margin:0;min-width:0;align-self:stretch;border-radius:8px;overflow:hidden}
.sff-thumb-img{display:block;width:100%;height:100%;min-height:104px;object-fit:cover}
.sff-small .sff-media-empty{min-height:104px;aspect-ratio:auto}
@media(max-width:767px){.sff-grid{grid-template-columns:minmax(0,1fr)}.sff-side{grid-template-rows:none}.sff-small{grid-template-columns:minmax(0,1fr)}.sff-small .sff-media-link{order:-1}.sff-thumb-img,.sff-small .sff-media-empty{aspect-ratio:16/9;min-height:0}}
html[data-theme="dark"] .sff-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .sff-head h2{color:var(--sf-heading)}
html[data-theme="dark"] .sff-title a,html[data-theme="dark"] .sff-author{color:var(--sf-heading)}
.sff-side>.sff-small:only-child{grid-row:1/-1}
/* Version 1.10.0: popular posts widget - rank + thumb + compact views. */
.popular-posts-widget{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:16px;width:100%;box-sizing:border-box;box-shadow:0 1px 2px rgba(15,23,42,0.02)}
.popular-posts-heading{margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.25;color:#0F172A}
.popular-post-item{display:grid;grid-template-columns:24px 58px minmax(0,1fr);gap:10px;align-items:center}
.popular-post-item+.popular-post-item{margin-top:12px}
.popular-post-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#F1F5F9;color:#0F172A;font-size:12px;font-weight:700}
.popular-post-thumbnail{display:block;width:58px;height:48px;overflow:hidden;border-radius:7px;background:#F1F5F9;text-decoration:none}
.popular-post-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}
.popular-post-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--sf-primary);font-size:.7rem;font-weight:800}
.popular-post-content{min-width:0}
.popular-post-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:13px;line-height:1.25;font-weight:650;color:#0F172A;text-decoration:none}
.popular-post-title:hover{color:#0F6FFF}
.popular-post-views{display:block;margin-top:3px;font-size:11px;line-height:1.2;color:#64748B}
html[data-theme="dark"] .popular-posts-widget{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .popular-posts-heading,html[data-theme="dark"] .popular-post-title{color:var(--sf-heading)}
html[data-theme="dark"] .popular-post-rank{background:var(--sf-surface);color:var(--sf-heading)}
html[data-theme="dark"] .popular-post-views{color:var(--sf-muted)}
/* Version 1.8.1: rapatkan jarak strip kategori ke heading Featured. */
.sf-home-layout{padding-top:1.5rem}
@media(max-width:991px){.sf-home-layout{padding-top:1.25rem}}
/* Version 1.9.0: hero tutorial - gradient CSS, konten kiri, ilustrasi kanan, statistik. */
.hero-tutorial{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(219,234,254,0.65) 0%,rgba(239,246,255,0.40) 32%,rgba(255,255,255,0) 62%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 30%,#F7FAFF 50%,#EFF6FF 75%,#EAF4FF 100%)}
.hero-tutorial__inner{width:min(100% - 48px,1360px);margin-inline:auto;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:330px;position:relative}
.hero-tutorial__content{position:relative;z-index:2;padding:38px 0 32px;min-width:0}
.hero-tutorial__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 18px;font-size:13px;color:#64748B}
.hero-tutorial__crumbs a{color:#64748B;text-decoration:none}
.hero-tutorial__crumbs a:hover{color:var(--sf-primary)}
.hero-tutorial__title{margin:0 0 12px;font-size:clamp(42px,4vw,58px);line-height:1;font-weight:800;letter-spacing:-0.03em;color:#0F172A}
.hero-tutorial__desc{max-width:570px;margin:0;font-size:17px;line-height:1.55;color:#475569}
.hero-tutorial__desc p{margin:0}
.hero-tutorial__stats{display:flex;align-items:stretch;margin:28px 0 0;padding:0}
.hero-tutorial__stat{padding:0 28px}
.hero-tutorial__stat:first-child{padding-left:0}
.hero-tutorial__stat+.hero-tutorial__stat{border-left:1px solid #CBD5E1}
.hero-tutorial__stat strong{display:block;font-size:21px;font-weight:800;color:#0F172A;line-height:1.2}
.hero-tutorial__stat span{font-size:14px;color:#64748B}
.hero-tutorial__visual{position:relative;height:100%;min-height:330px;margin:0;min-width:0}
.hero-tutorial__visual img{position:absolute;right:-10px;bottom:0;width:min(100%,700px);height:auto;object-fit:contain;object-position:right bottom;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%);mask-image:linear-gradient(to right,transparent 0,#000 18%)}
.hero-tutorial__filter{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding-block:1.1rem;background:var(--sf-card)}
.tfilter__pill{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .95rem;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-card);color:var(--sf-text);font-size:.8rem;font-weight:650;text-decoration:none;white-space:nowrap}
.tfilter__pill:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.tfilter__pill.is-active{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff}
.tfilter__sort{margin-left:auto;font-size:.8rem;color:var(--sf-muted);white-space:nowrap}
html[data-theme="dark"] .hero-tutorial{background:radial-gradient(circle at 75% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 32%,rgba(0,0,0,0) 62%),linear-gradient(105deg,#0B1120 0%,#0C1526 50%,#0E1A33 100%)}
html[data-theme="dark"] .hero-tutorial__title{color:var(--sf-heading)}
html[data-theme="dark"] .hero-tutorial__desc{color:var(--sf-text)}
html[data-theme="dark"] .hero-tutorial__crumbs,html[data-theme="dark"] .hero-tutorial__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .hero-tutorial__stat strong{color:var(--sf-heading)}
html[data-theme="dark"] .hero-tutorial__stat span{color:var(--sf-muted)}
html[data-theme="dark"] .hero-tutorial__stat+.hero-tutorial__stat{border-left-color:var(--sf-border)}
@media(max-width:1023px) and (min-width:768px){.hero-tutorial__inner{grid-template-columns:52% 48%}}
@media(max-width:767px){.hero-tutorial__inner{grid-template-columns:minmax(0,1fr);min-height:0}.hero-tutorial__content{padding:28px 0 8px}.hero-tutorial__visual{min-height:0}.hero-tutorial__visual img{position:relative;right:auto;bottom:auto;width:100%}.hero-tutorial__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.hero-tutorial__stat{padding:0}.hero-tutorial__stat+.hero-tutorial__stat{border-left:0}.hero-tutorial__stats .hero-tutorial__stat:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}}
/* Version 1.10.1: phantom paragraphs must never join the widget grid. Markup sendiri tidak memakai <p> sama sekali, jadi semua <p> liar di sini aman disembunyikan. */
.popular-posts-widget p,.popular-posts-widget br{display:none}
/* Version 1.10.3: rapatkan jarak strip kategori ke Featured. */
.sf-home-layout{padding-top:.75rem}
@media(max-width:991px){.sf-home-layout{padding-top:.75rem}}
/* Version 1.10.4: hero image full tanpa frame. */
.sf-hero-img{border-radius:0;box-shadow:none}
/* Version 1.10.5: hero image utuh tanpa crop. */
.sf-hero-img{object-fit:contain}
/* Version 1.10.6: hero image diperkecil, utuh, center. */
.sf-hero-visual{display:grid;place-items:center}
.sf-hero-img{width:auto;max-width:90%;height:auto;max-height:360px;min-height:0}
/* Version 1.10.8: hero img fit utuh - selector dibuat lebih spesifik agar tidak kalah dari rule base. */
.sf-hero-visual img.sf-hero-img{width:auto;max-width:92%;height:auto;max-height:380px;min-height:0;object-fit:contain;object-position:center;border-radius:0;box-shadow:none}
/* Version 1.10.10: hero lebih ramping, tanpa ruang mati bawah. */
.sf-hero{min-height:400px;padding-block:2rem}
/* Version 1.10.11: footer mobile rapat 1 kolom. */
@media(max-width:767px){.sf-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;padding-block:1.5rem}.sf-footer-grid>div:first-child{grid-column:1/-1}.sf-footer-grid li{margin:.45rem 0}.sf-footer-bottom{display:block;text-align:center}.sf-footer-bottom>span{display:block;margin:0;white-space:nowrap}.sf-footer-bottom>span span{display:inline;margin:0}}
/* Version 1.10.12: teks terbaca di dark mode. */
html[data-theme="dark"] .sf-button-ghost{background:transparent;border-color:var(--sf-border)}
html[data-theme="dark"] .sf-cta{background:linear-gradient(110deg,#0e1a33,#132540)}
input::placeholder,textarea::placeholder{color:var(--sf-muted);opacity:1}/* Version 1.10.13: gambar CTA tampil utuh, tidak crop. */
.sf-cta-visual{display:grid;place-items:center}
.sf-cta-visual img{width:auto;max-width:100%;height:auto;max-height:160px;object-fit:contain}
/* Version 1.10.14: footer social icons. */
.sf-social-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0}
.sf-social-row a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--sf-border);border-radius:9px;background:transparent;color:var(--sf-muted);text-decoration:none;transition:transform .18s ease,color .18s ease,border-color .18s ease}
.sf-social-row a:hover{transform:translateY(-1px);border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-social-row svg{display:block}
/* Version 1.10.17: sidebar maks 10 kategori + heading putih di dark mode. */
.sf-widget-cats .wp-block-categories-list li:nth-child(n+12){display:none}
html[data-theme="dark"] .sf-cta h2,html[data-theme="dark"] .sf-widget h3,html[data-theme="dark"] .sf-section-heading h2{color:#fff}
/* Version 1.10.18: judul footer putih di dark mode. */
html[data-theme="dark"] .sf-footer-grid h3{color:#fff}
/* Version 1.11.0: all categories page. */
.acat-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(219,234,254,0.60) 0%,rgba(239,246,255,0.35) 34%,rgba(255,255,255,0) 63%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 30%,#F7FAFF 50%,#EFF6FF 76%,#EAF4FF 100%)}
.acat-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:48% 52%;align-items:center;min-height:330px;position:relative}
.acat-hero__content{position:relative;z-index:2;padding:38px 0 32px;min-width:0}
.acat-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 18px;font-size:13px;color:#64748B}
.acat-hero__crumbs a{color:#64748B;text-decoration:none}
.acat-hero__crumbs a:hover{color:var(--sf-primary)}
.acat-hero__title{margin:0 0 12px;font-size:clamp(42px,4vw,58px);line-height:1;font-weight:800;letter-spacing:-0.035em;color:#0F172A}
.acat-hero__desc{max-width:620px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.acat-hero__stats{display:flex;align-items:stretch;margin:28px 0 0;padding:0}
.acat-hero__stat{padding:0 28px;border-left:1px solid #CBD5E1}
.acat-hero__stat:first-child{padding-left:0;border-left:0}
.acat-hero__stat strong{display:block;font-size:21px;font-weight:800;color:#0F172A;line-height:1.2}
.acat-hero__stat span{font-size:14px;color:#64748B}
.acat-hero__visual{position:relative;min-height:330px;margin:0;min-width:0}
.acat-float{position:absolute;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.12);font-weight:800}
.acat-float-code{top:6%;left:16%;width:64px;height:64px;background:var(--sf-primary);color:#fff;font-size:1.4rem}
.acat-float-android{top:12%;left:52%;width:58px;height:58px;background:#e7f8ec;color:#16a34a;font-size:1.5rem}
.acat-float-ai{top:2%;right:22%;width:46px;height:46px;background:#ede9fe;color:#7c3aed;font-size:1.2rem}
.acat-float-cloud{top:44%;left:8%;width:56px;height:56px;background:#e0f2fe;color:#0284c7;font-size:1.4rem}
.acat-float-bulb{top:40%;left:46%;width:54px;height:54px;background:#fef3c7;color:#d97706;font-size:1.4rem}
.acat-float-tool{top:34%;right:8%;width:52px;height:52px;background:#f3e8ff;color:#9333ea;font-size:1.3rem}
.acat-script{position:absolute;top:0;right:0;color:var(--sf-primary);font-style:italic;font-size:.95rem;line-height:1.35;text-align:right}
.acat-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-block:2.5rem}
.acat-main{min-width:0}
.acat-side{display:grid;gap:1rem;align-self:start;min-width:0}
.acat-browse__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.acat-browse__head h2{margin:0 0 .2rem;font-size:24px;font-weight:800;color:#0F172A;letter-spacing:-.02em}
.acat-browse__head p{margin:0;font-size:14px;color:#64748B}
.acat-sort{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--sf-muted);white-space:nowrap}
.acat-sort select{min-height:38px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-card);color:var(--sf-text);font-size:.8rem;font-weight:650;padding:.4rem .6rem}
.acat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.acat-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:20px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;min-height:175px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.acat-card:hover{transform:translateY(-2px);border-color:#BFDBFE;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.acat-ico{display:grid;place-items:center;width:92px;height:92px;border-radius:10px}
.acat-ico svg{display:block;width:44px;height:44px}
.acat-card__body{min-width:0}
.acat-card__title{margin:0 0 .15rem;font-size:17px;font-weight:700;color:#0F172A;line-height:1.3}
.acat-card__title a{color:inherit;text-decoration:none}
.acat-card__count{margin:0 0 .4rem;font-size:12px;color:#64748B}
.acat-card__desc{margin:0 0 .6rem;font-size:14px;line-height:1.45;color:#64748B}
.acat-card__link{font-size:13px;font-weight:650;color:#0F6FFF;text-decoration:none}
.atags-widget .atags-cloud{display:flex;flex-wrap:wrap;gap:.45rem}
.atags-pill{display:inline-block;padding:6px 11px;border-radius:999px;background:#F1F5F9;color:#334155;font-size:12px;text-decoration:none}
.atags-pill:hover{background:#EFF6FF;color:#0F6FFF}
.afac{margin-top:2.5rem}
.afac__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.afac__head h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:800;color:var(--sf-heading);letter-spacing:-.02em}
.afac__head p{margin:0;font-size:.9rem;color:var(--sf-muted)}
.afac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.afac-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.afac-media{position:relative;display:block;margin:0;overflow:hidden}
.afac-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--sf-surface)}
.afac-media-empty{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(145deg,#dcecff,#f8fbff);color:var(--sf-primary);font-weight:800}
.afac-badge{position:absolute;top:10px;left:10px;z-index:2;padding:.32rem .6rem;border-radius:5px;background:rgba(255,255,255,.92);color:#0F6FFF;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.afac-body{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;flex:1}
.afac-title{margin:0;font-size:14px;font-weight:700;line-height:1.3}
.afac-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sf-heading);text-decoration:none}
.afac-excerpt{margin:0;font-size:12px;line-height:1.5;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.afac-meta{display:flex;flex-wrap:wrap;gap:.3rem .7rem;margin:.2rem 0 0;font-size:11px;color:#64748B}
html[data-theme="dark"] .acat-hero{background:radial-gradient(circle at 75% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 34%,rgba(0,0,0,0) 63%),linear-gradient(105deg,#0B1120 0%,#0C1526 50%,#0E1A33 100%)}
html[data-theme="dark"] .acat-hero__title{color:#fff}
html[data-theme="dark"] .acat-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .acat-hero__crumbs,html[data-theme="dark"] .acat-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .acat-hero__stat strong{color:#fff}
html[data-theme="dark"] .acat-hero__stat span{color:var(--sf-muted)}
html[data-theme="dark"] .acat-hero__stat{border-left-color:var(--sf-border)}
html[data-theme="dark"] .acat-browse__head h2{color:#fff}
html[data-theme="dark"] .acat-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .acat-card__title{color:var(--sf-heading)}
html[data-theme="dark"] .acat-float{background:var(--sf-card)}
html[data-theme="dark"] .atags-pill{background:var(--sf-surface);color:var(--sf-text)}
html[data-theme="dark"] .afac-card{background:var(--sf-card);border-color:var(--sf-border)}
@media(max-width:1199px){.afac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.acat-layout{grid-template-columns:minmax(0,1fr)}.acat-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.acat-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.acat-hero__content{padding:28px 0 8px}.acat-hero__visual{min-height:220px}.acat-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.acat-hero__stat{padding:0}.acat-hero__stat+.acat-hero__stat{border-left:0}.acat-hero__stats .acat-hero__stat:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}.acat-layout{padding-block:1.5rem}.acat-grid{grid-template-columns:minmax(0,1fr)}.acat-side{grid-template-columns:minmax(0,1fr)}.afac-grid{grid-template-columns:minmax(0,1fr)}.acat-browse__head{flex-direction:column;align-items:flex-start}}
/* Version 1.11.1: categories hero memakai gambar utuh. */
.acat-hero__visual img{position:absolute;right:0;bottom:0;width:min(100%,640px);height:auto;max-height:100%;object-fit:contain;object-position:right bottom}
/* Version 1.11.3: breadcrumb ikon home + halaman aktif biru. */
.acat-hero__crumbs a,.hero-tutorial__crumbs a{display:inline-flex;align-items:center;gap:.35rem}
.acat-hero__crumbs svg,.hero-tutorial__crumbs svg{display:block}
.acat-hero__crumbs [aria-current="page"],.hero-tutorial__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
/* Version 1.12.0: category archive - hero, toolbar, 3-col grid, sidebar. */
.cath-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(219,234,254,0.60) 0%,rgba(239,246,255,0.35) 34%,rgba(255,255,255,0) 63%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 30%,#F7FAFF 50%,#EFF6FF 76%,#EAF4FF 100%)}
.cath-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:48% 52%;align-items:center;min-height:320px;position:relative}
.cath-hero__content{position:relative;z-index:2;padding:36px 0 30px;min-width:0}
.cath-hero__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.cath-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.cath-hero__crumbs a:hover{color:var(--sf-primary)}
.cath-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.cath-hero__title{margin:0 0 12px;font-size:clamp(42px,4vw,58px);line-height:1;font-weight:800;letter-spacing:-0.035em;color:#0F172A}
.cath-hero__desc{max-width:600px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.cath-hero__stats{display:flex;align-items:stretch;margin:26px 0 0;padding:0}
.cath-hero__stat{padding:0 26px;border-left:1px solid #CBD5E1}
.cath-hero__stat:first-child{padding-left:0;border-left:0}
.cath-hero__stat strong{display:block;font-size:21px;font-weight:800;color:#0F172A;line-height:1.2}
.cath-hero__stat span{font-size:14px;color:#64748B}
.cath-hero__visual{position:relative;height:100%;min-height:320px;margin:0;min-width:0}
.cath-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(480px,46vw,680px);max-height:310px;object-fit:contain;object-position:right bottom}
.cath-toolbar{margin-bottom:1.25rem}
.cath-pills{display:flex;gap:.55rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.35rem}
.cath-pills::-webkit-scrollbar{display:none}
.cath-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.5rem .95rem;border:1px solid var(--sf-border);border-radius:9px;background:var(--sf-card);color:var(--sf-text);font-size:.82rem;font-weight:650;text-decoration:none;white-space:nowrap}
.cath-pill:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.cath-pill.is-active{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff}
.cath-sort{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.7rem;font-size:.8rem;color:var(--sf-muted)}
.cath-sort select{min-height:38px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-card);color:var(--sf-text);font-size:.8rem;font-weight:650;padding:.4rem .6rem}
.cath-section-head{margin:1.25rem 0 1rem}
.cath-section-head h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:800;color:var(--sf-heading);letter-spacing:-.02em}
.cath-section-head p{margin:0;font-size:.9rem;color:var(--sf-muted)}
.cat-post-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}
.cath-search-form{display:flex;gap:.45rem}
.cath-search-form input{width:100%;min-width:0;min-height:42px;border:1px solid var(--sf-border);border-radius:8px;padding:.6rem .7rem;background:var(--sf-bg);color:var(--sf-text);font-size:.82rem}
.cath-search-form button{display:grid;place-items:center;flex:0 0 42px;min-height:42px;border:0;border-radius:8px;background:var(--sf-primary);color:#fff;cursor:pointer}
.cath-search-form button svg{fill:currentColor}
.cath-side-list{list-style:none;margin:0;padding:0}
.cath-side-list li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--sf-border);font-size:.84rem}
.cath-side-list li:last-child{border-bottom:0}
.cath-side-list a{display:inline-flex;align-items:center;gap:.6rem;color:var(--sf-text);text-decoration:none;min-width:0}
.cath-side-list li.is-active a{color:var(--sf-primary);font-weight:750}
.cath-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%}
.cath-side-list>li>span:last-child{color:var(--sf-muted);font-size:.76rem}
.cath-side-list .cath-side-empty{display:block;padding:.65rem 0;color:var(--sf-muted);font-style:italic;line-height:1.5}
.cath-side-all{display:inline-flex;align-items:center;gap:.35rem;margin-top:.85rem;color:var(--sf-primary);font-size:.8rem;font-weight:750;text-decoration:none}
.cath-side-all:hover span{transform:translateX(3px)}
.cath-side-all span{transition:transform .2s ease}
html[data-theme="dark"] .cath-hero{background:radial-gradient(circle at 75% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 34%,rgba(0,0,0,0) 63%),linear-gradient(105deg,#0B1120 0%,#0C1526 50%,#0E1A33 100%)}
html[data-theme="dark"] .cath-hero__title{color:#fff}
html[data-theme="dark"] .cath-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .cath-hero__crumbs,html[data-theme="dark"] .cath-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .cath-hero__stat strong{color:#fff}
html[data-theme="dark"] .cath-hero__stat span{color:var(--sf-muted)}
html[data-theme="dark"] .cath-hero__stat{border-left-color:var(--sf-border)}
html[data-theme="dark"] .cath-section-head h2{color:#fff}
@media(max-width:1199px){.cath-hero__inner{grid-template-columns:50% 50%}}
@media(max-width:991px){.cat-post-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cath-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.cath-hero__content{padding:28px 0 8px}.cath-hero__visual{min-height:220px}.cath-hero__visual img{position:relative;width:100%;max-height:none}.cath-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.cath-hero__stat{padding:0}.cath-hero__stat+.cath-hero__stat{border-left:0}.cath-hero__stats .cath-hero__stat:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}.cat-post-grid .wp-block-post-template{grid-template-columns:minmax(0,1fr)}}
/* Version 1.12.1: ikon di pills filter dan daftar kategori. */
.cath-pill-ico{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;margin-right:0}
.cath-pill-ico svg{display:block;width:15px;height:15px}
.cath-row-ico{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:7px}
.cath-row-ico svg{display:block;width:15px;height:15px}
/* Version 1.12.2: toolbar pills + sort sebaris. */
.cath-toolbar{display:flex;align-items:center;gap:1rem}
.cath-toolbar .cath-pills{flex:1 1 auto;min-width:0}
.cath-toolbar .cath-sort{flex:0 0 auto;margin-top:0}
@media(max-width:767px){.cath-toolbar{flex-direction:column;align-items:stretch}.cath-toolbar .cath-sort{justify-content:flex-end}}
/* Version 1.12.3: frame search tegas di mode terang. */
.sf-widget .wp-block-search__inside-wrapper{border-color:#CBD5E1}
.sf-widget .wp-block-search__inside-wrapper:focus-within{border-color:var(--sf-primary)}
.cath-search-form input{border-color:#CBD5E1}
.cath-search-form input:focus{border-color:var(--sf-primary);outline:none}
/* Version 1.12.5: toolbar selalu satu baris scroll, termasuk mobile. */
@media(max-width:767px){.cath-toolbar{flex-direction:row;align-items:center;gap:.6rem}.cath-toolbar .cath-sort{justify-content:flex-end;font-size:0}.cath-toolbar .cath-sort select{font-size:.78rem}}
/* Version 1.12.6: search sidebar ala search header. */
.sf-widget .wp-block-search__inside-wrapper{border:0;background:var(--sf-surface);border-radius:12px;padding:.15rem .2rem .15rem .8rem}
.sf-widget .wp-block-search__inside-wrapper:focus-within{box-shadow:0 0 0 2px rgba(15,111,255,.35)}
.sf-widget .wp-block-search__inside-wrapper input{background:transparent!important}
.sf-widget .wp-block-search__button{background:transparent!important;color:var(--sf-primary)!important}
.cath-search-form{border:0;background:var(--sf-surface);border-radius:12px;padding:.15rem .2rem .15rem .8rem}
.cath-search-form:focus-within{box-shadow:0 0 0 2px rgba(15,111,255,.35)}
.cath-search-form input{border:0!important;background:transparent!important}
.cath-search-form button{background:transparent!important;color:var(--sf-primary)!important}
/* Version 1.13.0: toolbar full-width + panel Lainnya. */
.cath-toolbar{margin-block:1.25rem 0}
.cat-archive-wrap .sf-archive-layout{padding-top:.25rem}
.cath-more-btn[aria-expanded="true"]{border-color:var(--sf-primary);color:var(--sf-primary)}
.cath-more-panel{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}
.cath-more-panel[hidden]{display:none}
/* Version 1.13.2: select sort lega, panah tidak dempet. */
.cath-sort select,.acat-sort select{padding-right:1.8rem;min-width:132px}
/* Version 1.13.3: toolbar rapat + select panah custom. */
.cath-toolbar{margin-bottom:.75rem}
.cat-archive-wrap .sf-archive-layout{padding-top:0}
.cath-sort select,.acat-sort select{appearance:none;-webkit-appearance:none;min-width:0;width:auto;padding:.4rem 2rem .4rem .6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748B%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center}
/* Version 1.13.4: panel Lainnya jadi card cantik. */
.cath-more-panel{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.08);padding:.9rem;animation:sfFadeSlide .18s ease}
@keyframes sfFadeSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Version 1.14.0: greedy nav - min-width aman + hidden specificity. */
.cath-toolbar .cath-pills{min-width:0}
.cath-pill[hidden]{display:none}
/* Version 1.14.1: dropdown Sort by ala pill premium. */
.cath-sort select,.acat-sort select{appearance:none;-webkit-appearance:none;min-width:0;width:auto;min-height:42px;padding:.55rem 2.2rem .55rem 1rem;border:1px solid var(--sf-border);border-radius:999px;background-color:var(--sf-card);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%230F6FFF%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;font-size:.82rem;font-weight:700;color:var(--sf-heading);box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}
.cath-sort select:hover,.acat-sort select:hover{border-color:var(--sf-primary)}
.cath-sort select:focus-visible,.acat-sort select:focus{outline:none;border-color:var(--sf-primary);box-shadow:0 0 0 3px rgba(15,111,255,.22)}
/* Version 1.15.0: custom select menyatu dengan frame. */
.cselect{position:relative;flex:0 0 auto}
.cselect-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.5rem .8rem;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-card);color:var(--sf-text);font-size:.82rem;font-weight:650;cursor:pointer;white-space:nowrap}
.cselect-btn:hover{border-color:var(--sf-primary)}
.cselect-btn svg{transition:transform .18s ease}
.cselect-btn[aria-expanded="true"]{border-color:var(--sf-primary);color:var(--sf-primary)}
.cselect-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.cselect-list{position:absolute;top:calc(100% + 6px);right:0;z-index:70;min-width:100%;width:max-content;margin:0;padding:.4rem;list-style:none;background:var(--sf-card);border:1px solid var(--sf-border);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.10)}
.cselect-list[hidden]{display:none}
.cselect-opt{display:flex;align-items:center;gap:.55rem;width:100%;box-sizing:border-box;padding:.55rem .7rem;border:0;border-radius:8px;background:transparent;color:var(--sf-text);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;text-align:left;font-family:inherit}
button.cselect-opt{font-family:inherit}
.cselect-opt:hover{background:var(--sf-surface);color:var(--sf-heading)}
.cselect-opt .cselect-check{visibility:hidden;flex:0 0 auto}
.cselect-opt.is-current{color:var(--sf-primary);font-weight:750}
.cselect-opt.is-current .cselect-check{visibility:visible}
/* Version 1.15.1: header search ring halus + heading sejajar search sidebar. */
.sf-search-compact .wp-block-search__inside-wrapper:focus-within{box-shadow:0 0 0 2px rgba(15,111,255,.35)}
.sf-search-compact input:focus,.sf-widget .wp-block-search__inside-wrapper input:focus{outline:none}
.cath-section-head{margin-top:0}
/* Version 1.16.0: pagination kotak biru ala referensi. */
.cpage-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin-top:1.5rem}
.cpage{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .55rem;background:#8FBCEB;color:#fff;font-size:13px;font-weight:700;border-radius:3px;text-decoration:none;line-height:1}
a.cpage:hover{background:#6EA3DC;color:#fff}
.cpage.is-current{background:#0A5CA8}
.cpage-info{padding:0 .7rem}
.cpage-dots{cursor:default}
/* Version 1.17.0: about page. */
.abt-hero{background:linear-gradient(135deg,#F5F8FF 0%,#EEF3FF 45%,#F5EFFF 100%);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:55% 45%;gap:1rem;align-items:center;padding:3rem 3rem;margin-block:1.5rem 0;position:relative}
.abt-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 30%,rgba(139,92,246,.10) 0%,rgba(139,92,246,0) 45%),radial-gradient(circle at 65% 70%,rgba(15,111,255,.12) 0%,rgba(15,111,255,0) 50%)}
.abt-hero__copy{position:relative;z-index:1;min-width:0}
.abt-hero__copy h1{margin:.8rem 0 .9rem;font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1.05;letter-spacing:-.04em;color:#0F172A}
.abt-grad{background:linear-gradient(90deg,#0F6FFF,#8B5CF6);-webkit-background-clip:text;background-clip:text;color:transparent}
.abt-hero__copy>p{max-width:560px;margin:0;color:#475569;font-size:1.02rem;line-height:1.6}
.abt-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.abt-hero__visual{position:relative;z-index:1;margin:0;min-width:0}
.abt-hero__visual img{display:block;width:100%;height:auto;object-fit:contain}
.abt-section{margin-block:3.5rem}
.abt-center{max-width:640px;margin:0 auto 1.75rem;text-align:center}
.abt-center h2{margin:0 0 .5rem;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.025em;color:var(--sf-heading)}
.abt-center p{margin:0;color:var(--sf-muted);font-size:.95rem}
.abt-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center;margin-block:3.5rem}
.abt-story__text h2{margin:0 0 1rem;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.025em;color:var(--sf-heading)}
.abt-story__text p{margin:0 0 1rem;color:var(--sf-text);line-height:1.7}
.abt-story__text p:last-child{margin-bottom:0}
.abt-story__visual{margin:0}
.abt-story__visual img{display:block;width:100%;height:auto;border-radius:22px}
.abt-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.abt-card{display:flex;gap:1rem;background:#fff;border:1px solid #E8ECF4;border-radius:20px;padding:1.4rem;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.abt-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#BFDBFE}
.abt-card h3{margin:.1rem 0 .4rem;font-size:1.02rem;font-weight:750;color:#0F172A}
.abt-card p{margin:0;font-size:.86rem;line-height:1.6;color:#667085}
.abt-ico{display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border-radius:14px}
.abt-ico svg{display:block;width:28px;height:28px}
.abt-topic{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #E8ECF4;border-radius:18px;padding:1.1rem 1.2rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.abt-topic:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.07);border-color:#BFDBFE}
.abt-topic__body{flex:1;min-width:0}
.abt-topic__body strong{display:block;color:#0F172A;font-size:.98rem}
.abt-topic__body span{display:block;color:#667085;font-size:.82rem;line-height:1.5}
.abt-topic__arrow{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sf-surface);color:var(--sf-muted);font-size:.9rem}
.abt-alt{background:#F8FAFF;padding-block:3.5rem;margin-block:3.5rem}
.abt-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.abt-approach__text h2{margin:.8rem 0 1rem;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;letter-spacing:-.025em;color:var(--sf-heading)}
.abt-approach__text p{margin:0 0 1rem;color:var(--sf-text);line-height:1.7}
.abt-checks{background:#fff;border:1px solid #E8ECF4;border-radius:20px;padding:1.4rem 1.5rem;display:grid;gap:.85rem}
.abt-checks p{display:flex;align-items:center;gap:.7rem;margin:0;font-size:.9rem;color:var(--sf-text)}
.abt-check{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#EFF6FF;color:#0F6FFF}
.abt-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;background:#fff;border:1px solid #E8ECF4;border-radius:20px;padding:1.5rem;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.abt-stat{display:flex;align-items:center;gap:.9rem;min-width:0}
.abt-stat+.abt-stat{border-left:1px solid #E8ECF4;padding-left:1rem}
.abt-stat-ico{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:12px}
.abt-stat-ico svg{display:block;width:24px;height:24px}
.abt-stat strong{display:block;color:#0F172A;font-size:.95rem}
.abt-stat span{color:#667085;font-size:.78rem}
.abt-cta{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:center;background:linear-gradient(100deg,#0F6FFF 0%,#7C5CFC 60%,#8B5CF6 100%);border-radius:24px;padding:2.5rem 2.5rem;overflow:hidden;margin-block:0 3rem;color:#fff}
.abt-cta__kicker{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.abt-cta h2{margin:.5rem 0 .6rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:#fff}
.abt-cta p{margin:0 0 1.4rem;color:rgba(255,255,255,.9);font-size:.95rem}
.abt-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.abt-btn-white{display:inline-flex;align-items:center;min-height:46px;padding:.75rem 1.3rem;border-radius:8px;background:#fff;color:#0F172A;font-weight:750;text-decoration:none}
.abt-link-white{color:#fff;font-weight:700;text-decoration:none}
.abt-cta__visual{margin:0;min-width:0}
.abt-cta__visual img{display:block;width:100%;height:auto;object-fit:contain}
html[data-theme="dark"] .abt-hero__copy h1{color:#fff}
html[data-theme="dark"] .abt-card,html[data-theme="dark"] .abt-topic,html[data-theme="dark"] .abt-checks,html[data-theme="dark"] .abt-stats{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .abt-card h3,html[data-theme="dark"] .abt-topic__body strong,html[data-theme="dark"] .abt-stat strong,html[data-theme="dark"] .abt-center h2,html[data-theme="dark"] .abt-story__text h2,html[data-theme="dark"] .abt-approach__text h2{color:#fff}
html[data-theme="dark"] .abt-alt{background:#0e1626}
@media(max-width:991px){.abt-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.abt-hero{padding:2.2rem}.abt-story,.abt-approach{grid-template-columns:minmax(0,1fr);gap:1.5rem}.abt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.abt-stat+.abt-stat{border-left:0;padding-left:0}.abt-cta{grid-template-columns:minmax(0,1fr) 240px;padding:2rem}}
@media(max-width:767px){.abt-hero{grid-template-columns:minmax(0,1fr);padding:1.75rem 1.25rem}.abt-hero__copy h1{font-size:clamp(2rem,9vw,2.6rem)}.abt-hero__actions .sf-button{flex:1 1 auto;justify-content:center}.abt-grid-3{grid-template-columns:minmax(0,1fr)}.abt-stats{grid-template-columns:minmax(0,1fr)}.abt-cta{grid-template-columns:minmax(0,1fr);padding:1.75rem 1.25rem}.abt-section{margin-block:2.5rem}.abt-story{margin-block:2.5rem}}
/* Version 1.17.1: about hemat ruang. */
.abt-hero{padding:2rem 2rem;margin-top:1rem}
.abt-section{margin-block:2rem}
.abt-story{margin-block:2rem;gap:2rem}
.abt-center{margin-bottom:1.25rem}
.abt-alt{padding-block:2rem;margin-block:2rem}
.abt-grid-3{gap:.85rem}
.abt-card{padding:1.15rem}
.abt-cta{padding:2rem;margin-bottom:2rem}
/* Version 1.17.2: kunci pills satu baris nowrap eksplisit. */
.cath-toolbar .cath-pills{flex-wrap:nowrap}
/* Version 1.17.3: hero about ramping, gambar dibatasi. */
.abt-hero{padding:1.25rem 1.5rem}
.abt-hero__visual{display:grid;place-items:center}
.abt-hero__visual img{width:auto;max-width:100%;height:auto;max-height:400px}
.abt-story{margin-block:1.5rem}
.abt-section{margin-block:1.5rem}
.abt-alt{padding-block:1.5rem;margin-block:1.5rem}
.abt-cta{margin-bottom:1.5rem}
/* Version 1.17.4: CTA dan story makin rapat. */
.abt-cta{padding:1.25rem 2rem;margin-bottom:1.25rem}
.abt-story{margin-block:1.25rem}
/* Version 1.17.5: CTA about setinggi CTA homepage. */
.abt-cta{padding:1.8rem}
.abt-cta__visual img{height:150px;width:auto;max-width:100%;margin-inline:auto}
/* Version 1.17.6: hero about full-bleed tanpa frame kartu. */
.abt-hero-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#F5F8FF 0%,#EEF3FF 45%,#F5EFFF 100%)}
.abt-hero-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 30%,rgba(139,92,246,.10) 0%,rgba(139,92,246,0) 45%),radial-gradient(circle at 65% 70%,rgba(15,111,255,.12) 0%,rgba(15,111,255,0) 50%)}
.abt-hero{background:none;border-radius:0;overflow:visible;margin-block:0;margin-inline:auto;padding:2rem 0}
.abt-hero:before{content:none}
html[data-theme="dark"] .abt-hero-wrap{background:linear-gradient(135deg,#0B1120 0%,#101830 50%,#141031 100%)}
@media(max-width:767px){.abt-hero{padding:1.5rem 0}}
/* Version 1.17.7: about final rhythm. */
.abt-hero{padding:1.5rem 0}
.abt-hero__visual img{max-height:360px}
.abt-section{margin-block:1.25rem}
.abt-story{margin-block:1.25rem}
.abt-alt{padding-block:1.25rem;margin-block:1.25rem}
/* Version 1.17.8: about hero = kerangka homepage. */
.abt-hero-wrap{background:linear-gradient(135deg,#F5F8FF 0%,#EEF3FF 45%,#F5EFFF 100%)}
.abt-hero{grid-template-columns:55% 45%;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding-block:2rem}
/* Version 1.18.1: about hero + CTA samakan homepage. */
.abt-hero-wrap{background:radial-gradient(circle at 78% 42%,rgba(219,234,254,0.55) 0%,rgba(239,246,255,0.38) 32%,rgba(255,255,255,0) 62%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 28%,#F7FAFF 48%,#EFF6FF 72%,#EAF4FF 100%)}
.abt-hero-wrap:before{content:none}
html[data-theme="dark"] .abt-hero-wrap{background:radial-gradient(circle at 78% 42%,rgba(30,58,138,0.35) 0%,rgba(30,58,138,0.15) 32%,rgba(0,0,0,0) 62%),linear-gradient(105deg,#0B1120 0%,#0C1526 48%,#0E1A33 100%)}
.abt-cta{background:linear-gradient(110deg,var(--sf-surface-blue),#e5f0ff);border:1px solid var(--sf-border);border-radius:18px;color:var(--sf-text)}
.abt-cta__kicker{color:var(--sf-primary);opacity:1}
.abt-cta h2{color:var(--sf-heading)}
.abt-cta p{color:var(--sf-muted)}
html[data-theme="dark"] .abt-cta{background:linear-gradient(110deg,#0e1a33,#132540)}
/* Version 1.18.2: hero categories + archive samakan homepage. */
.acat-hero,.cath-hero{background:radial-gradient(circle at 78% 42%,rgba(219,234,254,0.55) 0%,rgba(239,246,255,0.38) 32%,rgba(255,255,255,0) 62%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 28%,#F7FAFF 48%,#EFF6FF 72%,#EAF4FF 100%)}
/* Version 1.18.3: rapatkan jeda hero ke story. */
.abt-story{margin-block:0 1.25rem}
/* Version 1.18.4: mepetkan hero ke section story. */
.abt-hero{padding-top:2rem;padding-bottom:.75rem}
/* Version 1.18.6: bunuh margin flow WP pada section story. */
.abt-sec-story{margin-block-start:0}
/* Version 1.18.7: story selalu rata atas, tidak melayang. */
.abt-story{align-items:start}
.abt-story__visual{margin:0}
.abt-story__visual img{display:block}
/* Version 1.18.8: semua section about inner padding 32 seragam. */
.abt-sec-story{padding-block:2rem}
.abt-story{margin-block:0}
.abt-section{margin-block:0;padding-block:2rem}
/* Version 1.18.9: section stats inner padding 32 seragam. */
.abt-sec-stats{padding-block:2rem}
/* Version 1.18.11: CTA menumpuk (gambar di bawah) di bawah 992px. */
@media(max-width:991px){.abt-cta{grid-template-columns:minmax(0,1fr)}.abt-cta__visual img{max-height:220px;margin-inline:auto}.sf-cta{flex-wrap:wrap}.sf-cta-copy{flex:1 1 100%;max-width:none}.sf-cta-visual{display:block;flex:1 1 100%}}
/* Version 1.18.12: mobile-friendly - anti zoom iOS, anti overflow kata, target sentuh. */
h1,h2,h3,.sf-card-title,.popular-post-title,.afac-title,.sff-title{overflow-wrap:break-word}
.sf-article-content{overflow-wrap:break-word}
.sf-widget input,.sf-newsletter-form input,.cath-search-form input,.sf-search-compact input,.cath-sort select,.acat-sort select{font-size:16px}
.sf-tab-list button{min-height:44px}
.sf-mobile-menu a{padding:.8rem .65rem}
@media(max-width:767px){.sf-share-row a,.sf-share-row button{width:44px;height:44px}}
/* Version 1.19.2: meta featured samakan latest + tanpa author. */
.sff-meta{font-size:.72rem;color:var(--sf-muted)}
.sff-meta span:first-child::before{content:"\01F4C5";margin-right:.3rem;font-size:.72rem}
.sff-meta span:last-child::before{content:"\01F553";margin-right:.3rem;font-size:.72rem}
/* Version 1.19.4: kontras WCAG - biru teks dan tombol digelapkan. */
.sf-eyebrow{color:#005ce6}
.sf-view-all,.sff-badge,.sf-card .wp-block-post-terms a,.sf-card-badge a,.afac-badge,.acat-card__link,.cath-card__link{color:#005ce6!important}
.sf-button-primary,.sf-subscribe,.sf-newsletter-form button,.sf-float-code,.cath-pill.is-active,.tfilter__pill.is-active,.sf-pagination .current{background-color:#005ce6!important;border-color:#005ce6!important}
html[data-theme="dark"] .sf-view-all,html[data-theme="dark"] .acat-card__link,html[data-theme="dark"] .cath-card__link,html[data-theme="dark"] .sf-card .wp-block-post-terms a{color:#8AB8FF!important}
/* Version 1.19.5: tap targets - stretched card, badge span, tombol 48px. */
.sff-card,.afac-card{position:relative}
.sf-card-title a::after,.sff-title a::after,.afac-title a::after{content:"";position:absolute;inset:0}
.sf-card:focus-within,.sff-card:focus-within,.afac-card:focus-within{border-color:var(--sf-primary)}
.sf-card .sf-card-badge>span:not(.wp-block-post-terms__separator){display:inline-block;padding:.28rem .6rem;border-radius:6px;background:#fff;color:#005ce6;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.sf-card .sf-badge-inline>span:not(.wp-block-post-terms__separator){box-shadow:none;background:var(--sf-surface-blue)}
.sf-button{min-height:48px}
.sf-subscribe{min-height:48px}
.sf-newsletter-form button{min-height:48px}
.sf-pagination .page-numbers{min-width:48px;height:48px}
/* Version 1.19.7: meta featured tanpa titik pemisah. */
.sff-meta span+span:before{display:none}
/* Version 1.20.0: contact page. */
.ctc-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(219,234,254,.58) 0%,rgba(239,246,255,.32) 34%,rgba(255,255,255,0) 63%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 32%,#F7FAFF 52%,#EFF6FF 78%,#EAF4FF 100%)}
.ctc-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:320px;position:relative}
.ctc-hero__content{position:relative;z-index:2;padding:36px 0 30px;min-width:0}
.ctc-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.ctc-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.ctc-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.ctc-hero__title{margin:0 0 12px;font-size:clamp(44px,4.3vw,62px);line-height:1;font-weight:800;letter-spacing:-0.04em;color:#0F172A}
.ctc-hero__desc{max-width:650px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.ctc-hero__benefits{display:flex;align-items:center;margin-top:26px}
.ctc-benefit{display:flex;align-items:center;gap:.7rem;padding:0 26px}
.ctc-benefit:first-child{padding-left:0}
.ctc-benefit+.ctc-benefit{border-left:1px solid #CBD5E1}
.ctc-benefit-ico{display:grid;place-items:center;flex:0 0 auto;color:var(--sf-primary)}
.ctc-benefit strong{display:block;font-size:13px;color:var(--sf-heading)}
.ctc-benefit span{font-size:13px;color:var(--sf-muted)}
.ctc-hero__visual{position:relative;height:100%;min-height:320px;margin:0;min-width:0}
.ctc-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(500px,48vw,700px);max-height:310px;object-fit:contain;object-position:right bottom}
.ctc-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:26px;align-items:start;padding-block:2.25rem}
.ctc-main,.ctc-side{min-width:0}
.ctc-side{display:grid;gap:1rem;align-self:start}
.ctc-form-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:26px}
.ctc-form-card>h2{margin:0 0 .35rem;font-size:24px;font-weight:800;color:#0F172A}
.ctc-form-card>p{margin:0 0 1.1rem;font-size:14px;color:#64748B}
.ctc-form-card form p{margin:0 0 .95rem}
.ctc-form-card label{display:block;margin-bottom:.35rem;font-size:14px;font-weight:650;color:#0F172A}
.ctc-form-card input[type="text"],.ctc-form-card input[type="email"],.ctc-form-card textarea{width:100%;box-sizing:border-box;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:7px;padding:0 14px;font-size:14px;color:var(--sf-text)}
.ctc-form-card input[type="text"],.ctc-form-card input[type="email"]{height:48px}
.ctc-form-card textarea{padding:14px;resize:vertical;min-height:180px}
.ctc-form-card input:focus,.ctc-form-card textarea:focus{border-color:#0F6FFF;box-shadow:0 0 0 3px rgba(15,111,255,.10);outline:none}
.ctc-form-card button[type="submit"]{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:52px;border:0;border-radius:7px;background:#0F6FFF;color:#FFFFFF;font-size:.92rem;font-weight:650;cursor:pointer}
.ctc-form-card button[type="submit"]:hover{background:#005CE6}
.ctc-privacy{font-size:12px!important;color:#64748B!important;margin:12px 0 0!important;text-align:center}
.ctc-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ctc-notice{border-radius:8px!important;padding:.8rem 1rem!important;font-size:.86rem!important}
.ctc-notice.is-success{background:#ECFDF5!important;color:#047857!important}
.ctc-notice.is-error{background:#FEF2F2!important;color:#B91C1C!important}
.ctc-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0 0 .95rem}
.ctc-form-row>p{margin:0}
.ctc-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:.7rem 0;border-bottom:1px solid var(--sf-border)}
.ctc-row:last-child{border-bottom:0}
.ctc-row-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#EFF6FF;color:#0F6FFF}
.ctc-row strong{display:block;font-size:14px;color:var(--sf-heading)}
.ctc-row a{font-size:13px;color:var(--sf-primary);text-decoration:none;overflow-wrap:anywhere}
.ctc-row span{font-size:12px;color:var(--sf-muted)}
.ctc-follow{margin-top:1rem}
.ctc-follow strong{display:block;margin-bottom:.55rem;font-size:.82rem;color:var(--sf-heading)}
.ctc-muted{font-size:.82rem;color:var(--sf-muted)}
.ctc-faq{margin-block:3rem}
.ctc-faq__head{max-width:640px;margin-bottom:1.4rem}
.ctc-faq__head h2{margin:0 0 .35rem;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;color:var(--sf-heading)}
.ctc-faq__head p{margin:0;color:var(--sf-muted);font-size:.92rem}
.ctc-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:start}
.ctc-faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}
.ctc-faq-item h3{margin:0}
.ctc-faq-item button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:54px;padding:.8rem 1rem;border:0;background:transparent;font-size:14px;font-weight:650;color:var(--sf-heading);text-align:left;cursor:pointer;font-family:inherit}
.ctc-faq-item button:hover{color:var(--sf-primary)}
.ctc-plus{position:relative;flex:0 0 auto;width:14px;height:14px}
.ctc-plus:before,.ctc-plus:after{content:"";position:absolute;background:currentColor;border-radius:2px}
.ctc-plus:before{left:0;top:6px;width:14px;height:2px}
.ctc-plus:after{left:6px;top:0;width:2px;height:14px;transition:transform .18s ease}
.ctc-faq-item button[aria-expanded="true"] .ctc-plus:after{transform:scaleY(0)}
.ctc-faq-item [data-faq-panel] p{margin:0;padding:0 1rem 1rem;font-size:.86rem;line-height:1.6;color:var(--sf-muted)}
.ctc-bottom{display:grid;grid-template-columns:55% 45%;gap:18px;align-items:stretch;margin-bottom:2.5rem}
.ctc-map{position:relative;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;min-height:260px;background:var(--sf-surface)}
.ctc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ctc-map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;padding:1.8rem}
.ctc-map-fallback strong{font-size:1.1rem;color:var(--sf-heading)}
.ctc-map-fallback span{color:var(--sf-muted);font-size:.86rem}
.ctc-map-fallback a{color:var(--sf-primary);font-size:.84rem;font-weight:700;text-decoration:none}
.ctc-collab{position:relative;overflow:hidden;border:1px solid #E2E8F0;border-radius:12px;background:linear-gradient(110deg,#FFFFFF 0%,#F8FBFF 45%,#EEF6FF 100%);padding:28px;min-height:260px}
.ctc-collab__text{position:relative;z-index:2;max-width:62%}
.ctc-collab__text h2{margin:0 0 .5rem;font-size:1.35rem;font-weight:800;color:var(--sf-heading)}
.ctc-collab__text p{margin:0 0 1.1rem;font-size:.86rem;color:var(--sf-muted)}
.ctc-collab__visual{position:absolute;right:0;bottom:0;z-index:1;width:min(46%,260px);margin:0}
.ctc-collab__visual img{display:block;width:100%;height:auto}
html[data-theme="dark"] .ctc-hero{background:radial-gradient(circle at 76% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 34%,rgba(0,0,0,0) 63%),linear-gradient(105deg,#0B1120 0%,#0C1526 52%,#0E1A33 100%)}
html[data-theme="dark"] .ctc-hero__title{color:#fff}
html[data-theme="dark"] .ctc-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .ctc-hero__crumbs,html[data-theme="dark"] .ctc-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .ctc-hero__benefits strong{color:#fff}
html[data-theme="dark"] .ctc-hero__benefits span{color:var(--sf-muted)}
html[data-theme="dark"] .ctc-benefit+.ctc-benefit{border-left-color:var(--sf-border)}
html[data-theme="dark"] .ctc-form-card,html[data-theme="dark"] .ctc-faq-item,html[data-theme="dark"] .ctc-collab,html[data-theme="dark"] .ctc-map{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .ctc-form-card>h2{color:#fff}
html[data-theme="dark"] .ctc-form-card label{color:var(--sf-heading)}
html[data-theme="dark"] .ctc-faq-item button{color:var(--sf-heading)}
@media(max-width:1199px){.ctc-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:991px){.ctc-layout{grid-template-columns:minmax(0,1fr)}.ctc-side{grid-template-columns:repeat(2,minmax(0,1fr))}.ctc-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ctc-bottom{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.ctc-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.ctc-hero__content{padding:28px 0 8px}.ctc-hero__visual{min-height:220px}.ctc-hero__visual img{position:relative;width:min(100%,600px);right:auto;bottom:auto}.ctc-hero__benefits{flex-wrap:wrap;gap:1rem 0}.ctc-hero__benefits .ctc-benefit{padding:0}.ctc-hero__benefits .ctc-benefit+.ctc-benefit{border-left:0}.ctc-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ctc-form-card{padding:1.25rem}.ctc-form-row{grid-template-columns:minmax(0,1fr)}.ctc-faq-grid{grid-template-columns:minmax(0,1fr)}.ctc-side{grid-template-columns:minmax(0,1fr)}.ctc-collab__text{max-width:100%}.ctc-collab__visual{position:relative;width:min(100%,280px);margin:1rem 0 0 auto}}
/* Version 1.21.0: privacy policy page. */
.ppx-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 74% 45%,rgba(219,234,254,.60) 0%,rgba(239,246,255,.35) 35%,rgba(255,255,255,0) 64%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 30%,#F7FAFF 52%,#EFF6FF 78%,#EAF4FF 100%)}
.ppx-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:300px;position:relative}
.ppx-hero__content{position:relative;z-index:2;padding:34px 0 28px;min-width:0}
.ppx-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.ppx-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.ppx-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.ppx-hero__title{margin:0 0 12px;font-size:clamp(44px,4.2vw,60px);line-height:1;font-weight:800;letter-spacing:-0.04em;color:#0F172A}
.ppx-hero__desc{max-width:650px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.ppx-hero__benefits{display:flex;align-items:stretch;margin-top:24px}
.ppx-benefit{display:flex;align-items:center;gap:.65rem;padding:0 24px}
.ppx-benefit:first-child{padding-left:0}
.ppx-benefit+.ppx-benefit{border-left:1px solid #CBD5E1}
.ppx-benefit-ico{display:grid;place-items:center;flex:0 0 auto;color:var(--sf-primary)}
.ppx-benefit strong{display:block;font-size:13px;color:var(--sf-heading)}
.ppx-benefit span{font-size:13px;color:var(--sf-muted)}
.ppx-hero__visual{position:relative;height:100%;min-height:300px;margin:0;min-width:0}
.ppx-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(480px,46vw,680px);max-height:290px;object-fit:contain;object-position:right bottom}
.ppx-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-block:1.75rem 2.5rem}
.ppx-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;padding:28px;min-width:0}
.ppx-card h2{margin:1.75rem 0 .6rem;font-size:24px;font-weight:800;line-height:1.25;color:#0F172A;scroll-margin-top:96px}
.ppx-card h2:first-child{margin-top:0}
.ppx-card h3{margin:1.2rem 0 .4rem;font-size:1.02rem;color:var(--sf-heading)}
.ppx-card p{margin:0 0 .9rem;font-size:15px;line-height:1.65;color:#475569}
.ppx-card a{color:#0F6FFF}
.ppx-card ul{margin:0 0 1rem;padding:0;list-style:none}
.ppx-card ul li{position:relative;margin:.45rem 0;padding-left:1.4rem;font-size:15px;line-height:1.6;color:#475569}
.ppx-checks li:before{content:"";position:absolute;left:0;top:.28em;width:15px;height:15px;border-radius:50%;background:#0F6FFF url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12.5 9.5 18 20 6.5%27/%3E%3C/svg%3E") center/9px no-repeat}
.ppx-rows{display:grid;gap:.9rem;margin:0 0 1rem}
.ppx-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start}
.ppx-row-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#EFF6FF;color:#0F6FFF}
.ppx-row h3{margin:.1rem 0 .25rem}
.ppx-row p{margin:0}
.ppx-google{display:flex;align-items:center;gap:.8rem;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-surface);padding:.9rem 1rem;margin:0 0 1rem}
.ppx-google strong{display:block;font-size:.86rem;color:var(--sf-heading)}
.ppx-google a{font-size:.78rem;overflow-wrap:anywhere}
.ppx-contactline{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.ppx-side{display:grid;gap:1rem;align-self:start;min-width:0}
.ppx-toc{position:sticky;top:calc(72px + 20px);align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.ppx-toc ol{list-style:none;margin:0;padding:0}
.ppx-toc li{margin:0}
.ppx-toc a{position:relative;display:block;padding:.5rem .2rem .5rem .9rem;color:var(--sf-muted);font-size:.8rem;line-height:1.4;text-decoration:none}
.ppx-toc a:before{content:"";position:absolute;left:0;top:.65rem;width:3px;height:calc(100% - 1.3rem);min-height:12px;border-radius:3px;background:transparent}
.ppx-toc a:hover{color:var(--sf-heading)}
.ppx-toc a.is-active{color:var(--sf-primary);font-weight:750}
.ppx-toc a.is-active:before{background:var(--sf-primary)}
.ppx-side .sf-button-ghost{width:100%;justify-content:center}
.ppx-priority{position:relative;overflow:hidden;background:linear-gradient(160deg,#F4F8FF 0%,#EDF3FF 100%)}
.ppx-priority img{display:block;width:min(78%,220px);height:auto;margin:.6rem 0 0 auto}
html[data-theme="dark"] .ppx-hero{background:radial-gradient(circle at 74% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 35%,rgba(0,0,0,0) 64%),linear-gradient(105deg,#0B1120 0%,#0C1526 52%,#0E1A33 100%)}
html[data-theme="dark"] .ppx-hero__title{color:#fff}
html[data-theme="dark"] .ppx-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .ppx-hero__crumbs,html[data-theme="dark"] .ppx-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .ppx-hero__benefits strong{color:#fff}
html[data-theme="dark"] .ppx-hero__benefits span{color:var(--sf-muted)}
html[data-theme="dark"] .ppx-benefit+.ppx-benefit{border-left-color:var(--sf-border)}
html[data-theme="dark"] .ppx-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .ppx-card h2{color:#fff}
html[data-theme="dark"] .ppx-priority{background:linear-gradient(160deg,#101a30 0%,#0d1830 100%)}
@media(max-width:1199px){.ppx-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:991px){.ppx-layout{grid-template-columns:minmax(0,1fr)}.ppx-side{grid-template-columns:repeat(2,minmax(0,1fr))}.ppx-side .ppx-toc{position:static}.ppx-toc{grid-column:1/-1}}
@media(max-width:767px){.ppx-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.ppx-hero__content{padding:28px 0 8px}.ppx-hero__visual{min-height:220px}.ppx-hero__visual img{position:relative;width:min(100%,600px);right:auto;bottom:auto}.ppx-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.ppx-hero__benefits .ppx-benefit{padding:0}.ppx-hero__benefits .ppx-benefit+.ppx-benefit{border-left:0}.ppx-hero__benefits .ppx-benefit:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}.ppx-hero__title{font-size:clamp(38px,11vw,44px)}.ppx-card{padding:20px}.ppx-side{grid-template-columns:minmax(0,1fr)}.ppx-layout{padding-block:1.25rem 2rem}}
/* Version 1.21.1: TOC privacy polos, tidak sticky. */
.ppx-toc{position:static;max-height:none;overflow:visible}
/* Version 1.21.2: judul priority satu baris. */
.ppx-priority h3{white-space:nowrap}
/* Version 1.21.3: last updated paling atas + ikon kalender. */
.ppx-side .sf-widget h3{display:flex;align-items:center;gap:.5rem}
.ppx-cal-ico{display:inline-grid;place-items:center;color:var(--sf-primary)}
.ppx-cal-ico svg{display:block}
/* Version 1.25.16: legal sidebars follow privacy ordering and calendar alignment. */
.tcx-updated,.dcx-updated{order:-1}
.tcx-updated h3,.dcx-updated h3{display:flex;align-items:center;gap:.5rem}
/* Version 1.22.0: disclaimer page (dcx namespace mirrors ppx). */
.dcx-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(219,234,254,.58) 0%,rgba(239,246,255,.32) 34%,rgba(255,255,255,0) 63%),linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 32%,#F7FAFF 52%,#EFF6FF 78%,#EAF4FF 100%)}
.dcx-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:320px;position:relative}
.dcx-hero__content{position:relative;z-index:2;padding:34px 0 28px;min-width:0}
.dcx-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.dcx-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.dcx-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.dcx-hero__title{margin:0 0 12px;font-size:clamp(44px,4.3vw,62px);line-height:1;font-weight:800;letter-spacing:-0.04em;color:#0F172A}
.dcx-hero__desc{max-width:650px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.dcx-hero__benefits{display:flex;align-items:stretch;margin-top:24px}
.dcx-benefit{display:flex;align-items:center;gap:.65rem;padding:0 24px}
.dcx-benefit:first-child{padding-left:0}
.dcx-benefit+.dcx-benefit{border-left:1px solid #CBD5E1}
.dcx-benefit-ico{display:grid;place-items:center;flex:0 0 auto;color:var(--sf-primary)}
.dcx-benefit strong{display:block;font-size:13px;color:var(--sf-heading)}
.dcx-benefit span{font-size:13px;color:var(--sf-muted)}
.dcx-hero__visual{position:relative;height:100%;min-height:320px;margin:0;min-width:0}
.dcx-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(480px,46vw,680px);max-height:310px;object-fit:contain;object-position:right bottom}
.dcx-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-block:1.75rem 2.5rem}
.dcx-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;padding:24px 26px;min-width:0}
.dcx-card h2{margin:1.6rem 0 .55rem;font-size:23px;font-weight:800;line-height:1.25;color:#0F172A;scroll-margin-top:96px}
.dcx-card h2:first-child{margin-top:0}
.dcx-card h3{margin:1.1rem 0 .4rem;font-size:1.02rem;color:var(--sf-heading)}
.dcx-card p{margin:0 0 .9rem;font-size:15px;line-height:1.65;color:#475569}
.dcx-card a{color:#0F6FFF}
.dcx-card hr{margin:1.4rem 0;border:0;border-top:1px solid #EEF2F7}
.dcx-contactline{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.dcx-side{display:grid;gap:1rem;align-self:start;min-width:0}
.dcx-toc{position:sticky;top:calc(72px + 20px);align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.dcx-toc ol{list-style:none;margin:0;padding:0}
.dcx-toc a{position:relative;display:block;padding:.5rem .2rem .5rem .9rem;color:var(--sf-muted);font-size:.8rem;line-height:1.4;text-decoration:none}
.dcx-toc a:before{content:"";position:absolute;left:0;top:.65rem;width:3px;height:calc(100% - 1.3rem);min-height:12px;border-radius:3px;background:transparent}
.dcx-toc a:hover{color:var(--sf-heading)}
.dcx-toc a.is-active{color:var(--sf-primary);font-weight:750}
.dcx-toc a.is-active:before{background:var(--sf-primary)}
.dcx-trust{position:relative;overflow:hidden;background:linear-gradient(160deg,#F4F8FF 0%,#EDF3FF 100%);min-height:300px}
.dcx-trust img{position:absolute;right:0;bottom:0;width:min(72%,220px);height:auto}
html[data-theme="dark"] .dcx-hero{background:radial-gradient(circle at 76% 45%,rgba(30,58,138,0.4) 0%,rgba(30,58,138,0.18) 34%,rgba(0,0,0,0) 63%),linear-gradient(105deg,#0B1120 0%,#0C1526 52%,#0E1A33 100%)}
html[data-theme="dark"] .dcx-hero__title{color:#fff}
html[data-theme="dark"] .dcx-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .dcx-hero__crumbs,html[data-theme="dark"] .dcx-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .dcx-hero__benefits strong{color:#fff}
html[data-theme="dark"] .dcx-hero__benefits span{color:var(--sf-muted)}
html[data-theme="dark"] .dcx-benefit+.dcx-benefit{border-left-color:var(--sf-border)}
html[data-theme="dark"] .dcx-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .dcx-card h2{color:#fff}
html[data-theme="dark"] .dcx-trust{background:linear-gradient(160deg,#101a30 0%,#0d1830 100%)}
@media(max-width:1199px){.dcx-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:991px){.dcx-layout{grid-template-columns:minmax(0,1fr)}.dcx-side{grid-template-columns:repeat(2,minmax(0,1fr))}.dcx-side .dcx-toc{position:static;grid-column:1/-1}.dcx-hero__inner{grid-template-columns:50% 50%}}
@media(max-width:767px){.dcx-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.dcx-hero__content{padding:28px 0 8px}.dcx-hero__visual{min-height:220px}.dcx-hero__visual img{position:relative;width:min(100%,600px);right:auto;bottom:auto}.dcx-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.dcx-hero__benefits .dcx-benefit{padding:0}.dcx-hero__benefits .dcx-benefit+.dcx-benefit{border-left:0}.dcx-hero__benefits .dcx-benefit:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}.dcx-hero__title{font-size:clamp(38px,11vw,44px)}.dcx-card{padding:20px}.dcx-card h2{font-size:20px}.dcx-side{grid-template-columns:minmax(0,1fr)}.dcx-layout{padding-block:1.25rem 2rem}.dcx-trust{min-height:0}.dcx-trust img{position:relative;width:min(100%,220px);margin:.8rem 0 0 auto}}
/* Version 1.23.0: terms and conditions page (mirrors legal system). */
.tcx-hero{position:relative;width:100%;overflow:hidden;background:linear-gradient(110deg,#FFFFFF 0%,#F8FBFF 40%,#F1F7FF 65%,#EAF4FF 100%)}
.tcx-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:320px;position:relative}
.tcx-hero__content{position:relative;z-index:2;padding:34px 0 28px;min-width:0}
.tcx-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.tcx-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.tcx-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.tcx-hero__title{margin:0 0 12px;font-size:clamp(44px,4.3vw,62px);line-height:1;font-weight:800;letter-spacing:-0.04em;color:#0F172A}
.tcx-hero__desc{max-width:650px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.tcx-hero__benefits{display:flex;align-items:stretch;margin-top:24px}
.tcx-benefit{display:flex;align-items:center;gap:.65rem;padding:0 24px}
.tcx-benefit:first-child{padding-left:0}
.tcx-benefit+.tcx-benefit{border-left:1px solid #E2E8F0}
.tcx-benefit-ico{display:grid;place-items:center;flex:0 0 auto;color:var(--sf-primary)}
.tcx-benefit strong{display:block;font-size:13px;color:var(--sf-heading)}
.tcx-benefit span{font-size:13px;color:var(--sf-muted)}
.tcx-hero__visual{position:relative;height:100%;min-height:320px;margin:0;min-width:0}
.tcx-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(480px,46vw,680px);max-height:310px;object-fit:contain;object-position:right bottom}
.tcx-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-block:1.75rem 2.5rem}
.tcx-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;padding:26px 28px;min-width:0}
.tcx-card h2{margin:1.6rem 0 .55rem;font-size:23px;font-weight:800;line-height:1.25;color:#0F172A;scroll-margin-top:96px}
.tcx-card h2:first-child{margin-top:0}
.tcx-card p{margin:0 0 .9rem;font-size:15px;line-height:1.7;color:#475569}
.tcx-card a{color:#0F6FFF}
.tcx-card hr{margin:1.5rem 0;border:0;border-top:1px solid #E8EEF5}
.tcx-contactline{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.tcx-side{display:grid;gap:1rem;align-self:start;min-width:0}
.tcx-toc{position:sticky;top:calc(72px + 20px);align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.tcx-toc ol{list-style:none;margin:0;padding:0}
.tcx-toc a{position:relative;display:block;padding:.5rem .2rem .5rem .9rem;color:var(--sf-muted);font-size:.8rem;line-height:1.4;text-decoration:none}
.tcx-toc a:before{content:"";position:absolute;left:0;top:.65rem;width:3px;height:calc(100% - 1.3rem);min-height:12px;border-radius:3px;background:transparent}
.tcx-toc a:hover{color:var(--sf-heading)}
.tcx-toc a.is-active{color:var(--sf-primary);font-weight:750}
.tcx-toc a.is-active:before{background:var(--sf-primary)}
.tcx-side .sf-button-ghost{width:100%;justify-content:center}
.tcx-trust{position:relative;overflow:hidden;background:linear-gradient(145deg,#F7FBFF,#EAF4FF);min-height:300px}
.tcx-trust img{position:absolute;right:0;bottom:0;width:min(72%,220px);height:auto}
html[data-theme="dark"] .tcx-hero{background:linear-gradient(110deg,#0B1120 0%,#0C1526 52%,#0E1A33 100%)}
html[data-theme="dark"] .tcx-hero__title{color:#fff}
html[data-theme="dark"] .tcx-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .tcx-hero__crumbs,html[data-theme="dark"] .tcx-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .tcx-hero__benefits strong{color:#fff}
html[data-theme="dark"] .tcx-hero__benefits span{color:var(--sf-muted)}
html[data-theme="dark"] .tcx-benefit+.tcx-benefit{border-left-color:var(--sf-border)}
html[data-theme="dark"] .tcx-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .tcx-card h2{color:#fff}
html[data-theme="dark"] .tcx-trust{background:linear-gradient(145deg,#101a30 0%,#0d1830 100%)}
@media(max-width:1199px){.tcx-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:991px){.tcx-layout{grid-template-columns:minmax(0,1fr)}.tcx-side{grid-template-columns:repeat(2,minmax(0,1fr))}.tcx-side .tcx-toc{position:static;grid-column:1/-1}.tcx-hero__inner{grid-template-columns:50% 50%}}
@media(max-width:767px){.tcx-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.tcx-hero__content{padding:28px 0 8px}.tcx-hero__visual{min-height:220px}.tcx-hero__visual img{position:relative;width:min(100%,600px);right:auto;bottom:auto}.tcx-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.tcx-hero__benefits .tcx-benefit{padding:0}.tcx-hero__benefits .tcx-benefit+.tcx-benefit{border-left:0}.tcx-hero__benefits .tcx-benefit:nth-child(even){padding-left:1rem;border-left:1px solid #E2E8F0}.tcx-hero__title{font-size:clamp(2.2rem,8vw,3.5rem)}.tcx-card{padding:20px}.tcx-card h2{font-size:20px}.tcx-side{grid-template-columns:minmax(0,1fr)}.tcx-layout{padding-block:1.25rem 2rem}.tcx-trust{min-height:0}.tcx-trust img{position:relative;width:min(100%,220px);margin:.8rem 0 0 auto}}
/* Version 1.25.17: TOC legal pages remains in the normal document flow. */
.tcx-toc,.dcx-toc{position:static;top:auto;max-height:none;overflow:visible}
/* Version 1.23.6: tombol ghost dipertegas agar bobot visual setara tombol biru. */
.sf-button-ghost{border-color:#CBD5E1}
/* Version 1.24.0: sitemap page. */
.smap-hero{position:relative;width:100%;overflow:hidden;background:linear-gradient(110deg,#FFFFFF 0%,#F8FBFF 40%,#F1F7FF 65%,#EAF4FF 100%)}
.smap-hero__inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:330px;position:relative}
.smap-hero__content{position:relative;z-index:2;padding:34px 0 28px;min-width:0}
.smap-hero__crumbs{display:flex;align-items:center;gap:.45rem;margin:0 0 16px;font-size:13px;color:#64748B}
.smap-hero__crumbs a{display:inline-flex;align-items:center;gap:.35rem;color:#64748B;text-decoration:none}
.smap-hero__crumbs [aria-current="page"]{color:#0F6FFF;font-weight:700}
.smap-hero__title{margin:0 0 12px;font-size:clamp(42px,4.3vw,60px);line-height:1;font-weight:800;letter-spacing:-0.035em;color:#0F172A}
.smap-hero__desc{max-width:620px;margin:0;font-size:16px;line-height:1.55;color:#475569}
.smap-hero__benefits{display:flex;align-items:stretch;margin-top:24px}
.smap-benefit{display:flex;align-items:center;gap:.65rem;padding:0 24px}
.smap-benefit:first-child{padding-left:0}
.smap-benefit+.smap-benefit{border-left:1px solid #CBD5E1}
.smap-benefit-ico{display:grid;place-items:center;flex:0 0 auto;color:var(--sf-primary)}
.smap-benefit strong{display:block;font-size:13px;color:var(--sf-heading)}
.smap-benefit span{font-size:13px;color:var(--sf-muted)}
.smap-hero__visual{position:relative;height:100%;min-height:330px;margin:0;min-width:0}
.smap-hero__visual img{position:absolute;right:0;bottom:0;width:clamp(480px,46vw,680px);max-height:310px;object-fit:contain;object-position:right bottom}
.smap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:2.25rem .5rem}
.smap-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:24px;min-width:0}
.smap-card>h2{display:flex;align-items:center;gap:.6rem;margin:0 0 .3rem;font-size:1.05rem;font-weight:800;color:#0F172A}
.smap-card-ico{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:#EFF6FF;color:#0F6FFF}
.smap-card-ico svg{display:block}
.smap-card>p{margin:0 0 .8rem;font-size:.84rem;color:var(--sf-muted)}
.smap-card nav{display:grid}
.smap-link{display:flex;align-items:center;gap:.6rem;padding:.8rem .1rem;border-bottom:1px solid #EDF1F7;font-size:.86rem;color:var(--sf-text);text-decoration:none;transition:color .2s ease}
.smap-link:last-child{border-bottom:0}
.smap-link:hover{color:#0F6FFF}
.smap-chev{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;color:#0F6FFF;transition:transform .2s ease}
.smap-chev svg{display:block;width:16px;height:16px}
.smap-link:hover .smap-chev{transform:translateX(3px)}
.smap-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.1rem;background:#fff;border:1px solid #0F6FFF;border-radius:8px;color:#0F6FFF;font-weight:700;font-size:.86rem;text-decoration:none;transition:background .2s ease,color .2s ease}
.smap-outline-btn:hover{background:#0F6FFF;color:#fff}
.smap-cta{display:grid;grid-template-columns:45% 55%;gap:1rem;align-items:center;background:linear-gradient(110deg,#F8FBFF 0%,#F1F7FF 55%,#E7F2FF 100%);border:1px solid var(--sf-border);border-radius:14px;overflow:hidden;padding:28px;min-height:270px;margin-block:1.5rem 2.5rem}
.smap-cta__copy{position:relative;z-index:2;min-width:0}
.smap-cta__copy h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:800;color:var(--sf-heading)}
.smap-cta__copy p{margin:0 0 1.2rem;font-size:.9rem;color:#475569}
.smap-cta__visual{position:relative;min-height:220px;margin:0;min-width:0}
.smap-cta__visual img{position:absolute;right:0;bottom:0;width:100%;height:100%;max-height:260px;object-fit:contain;object-position:right bottom}
html[data-theme="dark"] .smap-hero{background:linear-gradient(110deg,#0B1120 0%,#0C1526 52%,#0E1A33 100%)}
html[data-theme="dark"] .smap-hero__title{color:#fff}
html[data-theme="dark"] .smap-hero__desc{color:var(--sf-text)}
html[data-theme="dark"] .smap-hero__crumbs,html[data-theme="dark"] .smap-hero__crumbs a{color:var(--sf-muted)}
html[data-theme="dark"] .smap-hero__benefits strong{color:#fff}
html[data-theme="dark"] .smap-hero__benefits span{color:var(--sf-muted)}
html[data-theme="dark"] .smap-benefit+.smap-benefit{border-left-color:var(--sf-border)}
html[data-theme="dark"] .smap-card{background:var(--sf-card);border-color:var(--sf-border)}
html[data-theme="dark"] .smap-card>h2{color:#fff}
html[data-theme="dark"] .smap-outline-btn{background:transparent}
/* Version 1.25.19: polished search archive header and search control. */
.sf-search-head{position:relative;overflow:hidden;margin-top:3.5rem;padding:clamp(38px,5vw,58px);border:1px solid var(--sf-border);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(15,111,255,.16),transparent 38%),linear-gradient(135deg,var(--sf-card),var(--sf-surface-blue));box-shadow:0 16px 40px rgba(15,23,42,.06)}
.sf-search-head:after{content:"";position:absolute;right:-54px;top:-76px;width:220px;height:220px;border:34px solid rgba(15,111,255,.06);border-radius:50%;pointer-events:none}
.sf-search-head__copy{position:relative;z-index:1;max-width:780px}
.sf-search-head h1{margin:.65rem 0 .45rem;font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.04em;line-height:1.08;color:var(--sf-heading)}
.sf-search-head h1 span{color:var(--sf-primary)}
.sf-search-head__copy>p{margin:0;color:var(--sf-muted);font-size:.96rem;line-height:1.6}
.sf-search-page-form{position:relative;z-index:1;display:flex;align-items:center;max-width:940px;margin-top:1.5rem;padding:6px 6px 6px 18px;border:1px solid #CBD5E1;border-radius:14px;background:var(--sf-card);box-shadow:0 10px 28px rgba(15,23,42,.08);transition:border-color .2s ease,box-shadow .2s ease}
.sf-search-page-form:focus-within{border-color:var(--sf-primary);box-shadow:0 0 0 4px rgba(15,111,255,.12),0 12px 30px rgba(15,23,42,.08)}
.sf-search-page-form__icon{display:grid;place-items:center;flex:0 0 28px;color:var(--sf-muted)}
.sf-search-page-form input{width:100%;min-width:0;min-height:48px;padding:.65rem .8rem;border:0;outline:0;background:transparent;color:var(--sf-text);font-size:16px}
.sf-search-page-form input::placeholder{color:var(--sf-muted)}
.sf-search-page-form button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:0 0 auto;min-height:48px;padding:.7rem 1.25rem;border:0;border-radius:10px;background:var(--sf-primary);color:#fff;font-weight:750;cursor:pointer;transition:background .2s ease,transform .2s ease}
.sf-search-page-form button:hover{background:#005CE6;transform:translateY(-1px)}
html[data-theme="dark"] .sf-search-page-form{border-color:var(--sf-border)}
@media(max-width:600px){.sf-search-head{margin-top:1.75rem;padding:30px 18px;border-radius:16px}.sf-search-page-form{padding-left:12px}.sf-search-page-form button{width:48px;padding:.7rem}.sf-search-page-form button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
.sf-default-featured img{background:var(--sf-surface-blue)}
@media(max-width:1199px){.smap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.smap-hero__inner{grid-template-columns:50% 50%}}
@media(max-width:767px){.smap-hero__inner{grid-template-columns:minmax(0,1fr);min-height:0}.smap-hero__content{padding:28px 0 8px}.smap-hero__visual{min-height:220px}.smap-hero__visual img{position:relative;width:min(100%,600px);right:auto;bottom:auto}.smap-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.smap-hero__benefits .smap-benefit{padding:0}.smap-hero__benefits .smap-benefit+.smap-benefit{border-left:0}.smap-hero__benefits .smap-benefit:nth-child(even){padding-left:1rem;border-left:1px solid #CBD5E1}.smap-hero__title{font-size:clamp(38px,11vw,44px)}.smap-grid{grid-template-columns:minmax(0,1fr);padding-block:1.5rem .25rem}.smap-cta{grid-template-columns:minmax(0,1fr);min-height:0}.smap-cta__visual{min-height:180px}.smap-cta__visual img{position:relative;max-height:220px}}
/* Version 1.25.5: hero stats rata tengah, tombol newsletter flex-center. */
.sf-stat{text-align:center}
.sf-stat>strong,.acat-hero__stat>strong{white-space:nowrap}
.sf-stat strong>.sf-compact-number,.sf-stat strong>.sf-compact-suffix,.acat-hero__stat strong>.sf-compact-number,.acat-hero__stat strong>.sf-compact-suffix{display:inline;font:inherit!important;color:inherit!important}
.sf-card .wp-block-post-featured-image img,.sff-media-link img,.afac-media img,.popular-post-thumbnail img,.sfa-related-thumb img{object-position:center top}
.sf-newsletter-form button{display:inline-flex;align-items:center;justify-content:center;line-height:1.25}
/* Version 1.25.13: wadah feed Instagram di halaman kontak. */
.ctc-ig-feed{position:relative;padding:1.25rem;overflow:hidden}
.ctc-ig-feed .sbi,.ctc-ig-feed .spotlight{margin:0}
/* Version 1.25.14: sudut membulat untuk foto feed Instagram (Smash Balloon). */
#sb_instagram .sbi_photo{border-radius:12px;overflow:hidden}
#sb_instagram .sbi_photo img{border-radius:12px}
/* Version 1.26.0: dynamic single article template. */
.sfa-page{background:var(--sf-bg);color:var(--sf-text)}
.sfa-container{width:min(1280px,calc(100% - 2rem));padding-block:1.65rem 3rem}
.sfa-breadcrumb{display:flex;align-items:center;gap:.55rem;min-width:0;margin-bottom:1.35rem;color:var(--sf-muted);font-size:.78rem}
.sfa-breadcrumb a{color:var(--sf-primary);text-decoration:none}.sfa-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sfa-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:34px;align-items:start}
.sfa-main{min-width:0}.sfa-header h1{max-width:900px;margin:0 0 .75rem;color:var(--sf-heading);font-size:clamp(2.75rem,4.15vw,3.35rem);font-weight:800;line-height:1.08;letter-spacing:-.045em}
.sfa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 0;margin:1.05rem 0 1.35rem;color:var(--sf-muted);font-size:.78rem}
.sfa-meta-author{display:flex;align-items:center;gap:.65rem;padding-right:1rem;color:var(--sf-heading);text-decoration:none}.sfa-meta-author img{width:46px;height:46px;border:1px solid var(--sf-border);border-radius:50%}.sfa-meta-author span{display:grid}.sfa-meta-author small{color:var(--sf-muted);font-size:.68rem}.sfa-meta-author strong{font-size:.84rem}
.sfa-meta-item{display:inline-flex;align-items:center;gap:.42rem;min-height:32px;padding:0 1rem;border-left:1px solid var(--sf-border);white-space:nowrap}.sfa-meta-item svg{width:18px;height:18px;fill:none;stroke:var(--sf-primary);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sfa-featured{margin:0 0 1.5rem}.sfa-featured img{display:block;width:100%;max-height:520px;aspect-ratio:16/8.5;border-radius:14px;object-fit:cover}
.sfa-content{max-width:none;margin:0;color:var(--sf-text);font-size:1.0625rem;line-height:1.75}.sfa-content p{margin:0 0 1.25rem}.sfa-content h2{scroll-margin-top:100px;margin:2.15rem 0 .75rem;color:var(--sf-heading);font-size:clamp(1.55rem,2.4vw,1.85rem);font-weight:800;line-height:1.25;letter-spacing:-.025em}.sfa-content h3{scroll-margin-top:100px;margin:1.8rem 0 .65rem;color:var(--sf-heading);font-size:1.35rem;line-height:1.3}.sfa-content h4{color:var(--sf-heading)}
.sfa-content ul,.sfa-content ol{margin:0 0 1.35rem;padding-left:1.35rem}.sfa-content li{margin:.42rem 0;padding-left:.2rem}.sfa-content ul li::marker{color:var(--sf-primary)}.sfa-content img{border-radius:10px}.sfa-content figure{max-width:100%;margin:1.6rem 0}.sfa-content iframe,.sfa-content video{max-width:100%}.sfa-content .wp-block-table{max-width:100%;overflow-x:auto}.sfa-content table{width:100%;border-collapse:collapse}.sfa-content th,.sfa-content td{padding:.75rem;border:1px solid var(--sf-border)}.sfa-content pre{max-width:100%;overflow:auto}.sfa-content .wp-block-quote,.sfa-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--sf-primary);border-radius:0 8px 8px 0;background:var(--sf-surface-blue)}
.sfa-content .syncflow-info-box{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--sf-primary);border-radius:0 8px 8px 0;background:var(--sf-surface-blue);color:var(--sf-text)}.sfa-content .syncflow-info-box strong:first-child{color:var(--sf-primary)}
.sfa-footer{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--sf-border)}.sfa-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.sfa-tags strong{margin-right:.25rem}.sfa-tags a{padding:.38rem .75rem;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-surface);color:var(--sf-text);font-size:.78rem;text-decoration:none}.sfa-tags a:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sfa-share{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.sfa-share>strong{font-size:.86rem}.sfa-share .sf-share-row{align-items:center;margin:0}.sfa-share .sf-share-row a,.sfa-share .sf-share-row button{width:38px;height:38px;border-radius:8px}.sfa-share .sf-share-row button svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sfa-copy-feedback{display:none;color:var(--sf-primary);font-size:.76rem;font-weight:700}.sfa-share:has([data-share="copy"].is-copied) .sfa-copy-feedback{display:inline}
.sfa-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.35rem}.sfa-post-nav>div:last-child{text-align:right}.sfa-post-nav a{display:grid;gap:.2rem;padding:.9rem;border:1px solid var(--sf-border);border-radius:10px;color:var(--sf-heading);text-decoration:none}.sfa-post-nav small{color:var(--sf-muted)}.sfa-post-nav strong{font-size:.84rem;line-height:1.35}
.sfa-sidebar{position:static!important;top:auto!important;display:grid;gap:1rem;max-height:none!important;overflow:visible!important;padding-right:0}.sfa-sidebar>*{position:static!important;top:auto!important}.sfa-sidebar .sf-widget{min-width:0;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.sfa-toc{position:static!important;top:auto!important;padding:0!important;overflow:hidden}.sfa-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;border:0;background:transparent;color:var(--sf-heading);font-size:.95rem;text-align:left;cursor:pointer}.sfa-toc-toggle span{font-size:1.2rem}.sfa-toc ol{margin:0;padding:.2rem .75rem .85rem 2.35rem}.sfa-toc li{padding:0;border:0}.sfa-toc a{position:relative;display:block;padding:.48rem .4rem;color:var(--sf-muted);font-size:.79rem;line-height:1.4;text-decoration:none}.sfa-toc a:before{content:"";position:absolute;left:-1rem;top:.45rem;bottom:.45rem;width:3px;border-radius:3px;background:transparent}.sfa-toc a:hover,.sfa-toc a.is-active{color:var(--sf-primary)}.sfa-toc a.is-active:before{background:var(--sf-primary)}
.sfa-widget-title{margin:0 0 1rem!important;color:var(--sf-heading);font-size:1rem!important}.sfa-author-head{display:flex;align-items:center;gap:.8rem}.sfa-author-head img{border-radius:50%}.sfa-author-head small,.sfa-author-head span{color:var(--sf-muted);font-size:.72rem}.sfa-author-head h3{margin:.05rem 0;color:var(--sf-heading);font-size:1rem}.sfa-author-card>p{margin:.85rem 0;color:var(--sf-muted);font-size:.8rem;line-height:1.55}.sfa-author-social{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0}.sfa-author-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sf-border);border-radius:8px;background:var(--sf-surface);color:var(--sf-heading);text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.sfa-author-social a:hover{transform:translateY(-1px);border-color:var(--sf-primary);color:var(--sf-primary)}.sfa-author-social svg{display:block;width:16px;height:16px}
.sfa-outline-button{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:.8rem;border:1px solid var(--sf-primary);border-radius:8px;color:var(--sf-primary);font-size:.8rem;font-weight:750;text-decoration:none}.sfa-outline-button:hover{background:var(--sf-primary);color:#fff}
.sfa-related h2{margin:0 0 .7rem;color:var(--sf-heading);font-size:1rem}.sfa-related-list{display:grid}.sfa-related-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.7rem;padding:.75rem 0;border-bottom:1px solid var(--sf-border)}.sfa-related-item:last-child{border-bottom:0}.sfa-related-thumb img{display:block;width:76px;height:62px;border-radius:8px;object-fit:cover}.sfa-related-item h3{margin:0;font-size:.78rem;line-height:1.35}.sfa-related-item h3 a{color:var(--sf-heading);text-decoration:none}.sfa-related-item p{margin:.3rem 0 0;color:var(--sf-muted);font-size:.66rem}.sfa-ad{padding:.55rem!important}
html[data-theme="dark"] .sfa-sidebar .sf-widget{box-shadow:none}html[data-theme="dark"] .sfa-content .syncflow-info-box,html[data-theme="dark"] .sfa-content blockquote{background:var(--sf-surface-blue)}
@media(max-width:991px){.sfa-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.sfa-header h1{font-size:clamp(2.35rem,5vw,3rem)}.sfa-meta-item{padding-inline:.75rem}}
@media(max-width:767px){.sfa-container{width:min(100% - 1.25rem,1280px);padding-top:1rem}.sfa-layout{grid-template-columns:1fr}.sfa-header h1{font-size:clamp(2rem,10vw,2.45rem)}.sfa-meta{gap:.55rem}.sfa-meta-author{width:100%;padding:0}.sfa-meta-item{padding:0 .65rem 0 0;border-left:0}.sfa-featured img{aspect-ratio:16/10}.sfa-content{font-size:1rem;line-height:1.72}.sfa-sidebar{position:static;max-height:none;overflow:visible;padding:0}.sfa-post-nav{grid-template-columns:1fr}.sfa-post-nav>div:last-child{text-align:left}.sfa-toc ol[hidden]{display:none}.sfa-share{align-items:flex-start;flex-direction:column}}