/* =========================================
   FILE: assets/site.css
   (Minimal site layer only: header/nav, hero blocks, footer)
   ========================================= */

/* Accessibility */
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:8px 10px;border-radius:10px;border:1px solid var(--line,#e5e7eb)}

/* Header / Nav */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface,#fff);border-bottom:1px solid var(--line,#e5e7eb)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{height:34px;width:auto}
.brand-text{font-weight:800;letter-spacing:.2px}
.nav-actions{display:flex;gap:8px;align-items:center}
.nav{display:flex;gap:10px;align-items:center}
.nav-link{text-decoration:none;padding:8px 10px;border-radius:10px}
.nav-link.is-active{font-weight:800}
.nav-toggle{display:none}

/* Hero (compact, structured) */
.hero{padding:28px 0}
.hero-points{display:grid;gap:10px}
.point{display:flex;gap:10px;align-items:flex-start}
.point-ic{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,#e5e7eb);border-radius:12px}
.point-title{font-weight:800}
.hero-stats{display:flex;flex-wrap:wrap;gap:8px}

/* Section helpers */
.section{padding:28px 0}
.section-soft{background:var(--soft,#f6f7fb)}
.section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.actions{display:flex;flex-wrap:wrap;gap:10px}

/* Mini heading (icon + title) */
.minihead{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.mini-ic{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,#e5e7eb);border-radius:12px}

/* Footer */
.site-footer{border-top:1px solid var(--line,#e5e7eb);padding:28px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}
.footer-title,.footer-brand{font-weight:800}
.footer-links{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.footer-bottom{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#e5e7eb)}
.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* Mobile */
@media (max-width: 992px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:56px;background:var(--surface,#fff);padding:12px 16px;border:1px solid var(--line,#e5e7eb);border-left:0;border-right:0}
  .nav.is-open{display:flex;flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr}
}