/* Apply the supplied Default style reference to Madiunpedia's existing components. */
:root, :root[data-theme="dark"] {
 --font-title: var(--font-inter);
 --font-body: var(--font-inter);
 --font-mono: var(--font-inter);
 --surface-header: rgba(11,12,14,.82);
 --surface-footer: #171717;
 --border-hairline: .5px solid rgba(255,255,255,.07);
 --border-hairline-subtle: .5px solid rgba(255,255,255,.05);
 --elevation-card: inset 0 1px 0 rgba(255,255,255,.06);
 --elevation-panel: inset 0 1px 0 rgba(255,255,255,.09),0 16px 36px rgba(0,0,0,.12);
 --elevation-button-primary: var(--shadow-sm);
}
:root[data-theme="light"] { --font-title:var(--font-inter); --font-body:var(--font-inter); --font-mono:var(--font-inter); }
html, body, button, input, select, textarea { font-family:var(--font-inter); font-feature-settings:"ss01" 1,"ss03" 1; }
body h1,body h2,body h3,body h4,body h5,body h6 { font-family:var(--font-inter) !important; font-weight:400; letter-spacing:-.025em; }
.container,.hero-container-wide { max-width:var(--page-max-width); }
.site-header { background:var(--surface-header); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:var(--border-hairline); }
.nav-link { font-size:13px; font-weight:400; }
.nav-links { gap:14px; }
.brand-logo-img { height:26px; }
.btn-bone { background:var(--color-bone); color:var(--color-ink); border:0; border-radius:10px; padding:8px 20px; font-size:14px; font-weight:400; box-shadow:var(--shadow-sm); }
.btn-ghost,.btn-theme-toggle { background:var(--surface-soft-fill); border:var(--border-hairline); border-radius:10px; font-weight:400; }
.btn-ghost { padding:8px 16px; }
.btn-bone:hover { opacity:.9; transform:none; }
.btn-text-link { font-size:14px; font-weight:400; color:var(--color-snow); }
.subfilter-btn,.hero-tab-pill { border-radius:10px; font-family:var(--font-inter); font-weight:400; font-size:12px; }
.subfilter-btn.active,.hero-tab-pill.active { border:.5px solid rgba(147,197,253,.45); box-shadow:0 0 0 1.5px rgba(59,130,246,.15); background:var(--surface-soft-fill); }
.archive-eyebrow { font-size:10px; font-weight:500; letter-spacing:.06em; color:var(--color-arc-blue); }
.hero-slide.migrated-hero { padding-top:64px; padding-bottom:112px; }
.migrated-hero .hero-headline-large { font-size:clamp(38px,4.8vw,64px); font-weight:400; line-height:1.05; letter-spacing:-.025em; }
.hero-grid-wide { grid-template-columns:1.4fr 1fr; gap:40px; }
.hero-side { background:rgba(21,22,24,.8); border:var(--border-hairline); border-radius:12px; padding:28px; box-shadow:var(--elevation-panel); backdrop-filter:blur(12px); }
:root[data-theme="light"] .hero-side { background:rgba(255,255,255,.82); }
.hero-excerpt { font-size:16px; font-weight:420; line-height:1.6; letter-spacing:-.023em; color:var(--color-chalk); }
.hero-date { font-family:var(--font-inter); letter-spacing:0; }
.status-badge { align-self:flex-start; width:fit-content; border-width:.5px; border-radius:5.26px; font-size:10px; font-weight:500; padding:2px 6px; }
.category-hero-banner { padding:24px 0; background:var(--surface-void); border-bottom:var(--border-hairline); }
.category-page-title { font-size:clamp(28px,3.6vw,42px); font-weight:400; line-height:1.2; letter-spacing:-.021em; }
.category-page-lead { font-size:14px; line-height:1.57; color:var(--color-fog); }
.category-featured-card,.news-card,.sidebar-widget,.contact-footer-card,.sambatan-post,.account-card,.archive-empty,.video-channel { background:var(--surface-graphite); border:var(--border-hairline); border-radius:12px; box-shadow:var(--elevation-card); }
.category-featured-content,.sidebar-widget,.archive-copy { padding:28px; }
.category-featured-title { font-size:32px; font-weight:400; line-height:1.25; letter-spacing:-.02em; }
.archive-heading h2,.community-content h2 { font-size:28px; font-weight:400; }
.archive-copy h3 { font-size:20px; font-weight:400; line-height:1.33; }
.archive-copy p { font-size:14px; font-weight:420; line-height:1.57; color:var(--color-fog); }
.category-news-grid { gap:24px; }
.category-content-layout { gap:28px; }
.archive-tools input,.archive-tools select,.community-content input:not([type=checkbox]),.community-content textarea,.community-content select { background:var(--surface-graphite); border:var(--border-hairline); border-radius:8.77px; }
.citizen-invite { background:var(--surface-graphite); }
.citizen-invite h2 { font-size:32px; font-weight:400; line-height:1.25; }
.citizen-invite .btn-bone { font-size:12px; padding:8px 14px; }
.migrated-detail .article-title-lg { font-size:clamp(32px,4.8vw,52px); font-weight:400; line-height:1.12; }
.migrated-body { font-size:16px; font-weight:420; line-height:1.8; letter-spacing:-.015em; }
.migrated-body blockquote { border-left:.5px solid var(--color-signal-blue); }
.site-footer { padding:48px 0 24px; background:var(--surface-footer); border-top:var(--border-hairline); }
.contact-footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; gap:28px; }
.contact-footer-grid h3 { font-size:10px; font-weight:500; color:var(--color-steel); }
.contact-footer-grid a { font-size:12px; font-weight:400; }
.contact-footer-card h2 { font-size:28px; }
.contact-footer-card p { font-size:14px; }
.footer-contact-big a { font-family:var(--font-inter); font-weight:400; letter-spacing:-.025em; }
.footer-wordmark { font-family:var(--font-inter); font-weight:400; letter-spacing:-.055em; }
:focus-visible { outline:1.5px solid var(--color-ring-blue); outline-offset:3px; }
@media(max-width:960px) {
 .migrated-hero .hero-grid-wide { grid-template-columns:1fr; gap:24px; }
 .migrated-hero .hero-headline-large { font-size:clamp(32px,6vw,48px); }
 .hero-slide.migrated-hero { padding-top:32px; }
 .migrated-hero .hero-side { padding:24px; }
 .contact-footer-grid { grid-template-columns:1fr 1fr; }
 .contact-footer-card { grid-column:1/-1; }
}
@media(max-width:600px) {
 .nav-actions .btn-bone { font-size:11px; padding:8px 12px; }
 .category-featured-content,.sidebar-widget,.archive-copy { padding:24px; }
 .category-featured-title { font-size:26px; }
 .migrated-hero .hero-excerpt { font-size:14px; }
}