:root{--saffron:#ff7f00;--saffron-2:#ffb84d;--maroon:#7a1f1f;--cream:#fff7e6;--paper:#fff;--line:#edd7b6;--shadow:0 6px 18px rgba(0,0,0,.06)}
body{font-family:Inter,sans-serif;background:var(--cream);color:#1f1f1f;text-align:justify}
.top-strip{background:linear-gradient(90deg,var(--saffron),var(--saffron-2));color:#fff;font-size:.9rem}
.logo{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd08a,#ff9a1a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#612d00;font-size:1.4rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}
.brand-title{font-family:"Noto Serif",serif;font-weight:700;color:var(--maroon);font-size:1.4rem}
.nav-link{border-radius:50rem;background:#fff3e0;color:#5a280b!important;margin:2px;font-weight:600;font-size:.95rem;border:1px solid var(--line);transition:all .3s;padding:6px 14px!important}
.nav-link:hover{background:#ffe0b3;color:var(--maroon)!important}
.content-card{ background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden;transition:transform .2s}
.content-card:hover{transform:translateY(-4px)}
.content-card img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--line)}
.content-card .card-body h5{font-family:"Noto Serif",serif;color:#5b220e;margin-bottom:.5rem}
.content-card h1{font-family:"Noto Serif",serif;color:#5b220e;margin-bottom:14px}
.badge-custom{background:#fff8ea;border:1px solid var(--line);color:#5a280b;font-size:.8rem;padding:4px 8px;border-radius:8px}
aside .card{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
aside h3{font-family:"Noto Serif",serif;color:var(--maroon)}
aside ul li{border-bottom:1px dashed #f0d7b0;padding-bottom:10px}
aside ul li:last-child{border-bottom:none}
aside ul li a{transition:color .3s}
aside ul li a:hover{color:var(--saffron)}
.related-posts h3{font-family:"Noto Serif",serif;color:var(--maroon);margin-bottom:1rem}
.related-posts .card{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:transform .2s}
.related-posts .card:hover{transform:translateY(-4px)}
footer{margin-top:30px}
.footer-menu{background:linear-gradient(90deg,var(--saffron),var(--saffron-2));padding:10px 0}
.footer-menu .nav-link{background:rgba(255,255,255,.15);color:#fff!important;font-weight:600;padding:6px 14px!important;border-radius:50rem}
.footer-meta{color:#5a280b;font-size:.95rem;text-align:center}
.footer-meta small{display:block;color:#7a5a36}
.to-top{position:fixed;right:16px;bottom:16px;padding:10px 12px;border-radius:50%;background:var(--saffron);border:none;box-shadow:var(--shadow);cursor:pointer;color:#fff;font-weight:bold}
.to-top:hover{background:var(--maroon)}
.navbar-toggler{border:none}
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,.7%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
a{text-decoration:none}
a:hover{text-decoration:underline}