@import "tailwindcss";

:root { --pesa-black:#111; --pesa-white:#fff; --pesa-muted:#f3f3f1; --pesa-line:#d7d7d2; --pesa-accent:#f47c35; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--pesa-black); background:var(--pesa-white); }
a { color:inherit; }
.container { width:min(1440px, calc(100% - 48px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.96); border-bottom:1px solid var(--pesa-line); backdrop-filter:blur(12px); }
.header-inner { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { font-size:24px; font-weight:700; letter-spacing:.14em; text-decoration:none; }
.main-nav,.footer-nav { display:flex; flex-wrap:wrap; gap:24px; list-style:none; margin:0; padding:0; }
.main-nav a,.footer-nav a { text-decoration:none; }
.content-shell { padding-block:72px; }
.entry-content { max-width:960px; line-height:1.65; }
.site-footer { margin-top:80px; padding:48px 0; border-top:1px solid var(--pesa-line); background:var(--pesa-muted); }
.footer-inner { display:flex; justify-content:space-between; gap:32px; align-items:flex-start; }
@media (max-width: 768px) { .container{width:min(100% - 28px,1440px)} .header-inner,.footer-inner{align-items:flex-start;flex-direction:column;padding-block:18px}.main-nav{gap:14px 20px}.content-shell{padding-block:48px} }