/* Fifteen immutable principles, with a real navigation rail rather than stacked cards. */
body.family-principles #main .principles-hero-section{padding:64px 0;background:var(--ink);margin:0}
body.family-principles #main .principles-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;align-items:start}
body.family-principles #main .principles-hero>*{grid-column:auto;grid-row:auto;min-width:0}
body.family-principles #main .principles-hero h1,body.family-principles #main .principles-hero p{color:var(--ivory)}
body.family-principles #main .principles-hero-copy{font-size:19px;padding:0}
body.family-principles #main .bc-principles-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;padding:72px 0 110px;align-items:start}
body.family-principles #main .bc-principles-grid>*{grid-column:auto;grid-row:auto;min-width:0}
body.family-principles #main .bc-principles-rail{position:sticky;top:112px;max-height:calc(100dvh - 140px);overflow:auto;scrollbar-width:thin}
body.family-principles #main .sidebar{position:static;padding:0;background:transparent;border:0}
body.family-principles #main .sidebar-link{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:10px 6px;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.5;color:var(--muted)}
body.family-principles #main .sidebar-link.active,body.family-principles #main .sidebar-link[aria-current]{color:var(--ink);background:var(--glass-light)}
body.family-principles #main .sidebar-number{color:#88633a;flex:0 0 22px}
body.family-principles #main .entry-title{font-family:Cardo,Georgia,serif;font-size:36px;line-height:1.25;color:var(--ink);margin-bottom:22px;max-width:22ch}
body.family-principles #main article{max-width:70ch;padding:0 0 54px;margin-bottom:48px;border-bottom:1px solid var(--rule)}
body.family-principles #main article p{font-size:18px;line-height:1.85;color:var(--muted)}
@media(max-width:1023px){body.family-principles #main .bc-principles-grid{display:block;padding-top:24px}body.family-principles #main .bc-principles-rail{display:none}body.family-principles #main .principles-hero{grid-template-columns:1fr;gap:25px}body.family-principles #main select{width:100%}}
@media(max-width:650px){body.family-principles #main .principles-hero-section{padding:45px 0}body.family-principles #main .entry-title{font-size:30px}body.family-principles #main article p{font-size:16px}}