@font-face {
font-family: "Inter";
src: url(//lingkarpena.id/wp-content/themes/lingkarpena/assets/fonts/inter-variable.woff2) format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: optional;
}
:root { --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } .card-compact .card-cat { display: none; } .card-hero .card-excerpt {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.hero-block { margin-bottom: 28px; }
.main-col > section:first-child > .section-title { margin-top: 0; }
@media (min-width: 1025px) {
.card-hero .card-title {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
min-height: 3.75em;
}
.card-hero .card-excerpt { min-height: 3.2em; }
.hero-side { grid-auto-rows: 1fr; align-content: stretch; }
.hero-side .card-compact { grid-template-columns: 124px minmax(0, 1fr); align-items: center; padding-bottom: 1rem; }
.hero-side .card-compact:last-child { padding-bottom: 0; }
.hero-side .card-compact.card-noimg { grid-template-columns: 1fr; }
} .post-kredit { display: flex; flex-wrap: wrap; gap: .5rem 2rem; }
.sidebar-terbaru { display: grid; gap: 1rem; } .sidebar-terbaru .card-kicker { display: none; }
.sidebar-terbaru .card-compact { align-items: start; }
.sidebar-terbaru .card-body > :first-child { margin-top: 0; }
.sidebar-terbaru .card-title { line-height: 1.3; margin-top: -.15em; } .popular-tab {
display: inline-block; margin: 0 .35rem .8rem 0; padding: .3rem .8rem;
border: 1px solid var(--line); border-radius: 999px;
font-size: .82rem; font-weight: 600; cursor: pointer;
}
.popular-pilih:checked + .popular-tab { background: var(--accent); border-color: var(--accent); color: #fff; }
.popular-pilih:focus-visible + .popular-tab { outline: 3px solid var(--accent); outline-offset: 2px; }
.popular-daftar { display: none; }
#popular-7:checked ~ .popular-daftar-7,
#popular-30:checked ~ .popular-daftar-30 { display: block; } @media (max-width: 767px) {
.ad-header:has([id^="M759872ScriptRoot"]) { min-height: 320px; }
.code-block-2:has([id^="M759872ScriptRoot"]) { min-height: 690px; }
}