/* eRunna Legal Site - Dark theme matching mobile app */
:root{
  --color-primary:#000000; /* background */
  --color-secondary:#FFFFFF; /* contrast */
  --color-accent:#2A2A2A; /* off-black */
  --color-card:#1C1C1C; /* card bg */
  --color-text-primary:#FFFFFF;
  --color-text-secondary:#A6A6A6;
  --color-border:#333333;
  --color-info:#0099CC; /* links */
  --shadow-color:rgba(0,0,0,0.4);
  --logo-bar-height: 64px; /* adjust as needed */
}
*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--color-text-primary);background:var(--color-primary)}
header{border-bottom:1px solid var(--color-border)}
.logo-bar{display:none}
.logo-bar img{height:60%;width:auto}
.header-center{text-align:center;padding:1rem 1rem .75rem;background:var(--color-primary)}
.header-center h1{margin:0 0 .15rem;font-size:1.3rem}
.header-center p{margin:0;color:var(--color-text-secondary);font-size:.95rem}
.subnav{max-width:960px;margin:.6rem auto 0;display:flex;gap:.75rem;flex-wrap:wrap;padding:.4rem 0;justify-content:center}
.subnav a{color:var(--color-text-secondary);text-decoration:none;font-size:.92rem;padding:.2rem .45rem;border:1px solid var(--color-border);border-radius:999px}
.subnav a:hover{color:var(--color-secondary);border-color:var(--color-text-secondary)}
main{max-width:1100px;margin:0 auto;padding:1.25rem}
section{margin-bottom:1.25rem}
section > h2{margin:.25rem 0 1rem;color:var(--color-secondary);font-size:1.1rem;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 6px 16px var(--shadow-color)}
.card h3{margin:.25rem 0;color:var(--color-secondary);font-size:1.05rem}
.card p{margin:.25rem 0 .5rem;color:var(--color-text-secondary);font-size:.92rem}
.card a{color:var(--color-info);text-decoration:none}
.card a:hover{text-decoration:underline}
.small{font-size:.9rem;color:var(--color-text-secondary);text-align:center}

/* Collapsible (details/summary) styling */
details.section{border:1px solid var(--color-border);border-radius:12px;background:var(--color-card);box-shadow:0 6px 16px var(--shadow-color)}
details.section summary{cursor:pointer;list-style:none;padding:.8rem 1rem;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-secondary)}
details.section[open] summary{border-bottom-color:var(--color-border)}
details.section .content{padding:1rem}

ul{padding-left:1.25rem}
li{margin:.25rem 0}
a{color:var(--color-info);text-decoration:none}
a:hover{text-decoration:underline}
footer{border-top:1px solid var(--color-border);margin-top:2rem;padding:1rem;text-align:center;color:var(--color-text-secondary)}
code,kbd,pre{background:var(--color-accent);border:1px solid var(--color-border);border-radius:6px;padding:.1rem .3rem}
/* Structured footer layout */
footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1024px;margin:0 auto 8px;padding:0 16px;text-align:left}
footer .footer-col h4{margin:0 0 8px;font-size:14px;color:var(--color-secondary)}
footer .footer-col p{margin:4px 0}
footer .footer-col a{color:var(--color-text-secondary)}
footer .footer-meta{max-width:1024px;margin:8px auto 0;padding:0 16px}
/* Match home-site footer small text size and color */
footer .small{font-size:12px;color:var(--color-text-secondary);text-align:left}