/*
Theme Name: FamilyTree MVP
Description: Visual family-tree WordPress MVP with dashboard and Drive-ready document storage.
Version: 1.0.0
*/
:root{--primary:#1f5eff;--dark:#152033;--bg:#f5f7fb;--border:#dfe5ef;--muted:#667085}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--dark)}
a{text-decoration:none;color:inherit}.ft-header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.ft-brand{font-size:20px;font-weight:800}.ft-nav{display:flex;gap:18px;align-items:center}.ft-container{max-width:1180px;margin:auto;padding:40px 24px}
.ft-hero{text-align:center;padding:90px 20px}.ft-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:0 auto 20px;max-width:850px}.ft-hero p{font-size:20px;color:var(--muted);max-width:720px;margin:0 auto 30px}.ft-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ft-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:9px;border:0;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.ft-btn.secondary{background:#fff;color:var(--dark);border:1px solid var(--border)}
.ft-grid,.ft-tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ft-card,.ft-tree-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 5px 18px rgba(20,32,51,.05)}.ft-card h3{margin-top:0}.ft-muted{color:var(--muted)}
.ft-form{max-width:520px;margin:40px auto;background:#fff;padding:28px;border:1px solid var(--border);border-radius:16px}.ft-form label{display:block;font-weight:700;margin:15px 0 7px}.ft-form input,.ft-form textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px}
.ft-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.ft-footer{text-align:center;padding:35px;color:var(--muted)}
@media(max-width:800px){.ft-grid,.ft-tree-grid{grid-template-columns:1fr}.ft-header{padding:0 15px}.ft-nav a:not(.ft-btn){display:none}}