/* Warm Family Elegance — Matched to /about/ width (1200px), font sizes & Royal Navy/Gold palette */
.family-page{
  --family-ink:var(--site-navy,#132235);
  --family-muted:var(--site-muted,#4a5a66);
  --family-green:var(--site-primary,#1b365d);
  --family-gold:var(--site-gold,#876221);
  --family-gold-bright:var(--site-gold-bright,#c89d46);
  --family-line:var(--site-line,#d8d4c8);
  --family-paper:var(--site-paper,#faf8f3);
  --family-white:#ffffff;
  --family-sage:var(--site-soft,#f4efe4);
  --family-sand:var(--site-soft-gold,#f7f1e3);
  background:var(--family-paper);
}
.family-page main{max-width:1200px;padding:28px 24px 72px}.family-page main>article{max-width:none}.family-experience{font-size:1.0625rem;line-height:1.75;color:var(--family-ink)}.family-experience *{box-sizing:border-box;min-width:0}.family-experience [hidden]{display:none!important}.family-experience [id]{scroll-margin-top:var(--family-offset,110px)}
.family-experience h1,.family-experience h2,.family-experience h3{color:var(--family-ink);font-family:var(--site-serif);font-weight:500;letter-spacing:-.025em;line-height:1.14;overflow-wrap:break-word}.family-experience h1{font-size:var(--site-font-title,clamp(2.4rem,4.6vw,4rem));line-height:1.08;margin:0 0 18px}.family-experience h2{font-size:clamp(1.75rem,3.2vw,2.35rem);margin:0 0 12px}.family-experience h3{font-size:1.42rem;margin:0 0 10px}.family-experience p{color:var(--family-muted);margin:0 0 18px}.family-experience a{color:var(--family-green);text-underline-offset:4px}.family-experience .family-kicker{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--family-gold);margin:0 0 10px}.family-experience .family-small,.family-attribution{font-size:.875rem;line-height:1.65}.family-experience .family-intro{font-size:1.12rem;line-height:1.75;color:var(--site-charcoal,#263646);max-width:58ch}
.family-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;padding:clamp(24px,4.5vw,56px);background:var(--family-white);border:1px solid var(--family-line);border-top:4px solid var(--family-gold-bright);border-radius:var(--site-radius-lg,24px);box-shadow:var(--site-shadow);margin-bottom:24px}.family-hero-picture{border:1px solid var(--site-gold-line,#decba2);border-radius:12px;overflow:hidden;background:var(--family-sand)}.family-hero-art{display:block;width:100%;height:auto;aspect-ratio:560/440}.family-hero-picture p{padding:18px 22px;margin:0;font:1.5rem/1.3 var(--site-serif);color:var(--family-ink)}.family-hero-picture span{font:.88rem/1.6 var(--site-sans);color:var(--family-muted)}.family-hero-reference{margin-bottom:0!important;color:var(--family-gold)!important;font-weight:600}.family-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.family-experience .family-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid var(--family-green);border-radius:var(--site-radius-sm,10px);background:var(--family-green);color:white!important;text-align:center;font:600 .94rem/1.4 var(--site-sans);text-decoration:none!important;cursor:pointer;box-shadow:0 4px 14px rgba(19,34,53,0.16)}.family-experience .family-secondary{background:#ffffff;border-color:var(--site-line-strong,#b3aea0);color:var(--family-ink)!important;box-shadow:none}.family-experience .family-button:hover{filter:brightness(.95)}.family-experience :focus-visible{outline:3px solid var(--site-focus,#875812);outline-offset:4px}.family-experience [tabindex="-1"]:focus{outline:2px solid var(--site-focus,#875812);outline-offset:5px}
.family-experience .family-welcome{padding:18px 24px;background:var(--family-white);border:1px solid var(--family-line);border-left:4px solid var(--family-gold-bright);border-radius:12px;font-size:.96rem;margin-bottom:24px;box-shadow:var(--site-shadow)}.family-experience section{margin-block:44px}.family-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.family-section-heading p:last-child{margin:0}.family-section-heading>p{max-width:30ch}.family-tag{font-size:.76rem;font-weight:600;padding:5px 14px;border:1px solid var(--site-gold-line,#decba2);background:var(--family-sand);color:var(--family-gold);border-radius:999px;max-width:28ch}
.family-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.family-pathway{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 26px;background:var(--family-white);border:1px solid var(--family-line);border-top:3px solid var(--family-gold-bright);border-radius:var(--site-radius,18px);text-decoration:none;box-shadow:var(--site-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.family-pathway:hover{border-color:var(--family-gold-bright);transform:translateY(-2px);box-shadow:var(--site-shadow-lg)}.family-icon{display:block;width:44px;height:44px;flex-shrink:0;color:var(--family-gold);margin-bottom:8px}.family-pathway h3{margin:0 0 6px;font-size:1.45rem}.family-pathway p{margin:0;font-size:.96rem}.family-pathway>span{display:flex;justify-content:space-between;width:100%;min-height:40px;align-items:center;font-size:.88rem;font-weight:600;color:var(--family-green);margin-top:auto;padding-top:14px;border-top:1px solid var(--family-line)}.family-experience .family-recommend{padding:16px 0 0;margin:12px 0 0;font-size:.96rem}.family-recommend a{display:inline-block;min-height:44px;padding-block:8px;font-weight:600}
.family-experience .family-devotional{padding:clamp(24px,4.5vw,56px);border:1px solid var(--family-line);border-top:4px solid var(--family-gold-bright);border-radius:var(--site-radius-lg,24px);background:var(--family-white);box-shadow:var(--site-shadow)}.family-rhythm{display:flex;flex-wrap:wrap;gap:10px 25px;list-style:none;padding:14px 0;margin:0 0 24px;border-block:1px solid var(--family-line);font:italic 1.15rem/1.5 var(--site-serif);color:var(--family-ink)}.family-rhythm li+li:before{content:'·';display:inline-block;margin-right:25px;color:var(--family-gold)}.family-devotional-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.family-experience .family-reference{font:600 .92rem/1.5 var(--site-sans);color:var(--family-gold);margin-bottom:10px}.family-reading h3{font-size:clamp(1.65rem,2.8vw,2.15rem);max-width:25ch}.family-devotional-summary{font-weight:600;color:var(--family-ink)!important}.family-reading .family-button{margin-bottom:14px}.family-discussion{padding:24px;background:var(--family-sage);border:1px solid var(--site-gold-line,#decba2);border-radius:12px}.family-discussion dl{margin:18px 0}.family-discussion dt{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--family-gold);margin-bottom:6px}.family-discussion dd{font-size:.96rem;color:var(--family-ink);margin:0 0 16px}.family-response{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--family-line);padding-top:24px;margin-top:22px}.family-response h3{font-size:1.42rem}.family-feedback{min-height:1.7em;font-weight:600;color:var(--family-green)}.family-experience .family-devotional-picker{border-top:1px solid var(--family-line);padding-top:16px}.family-experience summary{cursor:pointer;min-height:48px}.family-devotional-picker>summary{padding:10px 0;font-weight:600;color:var(--family-green)}.family-devotional-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0}.family-devotional-picker a{display:flex;flex-direction:column;gap:4px;padding:14px 18px;min-height:52px;text-decoration:none;border:1px solid var(--family-line);border-radius:var(--site-radius-sm,10px);background:var(--family-paper);font-weight:600;color:var(--family-ink)}.family-devotional-picker a:hover{border-color:var(--family-gold-bright);background:var(--family-sand)}.family-devotional-picker span{font-weight:400;font-size:.85rem;color:var(--family-muted)}.family-experience [data-family-copy-fallback] label{display:block;font-weight:600;font-size:.9rem}.family-experience input[readonly]{width:100%;font:1rem/1.5 var(--site-sans);padding:12px;border:1px solid var(--site-line-strong,#b3aea0);border-radius:var(--site-radius-sm,10px);background:var(--family-paper);color:var(--family-ink);margin:8px 0}
.family-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 16px}.family-filters button{border:1px solid var(--site-line-strong,#b3aea0);border-radius:var(--site-radius-sm,10px);background:var(--family-white);color:var(--family-ink);font:600 .9rem/1.4 var(--site-sans);padding:10px 18px;min-height:44px;min-width:80px;cursor:pointer}.family-filters button[aria-pressed=true]{background:var(--family-ink);color:white;border-color:var(--family-ink)}.family-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.family-experience .family-resource{max-width:none;margin:0;padding:26px;border:1px solid var(--family-line);border-top:3px solid var(--family-gold-bright);border-radius:var(--site-radius,18px);background:var(--family-white);box-shadow:var(--site-shadow);display:flex;flex-direction:column}.family-resource-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.family-resource-top .family-icon{width:36px;height:36px;margin:0}.family-resource-top span{font-size:.74rem;color:var(--family-gold);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.family-resource h3{font-size:1.45rem}.family-resource p{font-size:.95rem}.family-experience .family-resource-reference{color:var(--family-ink);font-weight:600;font-size:.88rem}.family-resource a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding-top:14px;border-top:1px solid var(--family-line);margin-top:auto;font-size:.9rem;font-weight:600;color:var(--family-green);text-decoration:none}.family-resource a:hover{text-decoration:underline}.family-empty{padding:26px;background:var(--family-sage);border:1px solid var(--family-line);border-radius:12px}
.family-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.family-topic{padding:24px;border:1px solid var(--family-line);background:var(--family-white);border-radius:var(--site-radius,18px);box-shadow:var(--site-shadow)}.family-topic summary{font:500 1.38rem/1.3 var(--site-serif);color:var(--family-ink);min-height:60px;padding:0 0 8px}.family-topic summary small{display:block;font:600 .78rem/1.5 var(--site-sans);margin-top:8px;color:var(--family-gold)}.family-topic p{font-size:.95rem;margin-top:14px}.family-topic a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.9rem;font-weight:600}.family-topic-action{border-left:3px solid var(--family-gold-bright);background:var(--family-sand);padding:10px 14px;border-radius:0 8px 8px 0;color:var(--family-ink)!important}
.family-experience .family-tonight{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;background:var(--family-sand);border:1px solid var(--site-gold-line,#decba2);padding:clamp(24px,4.5vw,56px);border-radius:var(--site-radius-lg,24px);box-shadow:var(--site-shadow)}.family-tonight ol{margin:0;padding:0 0 0 24px;display:flex;flex-direction:column;gap:18px}.family-tonight strong,.family-tonight span{display:block}.family-tonight span{font-size:.95rem;color:var(--family-muted);margin-top:4px}.family-care{display:flex;align-items:flex-start;gap:24px;padding:24px 28px;background:var(--family-white);border:1px solid var(--family-line);border-left:4px solid var(--family-gold-bright);border-radius:var(--site-radius,18px);font-size:.94rem;box-shadow:var(--site-shadow)}.family-care strong{flex:0 0 180px;color:var(--family-ink)}.family-care p{margin:0;max-width:85ch}.family-closing>p{max-width:78ch}.family-next-links{display:flex;flex-wrap:wrap;gap:10px 24px}.family-next-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.94rem;font-weight:600}.family-attribution{margin-top:26px!important}.family-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}
.family-page.reading-large .family-experience{font-size:1.15rem}.family-page.reading-large .family-experience p:not(.family-kicker),.family-page.reading-large .family-experience dd,.family-page.reading-large .family-experience li{font-size:1.15rem}.family-page.reading-large .family-hero-picture p{font-size:1.75rem}.family-page.reading-large .family-experience button,.family-page.reading-large .family-experience input{font-size:1.125rem}
@media(max-width:1040px){.family-pathways,.family-topic-grid,.family-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-hero{gap:24px;padding:28px}.family-devotional-grid{grid-template-columns:1.4fr 1fr;gap:24px}.family-discussion{padding:22px}}
@media(max-width:720px){.family-page main{padding:20px 18px 48px}.family-hero{grid-template-columns:1fr;gap:20px;padding:24px}.family-hero-picture{display:grid;grid-template-columns:1.3fr 1fr;align-items:center}.family-hero-picture p{padding:16px;font-size:1.2rem!important}.family-hero-picture span{font-size:.82rem}.family-experience .family-intro{font-size:1rem}.family-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.family-devotional-grid,.family-response,.family-experience .family-tonight{grid-template-columns:1fr;gap:22px}.family-topic-grid{grid-template-columns:1fr}.family-devotional-picker>div{grid-template-columns:1fr}.family-experience section{margin-block:36px}.family-rhythm{gap:10px 16px;font-size:1.05rem}.family-rhythm li+li:before{margin-right:16px}.family-experience .family-tonight{padding:22px}.family-care{flex-direction:column;gap:8px;padding:20px}.family-care strong{flex:auto}.family-pathway{padding:22px}.family-topic summary{min-height:48px}}
@media(max-width:480px){.family-pathways,.family-resource-grid{grid-template-columns:1fr}.family-hero .family-actions{flex-direction:column;align-items:stretch}.family-hero .family-actions a{width:100%}.family-hero-picture{grid-template-columns:1fr}.family-hero-picture span{display:block}.family-rhythm{gap:8px 10px}.family-rhythm li+li:before{margin-right:10px}.family-filters button{flex:1 1 40%}.family-experience .family-resource{padding:22px}.family-hero-reference{font-size:.82rem!important}}
@media(prefers-reduced-motion:reduce){.family-experience *, .family-experience *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.family-page main{max-width:none;padding:0}.family-hero-picture,.family-hero .family-actions,.family-hero-reference,.family-pathways,.family-recommend,.family-welcome,.family-experience .family-button,.family-devotional-picker,.family-filters,.family-resource-grid,.family-empty,.family-topic-grid,.family-tonight,.family-care,.family-closing nav,.family-experience button,.family-feedback,[data-family-copy-fallback]{display:none!important}.family-experience #family-generations,.family-experience #family-activities,.family-experience #family-wisdom{display:none}.family-hero,.family-devotional-grid,.family-response{display:block;border:0;box-shadow:none;padding:0}.family-experience .family-devotional{border:0;padding:0;box-shadow:none}.family-discussion{padding:0;background:none;border:0}.family-experience h1{font-size:28pt;max-width:none}.family-experience h2{font-size:20pt}.family-experience p,.family-experience dd{color:#000}.family-experience section{margin-block:24px}.family-response>div{break-inside:avoid}}

/* Premium editorial finish; print presentation is retained above. */
@media screen{
 .family-hero{padding:clamp(24px,4.5vw,56px);gap:clamp(24px,4vw,48px);border-radius:var(--site-radius-lg);border-top-width:2px}
.family-hero h1{text-wrap:balance;letter-spacing:-.035em}
.family-pathway,.family-resource,.family-topic{border-radius:var(--site-radius);box-shadow:var(--site-shadow)}
@media(max-width:520px){.family-hero{padding:24px 20px;gap:24px}}

}