.single-post{background:#fff;color:#243d49}.single-post .site-header,.single-post .site-footer{color:white}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:65px;max-width:1125px;padding-top:65px;padding-bottom:70px;align-items:start}.article-main{min-width:0}.article-header h1{font-size:38px;line-height:1.25;color:var(--blue);margin-bottom:24px}.article-meta{font-size:13px;line-height:1.8;color:#45616e;margin-bottom:30px}.article-meta a{text-decoration:underline}.article-featured{margin:0 0 35px}.article-featured img{width:100%;height:auto}.article-featured figcaption{font-size:13px;line-height:1.5;margin:12px 0;text-align:center}.article-content{font-size:15px;line-height:1.75;overflow-wrap:break-word}.article-content h2{font-size:29px;line-height:1.35;margin:2em 0 .75em;color:var(--blue)}.article-content h3{font-size:23px;line-height:1.4;margin:1.8em 0 .75em;color:var(--blue)}.article-content h2,.article-content h3{scroll-margin-top:25px}.article-content p{margin:0 0 1.2em}.article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-content ul,.article-content ol{padding-left:1.25em}.article-content li{margin-bottom:.65em}.article-content figure{margin:30px 0}.article-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.article-content th,.article-content td{padding:15px 18px;border:1px solid #bed0d8;text-align:left;vertical-align:top}.article-content th{background:#edf4f6}.article-content caption,.article-content figcaption{font-size:14px;text-align:left;margin:0 0 14px}.article-content .wp-block-table{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.article-content blockquote{margin:30px 0;padding:15px 25px;border-left:4px solid var(--gold);background:#f4f7f8}.article-content details{padding:18px 0;border-bottom:1px solid #cbd8de}.article-content summary{font-weight:600;line-height:1.5}.article-content details p{padding-top:14px;margin-bottom:5px}.article-content img{height:auto;max-width:100%}.article-toc,.tl-toc{padding:25px;background:#f3f5f5;border-left:3px solid var(--gold);margin:30px 0;font-size:15px;line-height:1.6}.article-toc summary,.tl-toc summary{font-weight:650;color:var(--blue)}.article-toc ul,.tl-toc ul,.article-toc ol,.tl-toc ol{padding-left:20px;margin-bottom:0}.article-toc li,.tl-toc li{margin-top:10px}.article-toc a,.tl-toc a{text-decoration:underline}.article-sidebar{background:#f3f5f5;padding:30px;font-size:15px;line-height:1.65}.article-sidebar h2{font-size:21px;color:var(--blue);margin-bottom:25px}.article-sidebar ul{padding:0;list-style:none;margin:0}.article-sidebar li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #c8d5db}.article-sidebar li:last-child{border:0;margin:0;padding:0}.article-cta{background:var(--cream);border-left:4px solid var(--gold);margin:45px 0;padding:30px}.article-cta h2{font-size:24px;color:var(--blue);line-height:1.4}.article-cta p{font-size:17px}.post-tags{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0;font-size:14px}.post-tags a{background:#edf3f5;padding:8px 12px}.share-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;border-top:1px solid #cbd8de;padding-top:25px;margin-bottom:35px}.share-links>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}.share-links button{border:1px solid var(--blue);background:white;color:var(--blue);padding:9px 13px;min-height:44px}.author-profile{padding-top:25px;border-top:1px solid #cbd8de}.author-profile h2{font-size:23px;color:var(--blue)}.author-profile p{font-size:16px}.single-post .article-cards h3{color:var(--blue)}@media(max-width:1023px){.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 220px}.article-header h1{font-size:32px}.article-sidebar{padding:22px}.article-content{font-size:15px}}@media(max-width:767px){.article-layout{grid-template-columns:1fr;padding-top:40px;gap:45px}.article-header h1{font-size:31px}.article-meta{font-size:12px}.article-content{font-size:15px;line-height:1.75}.article-content h2{font-size:25px}.article-content h3{font-size:21px}.article-content table{min-width:520px;font-size:15px}.article-cta{padding:24px}.article-sidebar{padding:26px}.article-toc,.tl-toc{padding:22px;font-size:15px}.share-links{gap:12px}}@media(min-width:768px) and (max-width:1023px){.article-layout{grid-template-columns:1fr;max-width:760px}.article-sidebar{margin-top:15px}}

/* Revisi 1.1.0: paragraf artikel dan banner sidebar desktop. */
.single-post .entry-content p,
.single-post .article-content p { text-align: justify; text-justify: inter-word; }
.article-sidebar { --tl-sticky-top: 24px; align-self: stretch; background: transparent; padding: 0; min-width: 0; }
.admin-bar .article-sidebar { --tl-sticky-top: 56px; }
.article-sidebar-recent { background: #f3f5f5; padding: 30px; }
.article-sidebar-banner { margin-top: 28px; }
.sidebar-banner-link { display: block; border-radius: 12px; overflow: hidden; }
.sidebar-banner-link:hover { text-decoration: none; }
.sidebar-banner-image { width: 100%; height: auto; object-fit: contain; object-position: center top; }
.sidebar-promo { display: flex; flex-direction: column; padding: 30px 24px 0; background: var(--blue); color: white; text-align: center; border: 1px solid #cdb07680; border-radius: 12px; overflow: hidden; }
.sidebar-promo .brand-logo { width: 164px; max-width: 100%; height: auto; margin: 0 auto 34px; }
.sidebar-promo-kicker { color: #e2c68e; font-size: 13px; margin-bottom: 15px; }
.sidebar-promo strong { font-size: clamp(26px, 2.5vw, 34px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; margin-bottom: 22px; }
.sidebar-promo p { font-size: 14px; line-height: 1.7; margin-bottom: 26px; }
.sidebar-promo .button { align-self: center; font-size: 13px; gap: 8px; }
.sidebar-promo-skyline { width: calc(100% + 48px); max-width: none; margin: 32px -24px 0; height: auto; }
@media (min-width: 1024px) {
    .article-sidebar-banner { position: sticky; top: var(--tl-sticky-top); }
    .sidebar-banner-image { max-height: calc(100svh - var(--tl-sticky-top) - 24px); }
}
@media (max-width: 1023px) {
    .article-sidebar-banner { position: static; max-width: 340px; margin-left: auto; margin-right: auto; }
    .article-sidebar-recent { padding: 26px; }
}

/* H2 uses numbers; each nested H3 list restarts with letters. */
.article-content details.article-toc{padding:20px 26px;background:#f7f6f0;border:1px solid #03446420;border-left:3px solid var(--gold);border-radius:10px;font-size:16px;line-height:1.65;margin:32px 0}
.article-toc summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:17px;font-weight:650;line-height:1.5;cursor:pointer;list-style:none}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary:focus-visible,.article-toc nav:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}
.article-toc .toc-toggle{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:13px;font-weight:500;color:#425e6b}
.article-toc .toc-hide,.article-toc[open] .toc-show{display:none}
.article-toc[open] .toc-hide{display:inline}
.article-toc .toc-symbol{display:inline-block;min-width:1em;font-size:18px;line-height:1;vertical-align:-1px;text-align:center}
.article-toc nav{margin-top:14px;padding-top:14px;padding-inline-end:12px;border-top:1px solid #03446420;max-height:min(26rem,65vh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.article-toc .toc-list{list-style-type:decimal;padding-inline-start:1.6em;margin:0}
.article-toc .toc-sublist{list-style-type:lower-alpha;padding-inline-start:1.6em;margin:6px 0 12px}
.article-toc .toc-orphans{margin-top:0}
.article-toc .toc-level-2,.article-toc .toc-level-3{margin:0;padding:0 0 3px 5px}
.article-toc .toc-level-3{margin-left:0;font-weight:400}
.article-toc .toc-level-2::marker{font-weight:650;color:var(--blue)}
.article-toc .toc-level-3::marker{font-weight:500;color:var(--support)}
.article-toc a{display:block;padding:7px 0;color:var(--blue);text-decoration:none;overflow-wrap:anywhere;line-height:1.65}
.article-toc .toc-level-2>a{font-weight:600}
.article-toc .toc-level-3>a{font-weight:450;color:#425e6b}
.article-toc a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.article-content details.article-toc{padding:16px 18px;font-size:16px}.article-toc summary{gap:10px;font-size:16px}.article-toc .toc-toggle{font-size:12px;gap:9px}.article-toc .toc-sublist{padding-inline-start:1.4em}}