/* shell.css: generated from metal.css (tokens, fonts, nav, footer only) for legacy pages. */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin-var.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{
  
  --gold-50:#fbf6ea;--gold-100:#f4ead0;--gold-200:#e8d6a6;--gold-300:#d8bd7e;--gold-400:#c8a862;--gold-500:#b8975a;--gold-600:#9c7c42;--gold-700:#7e6331;--gold-800:#5c4823;
  --yellow:#f2c14e;--yellow-soft:#fbe7b0;
  --rose-100:#f6e1dc;--rose-200:#ecc3b8;--rose-300:#e0a899;--rose-500:#b76e79;--rose-600:#9b5862;--rose-700:#7a4049;
  --copper-100:#f4e0d0;--copper-300:#dfa274;--copper-400:#c98650;--copper-500:#b87333;--copper-600:#995c27;--copper-700:#7c4a22;
  --metal-gold:linear-gradient(135deg,#7e6331 0%,#b8975a 22%,#e8d6a6 46%,#c8a862 62%,#9c7c42 82%,#7e6331 100%);
  --metal-gold-soft:linear-gradient(135deg,#c8a862 0%,#e8d6a6 45%,#b8975a 100%);
  --metal-rose:linear-gradient(135deg,#7a4049 0%,#b76e79 30%,#ecc3b8 52%,#b76e79 74%,#7a4049 100%);
  --metal-copper:linear-gradient(135deg,#7c4a22 0%,#b87333 30%,#dfa274 52%,#b87333 76%,#7c4a22 100%);
  --metal-tri:linear-gradient(100deg,#9c7c42 0%,#d8bd7e 18%,#b76e79 42%,#e0a899 55%,#b87333 76%,#dfa274 90%,#b8975a 100%);
  --metal-tri-v:linear-gradient(180deg,#d8bd7e,#b76e79 50%,#b87333);
  
  --shadow-sm:0 1px 2px rgba(92,72,35,.10),0 4px 12px -6px rgba(124,74,34,.22);
  --shadow-md:0 2px 6px rgba(92,72,35,.10),0 18px 36px -18px rgba(124,74,34,.45);
  --shadow-lg:0 4px 12px rgba(92,72,35,.12),0 34px 64px -28px rgba(122,64,73,.55);
  --shadow-glow:0 0 0 1px rgba(216,189,126,.35),0 20px 50px -20px rgba(184,115,51,.55);
  
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --radius-sm:.5rem;--radius:.85rem;--radius-lg:1.25rem;--radius-xl:1.75rem;
  --font-display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --maxw:1200px;
  
  --brand:#14325c;--brand-deep:#0b1d38;--brand-ink:#0a1528;--brand-soft:#e6edf7;--brand-accent:var(--gold-400);
  --paper:#fbf8f2;--surface:#ffffff;--ink:#1d1a16;--ink-soft:#4a4338;--ink-mute:#7a7062;--rule:#e7dcc6;
}
body[data-site="eusomniamd"]{--brand:#163a6b;--brand-deep:#0c2142;--brand-ink:#08162d;--brand-soft:#e5ecf6}
body[data-site="eusomnia-org"]{--brand:#2b2a6b;--brand-deep:#17163f;--brand-ink:#0e0d2a;--brand-soft:#e9e8f6}
body[data-site="brianharrismd"]{--brand:#1b2f4e;--brand-deep:#101d33;--brand-ink:#0a1322;--brand-soft:#e7ebf2}
body[data-site="brianharris-org"]{--brand:#6b2433;--brand-deep:#3f141e;--brand-ink:#2a0d14;--brand-soft:#f5e7e9}
body[data-site="7oh"]{--brand:#0f5a5e;--brand-deep:#08363a;--brand-ink:#052427;--brand-soft:#e1f0ef}
body[data-site="sleepcognition"]{--brand:#4a3a8c;--brand-deep:#251c4f;--brand-ink:#171133;--brand-soft:#ece8f7}
body[data-site="lucidbridge"]{--brand:#b45309;--brand-deep:#5a2a06;--brand-ink:#2c1a0b;--brand-soft:#fbefdc;--paper:#fdf9f2;--rule:#e9ddc8}
body[data-site="wakesleep"]{--brand:#1f5f8b;--brand-deep:#103552;--brand-ink:#0a2236;--brand-soft:#e3eef6}
body[data-site="harrisfamily"]{--brand:#35523f;--brand-deep:#1d3024;--brand-ink:#121f17;--brand-soft:#e8efe9}
body[data-site="harrisarchives"]{--brand:#6a5338;--brand-deep:#3b2d1d;--brand-ink:#261d12;--brand-soft:#f2ebe1}
header.topnav .wrap,footer.ringfoot .wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
.topnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--brand-ink) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f6efe2}
.topnav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--metal-tri);opacity:.9}
.topnav .bar{display:flex;align-items:center;gap:1rem;min-height:68px}
.brandmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;min-width:0}
.brandmark svg,.brandmark img{width:40px;height:40px;flex:none}
.brandmark .bm-name{font-family:var(--font-display);font-size:1.22rem;font-weight:600;line-height:1.05;letter-spacing:-.005em;white-space:nowrap}
.brandmark .bm-sub{display:block;font:600 .62rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300);margin-top:.2rem;white-space:nowrap}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.navlinks a{text-decoration:none;font-weight:550;font-size:.93rem;color:#e9e1d2;padding:.5rem .72rem;border-radius:.5rem;transition:color .15s,background .15s;white-space:nowrap}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#fff;background:rgba(216,189,126,.12)}
.navlinks a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold-400)}
.navlinks .btn{margin-left:.5rem}
.navlinks a.btn-gold,.navlinks a.btn-gold:hover{color:#2a1f0c;background:var(--metal-gold-soft)}
.nav-toggle{display:none}
.nav-burger{display:none;margin-left:auto;cursor:pointer;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#f6efe2;padding:.55rem .85rem;border-radius:.6rem;border:1px solid rgba(216,189,126,.45);background:rgba(255,255,255,.04)}
.nav-burger .lines{width:18px;height:12px;position:relative;display:inline-block}
.nav-burger .lines::before,.nav-burger .lines::after,.nav-burger .lines span{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--gold-300)}
.nav-burger .lines::before{top:0}
.nav-burger .lines span{top:5px}
.nav-burger .lines::after{top:10px}
@media (max-width:1020px){.nav-burger{display:inline-flex}.navlinks{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--brand-ink);padding:.5rem 1.25rem 1.25rem;border-bottom:2px solid var(--gold-500);box-shadow:var(--shadow-lg);max-height:calc(100vh - 68px);overflow-y:auto}.navlinks a{padding:.85rem .25rem;border-bottom:1px solid rgba(216,189,126,.16);border-radius:0;font-size:1rem}.navlinks a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--gold-400);padding-left:.75rem}.navlinks .btn{margin:1rem 0 0;justify-content:center;border-bottom:0}.nav-toggle:checked ~ .navlinks{display:flex}}
@media (max-width:420px){.brandmark .bm-sub{display:none}.brandmark .bm-name{font-size:1.08rem}}
header.topnav .btn,footer.ringfoot .btn{display:inline-flex;align-items:center;gap:.5rem;font:650 .95rem/1 var(--font-body);text-decoration:none;padding:.85rem 1.25rem;border-radius:.7rem;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s}
header.topnav .btn:hover,footer.ringfoot .btn:hover{transform:translateY(-1px)}
header.topnav .btn-gold,footer.ringfoot .btn-gold{background:var(--metal-gold-soft);color:#2a1f0c;border-color:#9c7c42;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -12px rgba(156,124,66,.8)}
header.topnav .btn-gold:hover,footer.ringfoot .btn-gold:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 30px -12px rgba(184,115,51,.85)}
header.topnav .btn-ghost,footer.ringfoot .btn-ghost{color:#f8efe0;border-color:rgba(224,168,153,.6);background:rgba(255,255,255,.05)}
header.topnav .btn-ghost:hover,footer.ringfoot .btn-ghost:hover{border-color:var(--rose-200);background:rgba(224,168,153,.12)}
header.topnav .btn-ink,footer.ringfoot .btn-ink{background:var(--brand);color:#fff;box-shadow:var(--shadow-md)}
header.topnav .btn-line,footer.ringfoot .btn-line{color:var(--brand-deep);border-color:var(--copper-300);background:transparent}
header.topnav .btn-line:hover,footer.ringfoot .btn-line:hover{background:var(--copper-100)}
header.topnav .btn-small,footer.ringfoot .btn-small{padding:.6rem .95rem;font-size:.86rem}
.ringfoot{position:relative;background:linear-gradient(180deg,var(--brand-ink),#07080d);color:#d9d0bf;font-size:.93rem}
.ringfoot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--metal-tri)}
.ringfoot a{color:#efe6d4;text-decoration:none}
.ringfoot a:hover{color:var(--gold-200);text-decoration:underline;text-underline-offset:3px}
.ringfoot .anchors{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.4rem 0;border-bottom:1px solid rgba(216,189,126,.18)}
.ringfoot .anchors a{font-weight:650;font-size:.85rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(216,189,126,.4);background:rgba(216,189,126,.06)}
.ringfoot .anchors a:hover{text-decoration:none;background:rgba(216,189,126,.16)}
.ringfoot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;padding:2.5rem 0 2rem}
.ringfoot h4{font:700 .72rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;background:var(--metal-gold-soft);-webkit-background-clip:text;background-clip:text;color:transparent}
.ringfoot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ringfoot .about p{margin-top:.75rem;color:#b9af9c;max-width:26rem}
.ringfoot .about .brandmark .bm-name{font-size:1.15rem}
.ringfoot .network{border-top:1px solid rgba(216,189,126,.18);padding:1.8rem 0}
.ringfoot .network ul{grid-template-columns:repeat(4,1fr);gap:.55rem 1.5rem}
.ringfoot .network li a{display:block}
.ringfoot .network li span{display:block;font-size:.78rem;color:#9b917f}
.ringfoot .network li[aria-current] a{color:var(--gold-200)}
.ringfoot .legal{border-top:1px solid rgba(216,189,126,.18);padding:1.2rem 0 1.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8rem;color:#9b917f}
.ringfoot :target{scroll-margin-top:90px}
.ringfoot section:target h4{outline:2px solid var(--gold-400);outline-offset:6px;border-radius:4px}
@media (max-width:1020px){.ringfoot .cols{grid-template-columns:1fr 1fr}.ringfoot .network ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){header.topnav .wrap,footer.ringfoot .wrap{width:min(100% - 2rem,var(--maxw))}.ringfoot .cols{grid-template-columns:1fr;gap:1.6rem}.ringfoot .network ul{grid-template-columns:1fr}}
header.topnav,footer.ringfoot{font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;box-sizing:border-box}
header.topnav *,footer.ringfoot *{box-sizing:border-box}
header.topnav .wrap,footer.ringfoot .wrap{width:min(100% - 2.5rem,var(--maxw,1180px));margin-inline:auto}