/* SC Personal — Blog, detail artikel, kategori, pencarian */
.featured-post { display: grid; grid-template-columns: 1.15fr 1fr; background: #fff; border: 1px solid var(--pw-border); border-radius: 1.5rem; overflow: hidden; box-shadow: var(--pw-shadow); }
.featured-post .img { position: relative; min-height: 340px; background: var(--pw-bg-light); }
.featured-post .img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.featured-post .txt { padding: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.featured-post h2 { font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem); font-weight: 800; }
.featured-post h2 a { color: var(--pw-primary); }
.featured-post h2 a:hover { color: var(--pw-secondary); }
@media (max-width: 767.98px) { .featured-post { grid-template-columns: 1fr; } .featured-post .img { min-height: 220px; } .featured-post .txt { padding: 1.5rem; } }


/* Detail artikel */
.post-hero { padding: 3.5rem 0 2rem; background: linear-gradient(180deg, var(--pw-bg-light), #fff); }
.post-hero .breadcrumb { font-size: .85rem; }
.post-hero .breadcrumb a { color: var(--pw-muted); }
.post-hero h1 { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem); font-weight: 800; line-height: 1.15; max-width: 920px; }
.post-hero .sub { font-size: 1.2rem; color: var(--pw-muted); max-width: 760px; }
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; font-size: .9rem; color: var(--pw-muted); }
.post-meta .pw-avatar { width: 40px; height: 40px; }
.post-cover { border-radius: 1.25rem; overflow: hidden; box-shadow: var(--pw-shadow-lg); aspect-ratio: 21/9; background: var(--pw-bg-light); }
.post-cover img { width: 100%; height: 100%; object-fit: cover; }
.toc .lvl-3 { padding-left: .8rem; font-size: .86rem; }
.toc ol { list-style: none; padding-left: 0; }
.toc li { padding: .25rem 0; }
.toc a { display: block; border-left: 2px solid transparent; padding-left: .6rem; }
.toc a.active { border-left-color: var(--pw-accent); }
.author-box { display: flex; gap: 1.25rem; padding: 1.75rem; border-radius: var(--pw-radius); background: var(--pw-bg-light); align-items: flex-start; }
.author-box img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.post-nav a { display: block; padding: 1.25rem; border: 1px solid var(--pw-border); border-radius: var(--pw-radius-sm); height: 100%; color: var(--pw-primary); transition: all .2s; }
.post-nav a:hover { border-color: var(--pw-secondary); box-shadow: var(--pw-shadow); }
.post-nav small { color: var(--pw-muted); display: block; margin-bottom: .25rem; }
.comment { display: flex; gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--pw-border); }
.comment:last-child { border-bottom: 0; }
.comment .pw-avatar { width: 44px; height: 44px; font-size: .85rem; }
.sticky-aside { position: sticky; top: calc(var(--pw-nav-h) + 1.25rem); }

/* Kategori & tag */
.cat-tile { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid var(--pw-border); border-radius: var(--pw-radius); background: #fff; color: var(--pw-text); height: 100%; transition: all .2s; }
.cat-tile:hover, .cat-tile.active { border-color: var(--pw-secondary); box-shadow: var(--pw-shadow); color: var(--pw-primary); }
.cat-tile.active { background: rgba(var(--pw-secondary-rgb), .05); }
.cat-tile .n { margin-left: auto; font-weight: 700; color: var(--pw-secondary); }

/* Pencarian */
.search-hero form { max-width: 720px; }
.result-item { display: flex; gap: 1.25rem; padding: 1.25rem 0; border-bottom: 1px solid var(--pw-border); }
.result-item img { width: 160px; height: 100px; object-fit: cover; border-radius: .7rem; flex-shrink: 0; }
.result-item h3 { font-size: 1.1rem; margin-bottom: .35rem; }
@media (max-width: 575.98px) { .result-item { flex-direction: column; } .result-item img { width: 100%; height: 170px; } }