:root{--blog-shell:1180px;--blog-copy:720px}
.blog-shell{width:min(var(--blog-shell),calc(100% - (var(--gutter)*2)));margin:auto}.blog-hero{background:var(--paper);border-bottom:1px solid var(--line)}.blog-hero-grid{padding:clamp(76px,8vw,118px) 0 clamp(70px,7vw,104px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.5fr);gap:clamp(56px,8vw,120px);align-items:end}.blog-kicker,.section-index{margin:0 0 16px;font-size:.69rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--clay-accessible)}.blog-kicker{display:flex;align-items:center;gap:12px}.blog-kicker:before{content:"";width:34px;height:5px;background:var(--clay)}.blog-hero h1{margin:0 0 24px;max-width:11ch;font-size:clamp(3.25rem,5.7vw,6rem);line-height:.92;letter-spacing:-.068em}.hero-lead{margin:0 0 18px;max-width:64ch;font-size:clamp(1.16rem,1.5vw,1.38rem);font-weight:650;line-height:1.46}.blog-hero p:not(.hero-lead):not(.blog-kicker){max-width:69ch}.editorial-note{position:relative;padding:34px 30px 30px;border:1px solid var(--line);background:var(--paper-bright);box-shadow:0 20px 55px rgba(16,43,40,.07)}.editorial-note:before{content:"";position:absolute;left:-1px;top:-1px;width:46%;height:5px;background:var(--sun)}.editorial-note .note-index{display:block;margin-bottom:32px;font-size:.68rem;font-weight:850;letter-spacing:.14em;color:var(--clay-accessible)}.editorial-note strong{display:block;font-size:1.45rem;line-height:1.05;letter-spacing:-.035em}.editorial-note p{margin:16px 0 0!important;color:rgba(21,60,54,.72)}.blog-section{padding:clamp(66px,7vw,104px) 0;border-bottom:1px solid var(--line);background:var(--paper-bright)}.section-top,.listing-head{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:clamp(48px,7vw,110px);align-items:end;margin-bottom:34px}.section-top h2,.listing-head h2,.safety-grid h2,.boundary-grid h2{margin:0;max-width:14ch;font-size:clamp(2.4rem,4vw,4rem);line-height:.97;letter-spacing:-.057em}.section-top>p,.listing-head>div>p{max-width:62ch;margin:0;color:rgba(21,60,54,.72)}.discovery{background:var(--soft)}.discovery-tools{display:grid;gap:24px}.search-box{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;border:1px solid var(--line);background:var(--paper-bright)}.search-box span{padding:0 22px;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-accessible)}.search-box input{width:100%;min-height:58px;border:0;border-left:1px solid var(--line);padding:0 20px;background:transparent;color:var(--ink);font:inherit;outline:none}.search-box input:focus{box-shadow:inset 0 0 0 2px rgba(204,72,37,.35)}.topic-chips{display:flex;flex-wrap:wrap;gap:9px}.topic-chip{appearance:none;border:1px solid var(--line);background:var(--paper-bright);color:var(--ink);padding:11px 14px;font:inherit;font-size:.78rem;font-weight:760;cursor:pointer}.topic-chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.guide-listing{background:var(--paper)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide-card{min-width:0;padding:30px 30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-bright);display:flex;flex-direction:column;min-height:300px}.guide-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-accessible)}.guide-card h3{margin:0 0 16px;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.05;letter-spacing:-.04em}.guide-card h3 a{text-decoration:none}.guide-card p{margin:0 0 24px;color:rgba(21,60,54,.72);line-height:1.55}.read-guide{margin-top:auto;font-weight:820;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.empty-state{padding:46px;border:1px solid var(--line);background:var(--soft);text-align:center}.empty-state strong{display:block;margin-bottom:14px;font-size:1.2rem}.empty-state button{appearance:none;border:0;background:none;color:var(--clay-accessible);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.archive-bar{margin-top:28px;padding:20px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.archive-bar div{display:grid;gap:5px}.archive-bar span{font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-accessible)}.archive-bar strong{font-size:.98rem}.page-marker{padding:9px 12px;border:1px solid var(--line);white-space:nowrap}.archive-safety{background:var(--ink-deep);color:#fff;border-bottom:0}.safety-grid,.boundary-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(50px,8vw,120px);align-items:start}.archive-safety .section-index{color:var(--sun)}.archive-safety h2{color:#fff}.archive-safety p{margin:0 0 18px;color:rgba(255,255,255,.82);max-width:68ch}.service-boundary{background:var(--paper-bright)}.boundary-grid>div:last-child{max-width:var(--blog-copy)}.boundary-grid p{margin:0 0 24px}.contact-boundary{background:var(--clay-accessible);color:#fff;border-bottom:0}.contact-boundary .section-index{color:#fff}.contact-boundary h2{color:#fff}.contact-boundary p{color:rgba(255,255,255,.9)}
@media(hover:hover) and (pointer:fine){.guide-card{transition:transform 220ms var(--fx-ease,cubic-bezier(.2,.72,.2,1)),box-shadow 220ms ease}.guide-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,43,40,.08);z-index:1}.topic-chip{transition:background 180ms ease,color 180ms ease,border-color 180ms ease}.topic-chip:hover{border-color:var(--ink)}}
@media(max-width:1040px){.blog-hero-grid{grid-template-columns:minmax(0,1fr) 280px;gap:50px}.section-top,.listing-head,.safety-grid,.boundary-grid{grid-template-columns:220px minmax(0,1fr);gap:48px}.section-top h2,.listing-head h2,.safety-grid h2,.boundary-grid h2{font-size:clamp(2.2rem,4.5vw,3.25rem)}}
@media(max-width:780px){.blog-hero-grid{display:block;padding:58px 0 62px}.blog-hero h1{font-size:clamp(3rem,12vw,4.3rem)}.editorial-note{margin-top:38px}.blog-section{padding:58px 0}.section-top,.listing-head,.safety-grid,.boundary-grid{display:block}.section-top>p,.listing-head>div>p{margin-top:18px}.discovery-tools{margin-top:30px}.search-box{grid-template-columns:1fr}.search-box span{padding:15px 18px 0}.search-box input{border-left:0;min-height:52px}.topic-chips{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scrollbar-width:thin}.topic-chip{white-space:nowrap}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0;padding:26px 22px}.archive-bar{align-items:flex-start}.safety-grid>div:last-child,.boundary-grid>div:last-child{margin-top:24px}.contact-boundary .button{width:100%}}
@media(prefers-reduced-motion:reduce){.guide-card,.topic-chip{transition:none!important}.guide-card:hover{transform:none!important}}

/* Blog Hub V1.1 — targeted Discover + Editorial Index balance refinement */
.discover-head,
.editorial-index-head{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);
  gap:clamp(54px,7vw,104px);
  align-items:end;
  margin-bottom:40px;
}
.discover-title,
.editorial-index-title{min-width:0}
.discover-title .section-index,
.editorial-index-title .section-index{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.discover-title .section-index::after,
.editorial-index-title .section-index::after{
  content:"";
  width:64px;
  height:1px;
  background:rgba(204,72,37,.52);
}
.discover-head h2,
.editorial-index-head h2{
  max-width:none;
  font-size:clamp(3rem,4.4vw,4.55rem);
  line-height:.93;
  letter-spacing:-.064em;
}
.discover-head h2 span,
.editorial-index-head h2 span{
  display:block;
  white-space:nowrap;
}
.discover-intro,
.editorial-index-intro{
  align-self:end;
  padding:clamp(22px,2.3vw,30px);
  border:1px solid rgba(21,60,54,.16);
  border-left:4px solid var(--clay);
  background:rgba(255,255,255,.34);
}
.editorial-index-intro{
  border-left-color:var(--sun);
  background:var(--soft);
}
.discover-intro p,
.editorial-index-intro p{
  max-width:46ch;
  margin:0;
  color:rgba(21,60,54,.74);
  line-height:1.58;
}
.discovery-tools{
  padding:clamp(22px,2.8vw,30px);
  gap:18px;
  border:1px solid rgba(21,60,54,.14);
  background:rgba(255,255,255,.38);
}
.search-box{
  grid-template-columns:124px minmax(0,1fr);
  box-shadow:0 8px 24px rgba(16,43,40,.025);
}
.search-box span{padding:0 18px}
.topic-chips{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.topic-chip{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.28;
}
.guide-listing .editorial-index-head{margin-bottom:34px}
@media(max-width:1040px){
  .discover-head,
  .editorial-index-head{
    grid-template-columns:minmax(0,1fr) minmax(300px,.74fr);
    gap:44px;
  }
  .discover-head h2,
  .editorial-index-head h2{font-size:clamp(2.7rem,5vw,3.6rem)}
  .topic-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .discover-head,
  .editorial-index-head{display:block;margin-bottom:30px}
  .discover-head h2,
  .editorial-index-head h2{
    font-size:clamp(2.45rem,10.2vw,3.1rem);
    line-height:.95;
  }
  .discover-head h2 span,
  .editorial-index-head h2 span{white-space:normal}
  .discover-intro,
  .editorial-index-intro{margin-top:26px;padding:20px 20px 21px}
  .discover-intro p,
  .editorial-index-intro p{max-width:none}
  .discovery-tools{margin-top:0;padding:18px;gap:15px}
  .topic-chips{
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
    padding-bottom:0;
    gap:8px;
  }
  .topic-chip{white-space:normal;justify-content:flex-start;text-align:left;min-height:46px}
  .search-box{grid-template-columns:1fr}
  .search-box span{padding:14px 16px 0}
  .search-box input{border-left:0;min-height:50px;padding:0 16px}
}

/* Blog Hub V1.2 — Editorial Index collision repair */
.guide-listing .editorial-index-head{
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:clamp(48px,5.5vw,72px);
  align-items:end;
}
.guide-listing .editorial-index-title{min-width:0;max-width:100%}
.guide-listing .editorial-index-title h2{
  max-width:11.6em;
  font-size:clamp(2.95rem,3.75vw,3.9rem);
  line-height:.95;
  letter-spacing:-.057em;
}
.guide-listing .editorial-index-title h2 span{
  display:block;
  white-space:nowrap;
}
.guide-listing .editorial-index-intro{
  width:100%;
  max-width:380px;
  justify-self:end;
  padding:24px 28px;
}
.guide-listing .editorial-index-intro p{
  max-width:34ch;
  font-size:1rem;
  line-height:1.6;
}
@media(max-width:1040px){
  .guide-listing .editorial-index-head{
    grid-template-columns:minmax(0,1fr) minmax(280px,330px);
    gap:38px;
  }
  .guide-listing .editorial-index-title h2{
    font-size:clamp(2.55rem,4.35vw,3.3rem);
  }
}
@media(max-width:780px){
  .guide-listing .editorial-index-head{display:block}
  .guide-listing .editorial-index-title h2{
    max-width:13ch;
    font-size:clamp(2.35rem,9.8vw,3rem);
  }
  .guide-listing .editorial-index-title h2 span{white-space:normal}
  .guide-listing .editorial-index-intro{
    max-width:none;
    margin-top:24px;
    justify-self:auto;
    padding:20px 20px 21px;
  }
  .guide-listing .editorial-index-intro p{max-width:none}
}

/* R14.1 complete published-guide discovery — compact, crawlable, and secondary to the locked cards. */
.guide-directory{margin-top:22px;border:1px solid var(--line);background:var(--paper-bright)}
.guide-directory summary{min-height:58px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}
.guide-directory summary::-webkit-details-marker{display:none}
.guide-directory summary span{font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--clay-accessible)}
.guide-directory summary strong{font-size:.95rem;text-align:right}
.guide-directory summary:after{content:"+";font-size:1.35rem;line-height:1;font-weight:700;color:var(--clay-accessible)}
.guide-directory[open] summary:after{content:"−"}
.guide-directory-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;border-top:1px solid var(--line)}
.guide-directory-grid a{min-height:46px;padding:11px 0;display:flex;align-items:center;border-bottom:1px solid rgba(21,60,54,.12);font-weight:720;line-height:1.35;text-underline-offset:4px}
@media(max-width:780px){
  .guide-directory summary{min-height:54px;align-items:flex-start;flex-wrap:wrap}
  .guide-directory summary strong{width:100%;text-align:left}
  .guide-directory-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:0}
  .guide-directory-grid a{min-height:48px}
}

