/* Woodsrunner | Refined editorial direction (2026-11-03)
   One bold original identity: black, white, Caviar, Iron Oxide.
   Retain authentic Woodsrunner leaf mark and exact user-supplied topography.
   Avoid olive feature backgrounds and gray/tan fields, fake mountain motifs,
   decorative section numbering, oversized black photo placeholders.
*/
:root{--ws-line:#d7d7d7;--ws-divider:#d9d9d9;--ws-dark:#2A2A2D;--ws-iron:#743F2F}
html,body{background:#fff;color:#202020}
.ws-heading,.ws-section-opening,.ws-feature-copy,.ws-division-copy{text-align:left}
.ws-kicker,.ws-eyebrow{color:#743F2F;letter-spacing:.075em}
.ws-heading h2{letter-spacing:-.04em}
/* Avoid the previous flat spread of identical blocks. Editorial rhythm. */
.ws-section{padding-block:clamp(56px,5.4vw,83px)}
.ws-copy>p,.ws-section-opening>p,.ws-feature-copy>p,.ws-division-copy>p,.ws-why-card>p,
.ws-way-intro>p,.ws-final-inner>p{margin-bottom:11px;line-height:1.64}
.ws-split{column-gap:clamp(40px,5.8vw,95px)}
.ws-hero-kicker{color:#f1f1f1}
.ws-hero{border-bottom:4px solid #743F2F}
.ws-credibility{padding:24px 0 26px}
.ws-credibility h2{margin-bottom:13px}
/* These are the user's own black-on-white contour lines, never a repeating tile.
   More visible than before, but still subordinate to the text. */
.ws-topo{background:#fff!important;color:#202020;isolation:isolate}
.ws-topo::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:none!important;
  background-color:#fff;background-position:center center!important;
  background-repeat:no-repeat!important;background-size:cover!important;
  opacity:.105!important;z-index:-1;
}
.ws-topo>.ws-container{position:relative;z-index:1}
/* Way: Caviar, no green slab, no mix of two incompatible contour versions. */
.ws-way{background:#fff!important;color:#202020}
.ws-way-intro{color:#fff;padding-block:clamp(51px,5vw,70px)}
.ws-way-intro::before{
  background-color:#2A2A2D!important;
  background-image:none!important;
  border-bottom:4px solid #743F2F;
}
.ws-way-intro .ws-kicker{color:#e9d7ce}
.ws-way-intro>p{color:#fff}
.ws-feature-list{padding-top:12px}
.ws-feature{padding-block:clamp(32px,4vw,56px);border-bottom:1px solid #d6d6d6}
.ws-feature-copy h3{font-size:clamp(34px,3.4vw,47px)}
.ws-feature-copy h3::after{content:'';display:block;width:48px;height:3px;background:#743F2F;margin-top:11px}
.ws-feature .ws-photo{aspect-ratio:5/4;max-height:405px;min-height:255px}
/* Resource section and printed guide: clear, branded, no olive-gray shadows. */
.ws-resources{background:#fff!important}
.ws-resources .ws-heading h2{max-width:560px}
.ws-resource-benefits svg{color:#743F2F}
.ws-guide-visual{background:transparent!important}
.ws-guide-cover{
  background:#2A2A2D!important;
  border-top:6px solid #743F2F;
  box-shadow:12px 12px 0 #141414!important;
}
.ws-guide-cover>strong,.ws-guide-cover>p,.ws-guide-cover>span{color:#fff}
/* Divisions use hairline breaks and authentic photo slots, not floating cards. */
.ws-division-list{border-top:1px solid #cccccc}
.ws-division{border-color:#d0d0d0}
.ws-division-copy h3{font-size:clamp(30px,3.2vw,44px)}
.ws-division-copy .ws-emphasis{font-weight:600}
.ws-woods-contrast{border-left-color:#743F2F;color:#282828;background:transparent}
/* The course finder is now a clean white editorial split, not an olive block. */
#course-help{background:#fff!important;color:#202020!important;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
#course-help .ws-heading h2,#course-help .ws-heading .ws-subtitle,
#course-help .ws-copy p{color:#202020!important}
#course-help .ws-kicker{color:#743F2F!important}
#course-help .ws-photo{aspect-ratio:4/3;min-height:290px;max-height:380px}
#course-help .ws-button--light{background:#743F2F;color:#fff;border-color:#743F2F}
#course-help .ws-button--light:hover{background:#2A2A2D;border-color:#2A2A2D;color:#fff}
/* Featured training becomes an equipment-grade typographic catalog,
   with purposeful field icons instead of oversized image boxes. */
#featured-training{background:#fff}
.ws-course-grid{gap:14px}
.ws-course-card{
  border-top:3px solid #743F2F!important;
  border-bottom:1px solid #d4d4d4;
  background:#fff!important;
  padding:23px 18px 19px;
  min-height:196px;
}
.ws-course-icon{width:40px;height:40px;margin-bottom:16px;color:#2A2A2D;stroke-width:1.55}
.ws-course-card h3{font-size:clamp(18px,1.8vw,22px)}
.ws-course-card:hover{background:#fff!important;box-shadow:inset 0 0 0 1px #d8d8d8}
.ws-course-card .ws-text-link{color:#743F2F}
/* Schedule: a concise Caviar banner; white text; actual events via schedule link. */
#upcoming{background:#2A2A2D!important;color:#fff!important;border-top:4px solid #743F2F}
#upcoming .ws-kicker{color:#e8d0c5!important}
#upcoming .ws-heading h2,#upcoming .ws-heading .ws-subtitle,
#upcoming p{color:#fff!important}
#upcoming .ws-button--light{background:#fff;color:#171717}
/* Instructors / Field Days: images deliberately held to appropriate frame sizes. */
#instructors .ws-photo{aspect-ratio:5/4;min-height:260px;max-height:410px}
#field-days .ws-photo{aspect-ratio:4/5;min-height:360px;max-height:470px}
/* Why Woodsrunner: no gray boxes; the real contours behind an editorial grid. */
#why-woodsrunner{background:#fff!important}
.ws-why-intro .ws-beats{border-left:3px solid #743F2F;padding-left:17px!important}
.ws-why-card{padding-block:28px;border-color:#d4d4d4}
.ws-why-card:nth-child(even){border-left-color:#d4d4d4}
.ws-why-icon{color:#743F2F}
/* An intentional dark story chapter here, not a repeating olive block. */
#pass-it-on{background:#2A2A2D!important;color:#fff}
#pass-it-on .ws-heading h2,#pass-it-on .ws-copy p{color:#fff}
#pass-it-on .ws-kicker{color:#ead7cb}
#pass-it-on .ws-photo{aspect-ratio:5/4;min-height:280px;max-height:415px}
#pass-it-on .ws-text-link{color:#fff}
/* TIME IN THE WOODS: remove the full-bleed black rectangle.
   Replace with a crisp two-part editorial photography pause. */
.ws-photo-pause--editorial{background:#fff;padding:clamp(58px,6vw,90px) 0;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;overflow:hidden}
.ws-photo-pause-grid{display:grid;grid-template-columns:minmax(220px,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(32px,5vw,75px)}
.ws-photo-pause--editorial .ws-photo-pause-head{padding:0;text-align:left;position:relative;min-width:0}
.ws-photo-pause--editorial h2{font-size:clamp(43px,5.1vw,69px);line-height:1.03;color:#141414;letter-spacing:-.047em;max-width:440px;margin:0}
.ws-pause-leaf{height:80px;width:auto;max-width:55px;object-fit:contain;margin-bottom:27px}
.ws-pause-rule{height:4px;width:78px;display:block;background:#743F2F;margin-top:27px}
.ws-pause-frame{min-width:0}
.ws-photo-pause--editorial .ws-photo--panorama{
  width:100%;max-width:100%;height:auto;min-height:0!important;
  aspect-ratio:16/10;margin:0;background:#000;border:0;
}
.ws-photo-pause--editorial .ws-photo--panorama::before,.ws-photo-pause--editorial .ws-photo--panorama::after{content:none!important}
/* Field Notes: larger and clearer title blocks, more editorial than boxes. */
.ws-note-card{border-top:3px solid #743F2F;background:#fff}
.ws-note-body{padding-top:18px}
.ws-note-card .ws-photo{aspect-ratio:16/10;min-height:155px}
/* Student stories and Prepare: white with black/oxide typography, not olive/gray. */
#student-stories{background:#fff!important;color:#202020!important;border-bottom:1px solid #d9d9d9}
#student-stories .ws-kicker{color:#743F2F!important}
#student-stories .ws-heading h2,#student-stories .ws-heading .ws-subtitle,
#student-stories .ws-copy p,#student-stories .ws-small-note{color:#202020!important}
#student-stories .ws-text-link{color:#743F2F!important}
#student-stories .ws-photo{aspect-ratio:5/4;min-height:0;max-height:360px}
.ws-prepare-panel{background:#fff;border:1px solid #d4d4d4;border-top:4px solid #743F2F}
.ws-prepare-link{border-bottom-color:#dddddd}
.ws-letter-form{background:#2A2A2D;color:#fff}
.ws-letter-form .ws-kicker,.ws-letter-form h3{color:#fff}
/* No tan or gray fills on homepage; final Caviar is the dark anchor. */
#ready-to-begin{background:#2A2A2D!important}
/* Responsive clean composition. */
@media(max-width:960px){
  .ws-photo-pause-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:29px}
  #course-help .ws-photo{min-height:250px}
  .ws-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .ws-photo-pause-grid{grid-template-columns:1fr;gap:25px}
  .ws-photo-pause--editorial .ws-photo-pause-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:15px}
  .ws-photo-pause--editorial h2{font-size:clamp(32px,7.6vw,46px)}
  .ws-pause-leaf{height:58px;max-width:40px;margin:0}
  .ws-pause-rule{grid-column:2;margin-top:-6px;width:64px;height:3px}
  .ws-photo-pause--editorial .ws-photo--panorama{aspect-ratio:16/9;height:auto!important;min-height:0!important}
  .ws-section{padding-block:clamp(48px,7vw,60px)}
  .ws-feature>.ws-photo,.ws-division .ws-photo{max-height:none!important;min-height:0!important}
  #course-help .ws-photo{max-height:none;min-height:0;aspect-ratio:16/10}
  #instructors .ws-photo,#pass-it-on .ws-photo,#student-stories .ws-photo{max-height:none;min-height:0;aspect-ratio:16/10}
  #field-days .ws-photo{max-height:none;min-height:0;aspect-ratio:16/10}
  .ws-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-course-card{min-height:174px}
}
@media(max-width:380px){
  .ws-photo-pause--editorial h2{font-size:33px}
  .ws-course-grid{gap:10px}
  .ws-course-card{min-height:167px;padding:17px 12px}
}
/* Consistent field-line illustrations support editorial pillars; never replace the real logo. */
.ws-way-symbol-wrap{width:62px;height:62px;display:flex;align-items:center;justify-content:center;
  border:1px solid #743F2F;border-radius:50%;color:#743F2F;margin-bottom:18px}
.ws-way-symbol{width:39px;height:39px;stroke-width:1.65;display:block}
/* The display strip remains a photo slot, but not an oversized black wall. */
.ws-photo-pause--editorial .ws-photo--panorama{aspect-ratio:11/5;max-height:340px}
.ws-brand small{color:#743F2F}
@media(max-width:700px){
 .ws-photo-pause--editorial .ws-photo--panorama{aspect-ratio:16/9;max-height:280px}
 .ws-way-symbol-wrap{height:54px;width:54px;margin-bottom:12px}
 .ws-way-symbol{height:34px;width:34px}
}
@media(max-width:335px){
 .ws-course-grid{grid-template-columns:1fr!important}
 .ws-course-card{display:flex;flex-direction:row;gap:18px;min-height:115px!important}
 .ws-course-icon{flex:0 0 38px;width:38px;height:38px;margin-bottom:0}
 .ws-course-card-content{min-width:0;flex:1}
 .ws-course-card h3{font-size:20px;overflow-wrap:normal}
}

/* Credibility strip: single-line centered statements, Nov 2026 */
.ws-credibility h2 { text-align: center !important; }
.ws-credibility-grid {
  display: grid !important;
  grid-template-columns: 1.55fr 1.22fr 1fr 0.94fr 0.94fr !important;
  width: 100%;
  align-items: center;
}
.ws-credibility-grid span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  padding: 8px 5px !important;
  font-size: clamp(11px, 1.04vw, 14px) !important;
  line-height: 1.3 !important;
  letter-spacing: .01em !important;
}
@media (max-width: 899px) {
  .ws-credibility-grid {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px 0;
    justify-content: center;
    align-items: center;
  }
  .ws-credibility-grid span {
    flex: 0 0 auto;
    font-size: 13px !important;
    padding: 7px 13px !important;
    border-right: none !important;
    min-height: 33px;
  }
}
@media (max-width: 610px) {
  .ws-credibility-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 450px;
    margin-inline: auto;
    gap: 0;
  }
  .ws-credibility-grid span {
    font-size: 13px !important;
    width: 100%;
    min-height: 38px;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }
  .ws-credibility-grid span:last-child { border-bottom: 0 !important; }
}