/*
Theme Name: Tuppuan Op Bagas Sinaga Premium
Theme URI: https://nusantaranews-today.com
Author: Nusantara News Today
Description: Theme premium organisasi marga/adat dengan homepage modern, dashboard-friendly layout, anggota, silsilah, berita, agenda, wilayah, dan mobile/PWA ready.
Version: 2.0.0
License: GPLv2 or later
Text Domain: tobs-premium
*/
:root{--red:#7a1515;--red2:#4b0808;--gold:#d8a13b;--dark:#15100e;--cream:#fff7e8;--muted:#75685f;--line:#ead8bd;--shadow:0 18px 50px rgba(72,31,15,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:#211915;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:min(1200px,92%);margin:auto}.topbar{background:#130b0a;color:#f7e6c6;font-size:13px;padding:8px 0}.site-header{position:sticky;top:0;z-index:99;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.22)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--gold),#ffe7a2);display:grid;place-items:center;color:#4b0808;font-weight:900;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand h1{font-size:22px;margin:0;line-height:1.05}.brand span{font-size:12px;color:#ffe5b1}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}.nav a{font-weight:800;font-size:14px}.nav a:hover{color:var(--gold)}.mobile-toggle{display:none;border:0;background:var(--gold);color:#3c0707;border-radius:10px;padding:10px 12px;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(216,161,59,.35),transparent 28%),linear-gradient(135deg,#fff7e8 0%,#fff 58%,#f7ead2 100%);padding:68px 0}.hero:after{content:"";position:absolute;inset:auto -10% -90px -10%;height:180px;background:repeating-linear-gradient(90deg,var(--red) 0 36px,var(--gold) 36px 72px,#111 72px 108px);opacity:.08;transform:rotate(-2deg)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;position:relative;z-index:1}.badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);color:var(--red);padding:8px 14px;border-radius:999px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.06)}.hero h2{font-size:54px;line-height:1.04;margin:16px 0;color:#26130e;letter-spacing:-1.5px}.hero p{font-size:18px;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;border:2px solid var(--red);font-weight:900}.btn.primary{background:var(--red);color:#fff}.btn.secondary{background:#fff;color:var(--red)}.hero-panel{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.ornament{height:12px;border-radius:40px;background:repeating-linear-gradient(90deg,var(--red) 0 28px,var(--gold) 28px 56px,#111 56px 84px);margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:16px}.stat b{font-size:28px;color:var(--red);display:block}.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:34px;line-height:1.1;margin:0;color:#2a1710}.section-head p{color:var(--muted);margin:8px 0 0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 38px rgba(34,18,9,.08);overflow:hidden}.pad{padding:20px}.card h3{margin:0 0 8px;font-size:21px}.meta{color:var(--muted);font-size:13px}.thumb{height:205px;background:linear-gradient(135deg,#ead6b8,#fff1d4);display:grid;place-items:center;color:var(--red);font-weight:900;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.feature{padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff,var(--cream));border:1px solid var(--line)}.feature b{font-size:19px;color:var(--red)}.cta{background:linear-gradient(135deg,var(--red),#280505);color:#fff;border-radius:30px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.cta h2{margin:0;color:#fff}.footer{background:#130b0a;color:#fff;padding:42px 0;margin-top:40px}.footer h3{color:var(--gold)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:16px;color:#d5c2b4;font-size:13px}.content-wrap{display:grid;grid-template-columns:1fr 320px;gap:28px}.single-title{font-size:44px;line-height:1.08;margin:10px 0 16px}.content{font-size:18px}.archive-hero{background:var(--cream);padding:42px 0;border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:var(--muted)}.tobs-tree{overflow:auto}.tree-node{display:inline-block;min-width:190px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px;margin:10px;box-shadow:0 8px 22px rgba(0,0,0,.07);vertical-align:top}.tree-node b{color:var(--red)}.dark-mode{background:#14100e;color:#f7ead8}.dark-mode .card,.dark-mode .hero-panel,.dark-mode .feature,.dark-mode .stat{background:#211915;color:#fff;border-color:#3b2b22}.dark-mode .hero,.dark-mode .archive-hero{background:#18110f}.dark-mode .hero h2,.dark-mode .section-head h2,.dark-mode .card h3{color:#fff}.floating-mobile{position:fixed;right:16px;bottom:16px;z-index:120;display:flex;gap:8px}.float-btn{background:var(--red);color:#fff;border:0;border-radius:999px;padding:12px 14px;font-weight:900;box-shadow:var(--shadow)}@media(max-width:880px){.mobile-toggle{display:block}.nav{display:none;width:100%}.nav.open{display:block}.nav ul{flex-direction:column;gap:8px}.head-inner{align-items:flex-start;flex-wrap:wrap}.hero-grid,.grid-2,.grid-3,.grid-4,.content-wrap,.cta{grid-template-columns:1fr}.hero h2{font-size:36px}.stats{grid-template-columns:1fr}.single-title{font-size:32px}}