
:root{
  --forest:#294737;
  --forest-dark:#1e382a;
  --moss:#73816a;
  --sage:#e3e7db;
  --cream:#f6f0e5;
  --paper:#fffdf8;
  --cedar:#9b7a4e;
  --ink:#263028;
  --muted:#59635b;
  --line:#d8d2c5;
  --shadow:0 8px 24px rgba(38,52,41,.07);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}
img{display:block;max-width:100%}
a{color:var(--forest);text-underline-offset:3px}
a:hover{color:var(--forest-dark)}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--forest);line-height:1.07;margin:0 0 .55em}
h2{font-size:clamp(1.9rem,2.35vw,2.65rem)}
h3{font-size:1.22rem}
p{margin:0 0 .9rem}
.shell{width:min(1460px,calc(100% - 64px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:white;padding:.7rem 1rem}
.skip-link:focus{top:1rem}

/* HEADER,  deliberately close to the approved 16:9 render */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.97);border-bottom:1px solid rgba(41,71,55,.10)}
.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--forest)}
.brand img{width:70px;height:70px;object-fit:contain}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{font-family:var(--serif);font-size:2rem;font-weight:500;letter-spacing:.01em}
.brand-copy>span{text-transform:uppercase;letter-spacing:.35em;color:var(--cedar);font-size:.78rem;margin-top:6px}
.brand-copy small{font-size:.76rem;color:var(--muted);margin-top:7px}
.site-nav{display:flex;align-items:center;gap:34px}
.site-nav a{text-decoration:none;color:var(--ink);font-size:.94rem;border-bottom:2px solid transparent;padding:.45rem 0}
.site-nav a.active,.site-nav a:hover{color:var(--forest);border-bottom-color:var(--moss)}
.site-nav .nav-cta{border:0;background:var(--forest);color:#fff;padding:.76rem 1.25rem;border-radius:12px}
.site-nav .nav-cta:hover{background:var(--forest-dark);color:#fff}
.nav-toggle{display:none;border:0;background:none}
.nav-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:var(--forest);margin:5px}

/* HOME HERO,  target roughly the same vertical proportions as the approved render */
.home-hero{
  height:auto;
  min-height:500px;
  position:relative;
  overflow:visible;
  background-image:
    linear-gradient(90deg,
      rgba(246,240,229,.99) 0%,
      rgba(246,240,229,.98) 28%,
      rgba(246,240,229,.89) 40%,
      rgba(246,240,229,.60) 51%,
      rgba(246,240,229,.16) 65%,
      rgba(246,240,229,.02) 100%),
    url("/assets/images/kindle-dell-hero-v03.webp");
  background-position:center center;
  background-size:cover;
  border-bottom:1px solid rgba(41,71,55,.08);
}
.home-hero:after{
  content:"";
  position:absolute;
  left:37%;
  top:30px;
  width:360px;
  height:330px;
  background:url("/assets/images/kindle-dell-logo.png") center/contain no-repeat;
  opacity:.075;
  pointer-events:none
}
.hero-grid{min-height:500px;height:auto;display:grid;grid-template-columns:53% 47%;align-items:center}
.hero-copy{position:relative;z-index:2;max-width:620px;padding:22px 0 24px}
.hero-copy h1{font-size:clamp(2.6rem,3.1vw,3.45rem);letter-spacing:-.03em;max-width:620px}
.hero-lead{font-size:1.05rem;color:#38443c;max-width:570px;margin-bottom:.6rem}
.hero-note{font-size:.92rem;color:var(--muted);max-width:585px;line-height:1.42}
.hero-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:590px;margin:15px 0 13px}
.hero-icon{min-height:72px;padding:0 11px;border-right:1px solid rgba(41,71,55,.18);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;font-size:.75rem;line-height:1.18}
.hero-icon:first-child{padding-left:0}
.hero-icon:last-child{border-right:0;padding-right:0}
.icon-circle{width:38px;height:38px;border:1px solid rgba(41,71,55,.25);border-radius:50%;display:grid;place-items:center;color:var(--forest);font-family:var(--serif);font-size:1rem;background:rgba(255,255,255,.46);margin-bottom:5px}
.hero-icon strong{font-weight:500}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid var(--forest);border-radius:8px;padding:.65rem 1.1rem;font-weight:600;font-size:.9rem}
.button.primary{background:var(--forest);color:white}
.button.primary:hover{background:var(--forest-dark);color:white}
.button.secondary{background:rgba(255,255,255,.66);color:var(--forest)}
.opening{margin-top:9px;font-size:.89rem;color:var(--forest)}

/* HOME BODY,  one widescreen band like the approved render */
.home-main{padding:14px 0 12px;background:linear-gradient(180deg,#fffdf8,#f9f5ec)}
.home-band{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.home-column-title{font-family:var(--serif);font-size:1.7rem;color:var(--forest);margin:0 0 10px}
.service-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.service-mini{
  min-height:188px;background:rgba(255,255,255,.66);border:1px solid var(--line);
  border-radius:12px;padding:16px;box-shadow:0 3px 10px rgba(38,52,41,.025)
}
.service-mini .mini-icon{width:45px;height:45px;border-radius:50%;background:#e8eadf;display:grid;place-items:center;color:var(--forest);font-family:var(--serif);margin-bottom:9px}
.service-mini h3{font-size:1.04rem;margin-bottom:.55rem}
.service-mini p{font-size:.78rem;line-height:1.45;color:#39443c;margin:0}

.clinician-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.clinician-mini{
  min-height:188px;background:rgba(255,255,255,.68);border:1px solid var(--line);
  border-radius:12px;padding:10px;display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:start
}
.clinician-mini img{width:130px;height:166px;object-fit:cover;border-radius:8px;background:#eee}
.clinician-mini.deborah img{object-position:50% 44%}
.clinician-mini.jeremy img{object-position:50% 28%}
.clinician-mini h3{font-size:1.16rem;margin:.15rem 0 .25rem}
.credentials{font-size:.76rem;color:var(--muted);margin-bottom:.5rem}
.clinician-mini p{font-size:.77rem;line-height:1.42;color:#39443c}
.profile-link{display:inline-block;border:1px solid var(--moss);border-radius:6px;padding:.35rem .75rem;text-decoration:none;font-size:.75rem;margin-top:2px}

/* lower strip */
.home-lower{border-top:1px solid var(--line);padding:11px 0 13px;background:#fbf7ef}
.home-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.lower-block{min-height:112px}
.lower-heading{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:1.55rem;color:var(--forest);margin-bottom:7px}
.lower-heading:before{content:"❧";font-family:var(--serif);font-size:1.05rem;color:var(--moss)}
.lower-block p{font-size:.78rem;line-height:1.42;margin-bottom:.35rem}
.resource-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resource-inline article{display:grid;grid-template-columns:45px 1fr;gap:9px;align-items:start}
.resource-inline .res-icon{width:45px;height:45px;border-radius:50%;background:#e6e9dd;display:grid;place-items:center;color:var(--forest);font-family:var(--serif)}
.resource-inline h3{font-size:.96rem;margin:0 0 .25rem}
.resource-inline p{font-size:.72rem;color:var(--muted);margin:0}

/* INTERNAL PAGES */
.page-hero{padding:70px 0 55px;background:linear-gradient(105deg,rgba(247,242,231,.94),rgba(238,241,233,.90)),url("/assets/images/kindle-dell-hero-v03.webp") center/cover no-repeat}
.page-hero h1{font-size:clamp(2.7rem,4vw,4.2rem)}
.page-hero p{max-width:760px;color:var(--muted);font-size:1.06rem}
.breadcrumb{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cedar);font-weight:700;margin-bottom:.8rem}
.section{padding:70px 0}
.section.soft{background:#eef1e9}
.section.cream{background:var(--cream)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.callout{border-left:4px solid var(--moss);padding-left:22px}
.quote-like{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.25;color:var(--forest)}
.bio-feature{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}
.bio-feature:last-child{border-bottom:0}
.bio-feature img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
.bio-feature.deborah img{object-position:50% 44%}
.bio-feature.jeremy img{object-position:50% 28%}
.bio-feature ul{padding-left:1.2rem}
.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-row{padding:24px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:white;min-height:250px;display:flex;flex-direction:column}
.resource-card .category{text-transform:uppercase;letter-spacing:.12em;color:var(--cedar);font-size:.72rem;font-weight:700}
.resource-card .resource-action{margin-top:auto}
.disabled-link{display:inline-flex;border:1px dashed #a5aa9f;color:#737a73;padding:.65rem .9rem;border-radius:999px;text-decoration:none}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:1rem 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--forest)}
.notice{padding:18px 20px;background:#f5ead6;border-left:4px solid var(--cedar);border-radius:8px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
form{display:grid;gap:16px}
label{font-weight:700;color:var(--forest)}
input,textarea,select{width:100%;font:inherit;padding:.85rem .9rem;border:1px solid #bfc4b9;border-radius:10px;background:white;color:var(--ink)}
textarea{min-height:150px;resize:vertical}
.honeypot{position:absolute!important;left:-9999px!important}
.status{padding:14px 16px;border-radius:10px;margin-bottom:16px}
.status.success{background:#e4efe5;border:1px solid #a9c7ad}
.status.error{background:#f8e3df;border:1px solid #d5a59d}

/* FOOTER,  low, horizontal, like render */
.site-footer{background:linear-gradient(180deg,#344f40,#294737);color:#eef3ed;padding:17px 0 10px}
.footer-grid{display:grid;grid-template-columns:1.35fr .95fr .95fr 1.4fr;gap:25px;align-items:center}
.footer-grid>div{display:grid;gap:3px}
.footer-grid strong{color:white}
.footer-grid span{font-size:.78rem;color:#dbe4dc}
.footer-brand{display:flex!important;align-items:center;gap:12px!important}
.footer-brand img{width:54px;height:54px;filter:invert(1);opacity:.9}
.footer-links{display:flex!important;gap:15px!important;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{color:#eef3ed;font-size:.77rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:9px;padding-top:7px;display:flex;justify-content:space-between;font-size:.7rem;color:#cbd7ce}
.crisis-footer{
  margin-top:5px;
  text-align:center;
  font-size:.68rem;
  line-height:1.35;
  color:#cbd7ce;
}
.crisis-footer a{
  color:#f0f4ef;
  font-weight:600;
  text-decoration:underline;
}

/* Responsive */
@media(max-width:1150px){
  .site-nav{gap:18px}
  .home-hero{height:auto;min-height:0}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:55px 0;max-width:690px}
  .home-hero:after{left:auto;right:5%;opacity:.05}
  .home-band{grid-template-columns:1fr}
  .service-mini-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .nav-toggle{display:block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:96px;background:var(--paper);padding:18px 32px;box-shadow:var(--shadow)}
  .site-nav.open{display:grid;gap:8px}
  .home-hero{background-image:linear-gradient(rgba(246,240,229,.92),rgba(246,240,229,.92)),url("/assets/images/kindle-dell-hero-v03.webp")}
  .hero-icons{max-width:540px}
  .clinician-mini-grid,.home-lower-grid,.two-col,.contact-grid,.resource-grid,.service-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-links{justify-content:flex-start}
}
@media(max-width:650px){
  .shell{width:min(100% - 28px,1460px)}
  .header-inner{height:78px}
  .brand img{width:49px;height:49px}
  .brand-copy strong{font-size:1.4rem}
  .brand-copy>span{font-size:.62rem}
  .brand-copy small{display:none}
  .site-nav{top:78px}
  .hero-copy h1{font-size:2.5rem}
  .hero-icons{grid-template-columns:1fr 1fr}
  .hero-icon:nth-child(2){border-right:0}
  .service-mini-grid{grid-template-columns:1fr}
  .clinician-mini{grid-template-columns:100px 1fr}
  .clinician-mini img{width:100px;height:130px}
  .resource-inline{grid-template-columns:1fr}
  .bio-feature{grid-template-columns:1fr}
  .bio-feature img{max-width:320px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:4px}
}


/* 0.6: deeper resources, story and research pages */
.resource-grid-expanded{align-items:stretch}
.resource-grid-expanded .resource-card{height:100%;min-height:285px}
.resource-card h3{margin-top:.4rem}
.inline-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.35rem}
.inline-links a{display:inline-flex;padding:.48rem .78rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.72);font-size:.86rem}
.story-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:48px;align-items:start}
.story-feature{margin:0;position:sticky;top:118px}
.story-feature img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:white}
.story-feature figcaption{font-size:.78rem;line-height:1.45;color:var(--muted);margin-top:.7rem}
.story-copy,.research-copy{max-width:920px}
.story-copy p,.research-copy>p{font-size:1.02rem}
.research-copy h2{margin-top:2.1rem}
.bibliography{margin-top:1.8rem;border-top:1px solid var(--line)}
.bib-section{border-bottom:1px solid var(--line);padding:.35rem 0}
.bib-section summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1rem .2rem;font-family:var(--serif);font-size:1.3rem;color:var(--forest)}
.bib-section summary span{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cedar)}
.bib-list{list-style-type:square;padding-left:1.35rem;margin:.1rem 0 1.35rem}
.bib-list li{margin:.72rem 0;line-height:1.48}
.link-chip{display:inline-flex;margin-left:.3rem;padding:.12rem .42rem;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:.72rem;line-height:1.3;vertical-align:baseline}
.bib-note{font-size:.86rem;color:var(--muted);max-width:780px;margin:.1rem 0 .8rem}

@media(max-width:900px){
  .story-layout{grid-template-columns:1fr}
  .story-feature{position:static;max-width:430px}
}

.home-resource-link{display:inline-block;margin-top:.38rem;font-size:.72rem;font-weight:700;color:var(--forest);text-underline-offset:2px}
.home-resource-link:hover{color:var(--cedar)}
