/* Dashboard */
.dashboard-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fffdf9 0%,#f8efe1 60%,#eef4fb 100%);border:1px solid var(--line);border-radius:28px;padding:34px 36px;margin:14px 0 20px;box-shadow:var(--shadow)}.dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:linear-gradient(135deg,rgba(11,67,143,.11),rgba(201,54,70,.08))}.dashboard-hero h1{font:700 clamp(38px,4.5vw,58px)/1.04 Georgia,serif;color:var(--navy);margin:5px 0 12px;max-width:720px}.dashboard-hero p{font-size:17px;max-width:720px;margin:0}.dashboard-family-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.dash-nav-tile{border:1px solid var(--line);border-radius:20px;padding:18px 14px;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;background:#eef6ff;color:var(--navy);cursor:pointer;text-align:left}.dash-nav-tile.tree-tile{background:#eef9ef}.dash-nav-tile.messages-tile{background:#fff0f2}.dash-nav-tile b{font-size:17px}.dash-nav-tile small{color:var(--muted);font-size:12px}.dash-nav-icon{font-size:22px;font-weight:900;letter-spacing:-4px;color:var(--blue)}.connected-feature{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #ddd5f5;background:linear-gradient(120deg,#fbf8ff,#f6f3ff 55%,#fff9f4);border-radius:24px;padding:20px 22px;margin:0 0 24px;cursor:pointer;box-shadow:0 7px 20px rgba(44,28,92,.06)}.connected-feature:focus-visible{outline:3px solid rgba(11,67,143,.25);outline-offset:3px}.connected-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#efe7ff;color:#6b36d4;font-size:25px;font-weight:900}.connected-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connected-title-row h2{font:700 28px Georgia,serif;color:var(--navy);margin:0}.connected-new{font:850 10px Arial,sans-serif;letter-spacing:.08em;color:#6b36d4;background:#ede5ff;border-radius:999px;padding:5px 8px}.connected-copy p{margin:5px 0 10px;color:var(--muted);font-size:14px}.connected-chips{display:flex;align-items:center}.connected-chip,.connected-more{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:linear-gradient(145deg,#dbe8f7,#f3e5e7);color:var(--navy);font-weight:850;margin-right:-5px;box-shadow:0 2px 5px rgba(0,0,0,.06)}.connected-more{margin-left:10px;margin-right:0;background:#f5eadc}.connected-arrow{font-size:36px;color:#6b36d4;font-weight:700}.your-families-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 2px 12px}.your-families-head h2{font:700 32px Georgia,serif;color:var(--navy);margin:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px}.family-summary-card{min-height:235px}.family-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.family-summary-head h2{font:700 34px Georgia,serif;color:var(--navy);margin:5px 0 2px}.avatar-row{display:flex;align-items:center;margin:22px 0 16px}.avatar-row .dash-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dbe8f7,#f3e5e7);border:3px solid #fff;margin-right:-7px;color:var(--navy);font-weight:850;box-shadow:0 3px 8px rgba(0,0,0,.08)}.avatar-row .dash-avatar.more{background:var(--cream);margin-left:10px;margin-right:0}.summary-note{border-top:1px solid var(--line);padding-top:14px;font-size:13px;color:var(--muted)}.quick-card h2,.dash-section-title{font:700 28px Georgia,serif;color:var(--navy);margin:0}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.quick-action{border:1px solid var(--line);border-radius:16px;padding:17px 12px;min-height:125px;background:#f7fbff;color:var(--navy);cursor:pointer;text-align:left}.quick-action:nth-child(2){background:#fff2f3;color:#a82c3e}.quick-action:nth-child(3){background:#fff8eb;color:#805414}.quick-action b{display:block;margin:9px 0 4px}.quick-action span{display:block;color:var(--muted);font-size:12px;line-height:1.35}.quick-action .qa-icon{font-size:25px}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}.dash-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.dash-link{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.announcement-mini{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.announcement-mini:last-child{border-bottom:0}.date-chip{width:52px;min-height:52px;border-radius:12px;background:#faf1e7;display:grid;place-items:center;text-align:center;color:var(--red);font-weight:850;line-height:1.05;font-size:12px}.announcement-mini h4{margin:0 0 4px;color:var(--navy)}.announcement-mini p{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}.photo-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-preview{min-width:0}.photo-preview-img{width:100%;aspect-ratio:4/3;border-radius:13px;object-fit:cover;background:linear-gradient(135deg,#dbe8f7,#f3e7d8);display:grid;place-items:center;font-size:25px;color:var(--blue)}.photo-preview b{display:block;font-size:13px;margin-top:7px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-panel{margin-top:18px}.family-switches{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.family-switch{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--navy);font-weight:750}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-form{box-shadow:none}.disclosure-card summary{cursor:pointer;font-weight:850;color:var(--navy);list-style:none}.disclosure-card summary::-webkit-details-marker{display:none}.disclosure-card summary:after{content:"+";float:right;color:var(--red)}.disclosure-card[open] summary:after{content:"–"}

.view-toggle{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9)}.view-btn{border:0;background:transparent;color:var(--muted);font:700 11px/1.1 Arial,sans-serif;padding:7px 8px;border-radius:9px;cursor:pointer;white-space:nowrap}.view-btn.active{background:var(--navy);color:#fff}.view-btn:hover{background:#edf3fa;color:var(--navy)}.view-btn.active:hover{background:var(--navy);color:#fff}

@media(max-width:900px){.public-hero,.auth-layout,.dashboard-grid,.dashboard-lower{grid-template-columns:1fr}.heritage-panel{min-height:300px}.auth-story{min-height:360px}.quick-actions{grid-template-columns:1fr 1fr 1fr}.app-nav{align-items:center;flex-direction:row}.header-actions{width:auto}.public-nav .actions{width:auto}.photo-preview-grid{grid-template-columns:repeat(3,minmax(120px,1fr));overflow-x:auto}.announcement-mini p{max-width:320px}}
@media(max-width:680px){.container{padding:14px}.nav.app-nav,.public-nav{align-items:center;flex-direction:row}.brand{font-size:23px}.brand:before{width:29px;height:29px}.header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-actions .profile-pill{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions .signout-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:800;white-space:nowrap}.public-nav .actions .btn.ghost:first-of-type{display:none}.public-hero{padding:32px 0 26px}.public-hero h1{font-size:43px}.heritage-panel{min-height:250px;padding:25px}.auth-layout{padding-top:24px}.auth-story{min-height:300px;padding:28px}.auth-story h1{font-size:42px}.auth-values{grid-template-columns:1fr}.auth-card{padding:24px}.dashboard-hero{padding:26px 22px}.dashboard-hero h1{font-size:39px}.dashboard-family-nav{gap:8px}.dash-nav-tile{padding:14px 10px;min-height:98px;border-radius:17px}.dash-nav-tile b{font-size:15px}.dash-nav-tile small{font-size:11px}.connected-feature{grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:17px 15px;border-radius:20px}.connected-icon{width:46px;height:46px;border-radius:14px;font-size:20px}.connected-title-row h2{font-size:22px}.connected-copy p{font-size:12px}.connected-chip,.connected-more{width:29px;height:29px}.connected-arrow{font-size:30px}.your-families-head h2{font-size:28px}.quick-actions{grid-template-columns:1fr}.onboarding-grid{grid-template-columns:1fr}.family-summary-head h2{font-size:29px}.page-title{font-size:36px}.announcement-mini{grid-template-columns:52px 1fr}.announcement-mini>span:last-child{display:none}.announcement-mini p{max-width:210px}.photo-preview-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.site-footer{align-items:flex-start;flex-direction:column}.site-footer .lang-toggle{display:none}.view-toggle{max-width:142px;overflow-x:auto}.view-btn{padding:6px;font-size:10px}}

/* Manual responsive preview. Auto remains the default responsive behavior. */
html.view-mobile body{background:#eef1f5}html.view-mobile .container{max-width:430px;margin:0 auto;background:var(--bg,#fffdf9);min-height:100vh;padding:14px;box-shadow:0 0 30px rgba(0,0,0,.09)}html.view-mobile .public-hero,html.view-mobile .auth-layout,html.view-mobile .dashboard-grid,html.view-mobile .dashboard-lower,html.view-mobile .onboarding-grid{grid-template-columns:1fr!important}html.view-mobile .quick-actions{grid-template-columns:1fr!important}html.view-mobile .dashboard-family-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.view-mobile .nav.app-nav,html.view-mobile .public-nav{align-items:center;flex-direction:row}html.view-mobile .brand{font-size:23px}html.view-mobile .header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}html.view-mobile .header-actions .profile-pill{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.view-mobile .header-actions .signout-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:800;white-space:nowrap}html.view-mobile .dashboard-hero{padding:26px 22px}html.view-mobile .dashboard-hero h1{font-size:39px}html.view-mobile .page-title{font-size:36px}html.view-mobile .announcement-mini{grid-template-columns:52px 1fr}html.view-mobile .announcement-mini>span:last-child{display:none}html.view-mobile .announcement-mini p{max-width:210px}html.view-mobile .photo-preview-grid{grid-template-columns:repeat(2,minmax(130px,1fr));overflow-x:auto}html.view-mobile .site-footer{align-items:flex-start;flex-direction:column}
html.view-desktop body{min-width:1100px}html.view-desktop .container{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}html.view-desktop .public-hero,html.view-desktop .auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important}html.view-desktop .dashboard-grid,html.view-desktop .dashboard-lower{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}html.view-desktop .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.view-desktop .onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html.view-desktop .header-actions .signout-link{display:inline-flex!important}html.view-desktop .photo-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}