/* hcg-guide.css: guide + answer components for the highcountry child theme.
   Enqueued by functions.php on the front end and in the editor. Source of truth for the staged
   HVAC drafts too (Local Guides\High Country Tips\Drafts\hvac): edit here, then copy back there.
   Colours and type come from the theme.json presets; the hex after each var() is only a fallback.
   Width: reading sections use the default (flow) layout and cap their children at --hcg-measure,
   so prose keeps one left edge with the full-width pieces above it. */

.hcg-guide{
  --hcg-ink:var(--wp--preset--color--ink,#253028);
  --hcg-deep:var(--wp--preset--color--deep,#304638);
  --hcg-accent:var(--wp--preset--color--accent,#A34F30);
  --hcg-gold:var(--wp--preset--color--accent-2,#D4A454);
  --hcg-sub:var(--wp--preset--color--sub,#5C655D);
  --hcg-panel:var(--wp--preset--color--panel,#FFFDF8);
  --hcg-surface:var(--wp--preset--color--surface,#FBF7EE);
  --hcg-line:var(--wp--preset--color--line,#D9CFBD);
  --hcg-on-dark:var(--wp--preset--color--on-dark,#FFFDF8);
  --hcg-on-dark-dim:var(--wp--preset--color--on-dark-dim,#DCE5DC);
  --hcg-r:14px;
  --hcg-measure:46rem;
  line-height:1.6;
}
/* Core flow layout adds block-gap margins; neutralise them at zero specificity, then space below. */
.hcg-guide :where(.wp-block-group) > *{margin-block-start:0;margin-block-end:0}
.hcg-guide > section{padding-block:clamp(2rem,5vw,3.5rem)}
.hcg-guide > section + section:not(.alignfull):not(.hcg-back-band){border-top:1px solid var(--hcg-line)}
:where(.hcg-guide) :where(p,li){color:var(--hcg-ink)}
.hcg-guide a{color:var(--hcg-accent);text-underline-offset:.15em}
.hcg-guide a:hover{color:var(--hcg-deep)}
.hcg-guide h2{font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.2;margin-bottom:.6rem}
.hcg-guide h3{font-size:1.15rem;line-height:1.3;margin-bottom:.4rem}
.hcg-guide p + p{margin-top:.75rem}

.hcg-eyebrow{font-family:var(--wp--preset--font-family--body);font-size:.74rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--hcg-accent,#A34F30);margin-bottom:.6rem}
.hcg-eyebrow.is-light{color:var(--hcg-gold)}
.hcg-small{font-size:.86rem;color:var(--hcg-sub)}

/* Answer lead: the short answer, with the mountain context beside it on wide screens. */
.hcg-answer-lead{display:grid;gap:.15rem 2.5rem;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start}
.hcg-answer-lead > .hcg-eyebrow,.hcg-answer-lead > .hcg-answer-short{grid-column:1}
.hcg-answer-lead > .hcg-context{grid-column:2;grid-row:1 / span 3}
.hcg-answer-lead > p + p,.hcg-hub-intro > p + p{margin-top:0}
.hcg-answer-short{font-size:clamp(1.08rem,1.6vw,1.22rem);line-height:1.6}
@media (max-width:820px){
  .hcg-answer-lead{grid-template-columns:1fr}
  .hcg-answer-lead > .hcg-context{grid-column:1;grid-row:auto}
}
.hcg-context{background:var(--hcg-surface);border:1px solid var(--hcg-line);border-left:4px solid var(--hcg-gold);
  border-radius:var(--hcg-r);padding:1.25rem 1.35rem}

.hcg-answer-body > *,.hcg-sources > *,.hcg-related > *,.hcg-boundary > *{max-width:var(--hcg-measure)}
.hcg-answer-body h2{margin-top:1.9rem}
.hcg-answer-body > .hcg-eyebrow + h2{margin-top:0}
.hcg-safety{margin-top:2.25rem !important;background:var(--hcg-deep);border-radius:var(--hcg-r);padding:1.4rem 1.5rem}
.hcg-safety h3,.hcg-safety p{color:var(--hcg-on-dark)}
.hcg-safety a{color:var(--hcg-gold)}

/* Dark full-width bands */
.hcg-action-band,.hcg-dark-band{background:var(--hcg-deep);padding-inline:clamp(1rem,4vw,2rem)}
.hcg-action-band li,.hcg-dark-band li,.hcg-dark-band p,.hcg-dark-band h2{color:var(--hcg-on-dark)}
.hcg-action-band ul,.hcg-action-band ol,.hcg-dark-band ol{padding-left:1.2rem}
.hcg-action-band li + li,.hcg-dark-band li + li{margin-top:.55rem}
.hcg-action-grid,.hcg-two-up{gap:2rem 3rem}

.hcg-source-list{list-style:none;padding:0;border-top:1px solid var(--hcg-line);margin-top:1rem}
.hcg-source-list li{padding:.75rem 0;border-bottom:1px solid var(--hcg-line)}
.hcg-source-org{display:block;font-size:.84rem;color:var(--hcg-sub)}
.hcg-sources .hcg-small{margin-top:.9rem}

.hcg-related-list{padding-left:1.1rem}
.hcg-related-list li + li{margin-top:.4rem}

.hcg-back-band{background:var(--hcg-surface);border:1px solid var(--hcg-line);border-radius:var(--hcg-r);
  padding:1.6rem 1.75rem !important;margin-block:1rem 3rem}
.hcg-back-band .wp-block-buttons{margin-top:1rem}

/* Buttons: theme pill style, scoped to guide pages. */
.hcg-guide .wp-block-button__link{background:var(--hcg-accent);color:var(--hcg-on-dark);border-radius:999px;
  font-weight:800;font-size:.92rem;padding:.65rem 1.2rem;text-decoration:none}
.hcg-guide .wp-block-button__link:hover{background:var(--hcg-deep);color:var(--hcg-on-dark)}

/* Hub */
.hcg-hub-intro{display:grid;gap:1.25rem 2.5rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start}
.hcg-hub-intro > .hcg-question-card{grid-column:2;grid-row:1 / span 3}
@media (max-width:820px){.hcg-hub-intro{grid-template-columns:1fr}.hcg-hub-intro > .hcg-question-card{grid-column:1;grid-row:auto}}
.hcg-dek{font-size:clamp(1.1rem,1.7vw,1.28rem);line-height:1.55}
.hcg-facts{color:var(--hcg-sub);font-size:.95rem}
.hcg-facts strong{color:var(--hcg-deep);font-size:1.15rem}
.hcg-question-card{background:var(--hcg-deep);border-radius:var(--hcg-r);padding:1.4rem 1.5rem}
.hcg-question-card h2{font-size:1.35rem;color:var(--hcg-on-dark)}
.hcg-question-card p{color:var(--hcg-on-dark-dim)}
.hcg-question-card strong{color:var(--hcg-on-dark)}

.hcg-reminders{background:var(--hcg-surface);border-block:1px solid var(--hcg-line);padding-block:1.25rem !important;
  padding-inline:clamp(1rem,4vw,2rem)}
.hcg-reminders-grid{gap:1rem 2rem}
.hcg-reminder p{font-size:.92rem}
.hcg-reminder .hcg-reminder-title{color:var(--hcg-deep)}
.hcg-reminder p + p{margin-top:.2rem}

.hcg-intent-group{margin-top:2rem !important}
.hcg-intent-label{font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:1.05rem;
  color:var(--hcg-deep);margin-bottom:.8rem}
.hcg-card-grid{gap:1rem}
.hcg-card{background:var(--hcg-panel);border:1px solid var(--hcg-line);border-radius:var(--hcg-r);padding:1.2rem 1.25rem}
.hcg-card h3 a{color:var(--hcg-deep);text-decoration:none}
.hcg-card h3 a:hover{color:var(--hcg-accent)}
.hcg-card p{font-size:.94rem}
.hcg-card-link{font-weight:700}
.hcg-num{font-weight:800;color:var(--hcg-accent);font-size:.85rem;letter-spacing:.08em}
.hcg-checklist{counter-reset:none;padding-left:1.4rem}
.hcg-checklist li::marker{color:var(--hcg-gold);font-weight:800}
.hcg-evidence > .wp-block-group{margin-top:1.25rem}
.hcg-boundary{background:var(--hcg-surface)}

/* Resident services */
.hcg-resident-intro > *,.hcg-resident-guides > p{max-width:var(--hcg-measure)}
.hcg-resident-intro .wp-block-buttons{margin-top:1.1rem}
.hcg-resident-guides > .wp-block-group{margin-block:1.25rem 1rem}

/* Home */
.hcg-home-hero{display:grid;gap:2rem 3rem;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}
@media (max-width:860px){.hcg-home-hero{grid-template-columns:1fr}}
.hcg-home-hero h1{font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1.06;margin-bottom:1rem}
.hcg-home-hero .wp-block-buttons{margin-block:1.25rem .9rem;gap:.6rem}
.hcg-guide .is-style-outline .wp-block-button__link{background:transparent;color:var(--hcg-accent);border:1.5px solid var(--hcg-accent)}
.hcg-guide .is-style-outline .wp-block-button__link:hover{background:var(--hcg-accent);color:var(--hcg-on-dark)}
.hcg-dark-band .is-style-outline .wp-block-button__link{color:var(--hcg-on-dark);border-color:var(--hcg-on-dark-dim)}
.hcg-guide .wp-block-image{margin:0}
.hcg-guide .wp-block-image img{display:block;width:100%;height:auto;border-radius:var(--hcg-r)}
.hcg-guide .wp-block-image figcaption{font-size:.76rem;line-height:1.45;color:var(--hcg-sub);margin-top:.45rem}
.hcg-dark-band .wp-block-image figcaption,.hcg-dark-band .wp-block-image figcaption a{color:var(--hcg-on-dark-dim)}
.hcg-dark-band .hcg-card .wp-block-image figcaption,.hcg-dark-band .hcg-card .wp-block-image figcaption a{color:var(--hcg-sub)}
.hcg-home-hero-photo img{aspect-ratio:5/4;object-fit:cover}
.hcg-photo-note{margin-top:.6rem !important;font-size:.86rem;background:var(--hcg-surface);border-left:3px solid var(--hcg-gold);padding:.6rem .8rem;border-radius:6px}
.hcg-home-choose > p,.hcg-home-towns > p,.hcg-home-resident > p:not(.hcg-card-link){max-width:var(--hcg-measure)}
.hcg-home-choose > .wp-block-group,.hcg-home-towns > .wp-block-group,.hcg-home-resident > .wp-block-group{margin-block:1.25rem}
.hcg-home-featured .hcg-card-grid{margin-top:1.4rem}
.hcg-feature-card{background:var(--hcg-panel);padding:.75rem .75rem 1.15rem}
.hcg-feature-card .wp-block-image img{aspect-ratio:4/3;object-fit:cover}
.hcg-feature-card .wp-block-image{margin-bottom:.9rem}
.hcg-feature-card > :not(.wp-block-image){padding-inline:.4rem}
.hcg-card.is-queued{background:transparent;border-style:dashed}
.hcg-situations{gap:1.25rem 2rem}
.hcg-situation h3{color:var(--hcg-on-dark);font-size:1.05rem}
.hcg-situation p{color:var(--hcg-on-dark-dim)}
.hcg-home-trust{gap:1.5rem}
.hcg-home-trust .hcg-question-card li{color:var(--hcg-on-dark)}
.hcg-home-trust .hcg-question-card a{color:var(--hcg-gold)}
.hcg-home-closing{text-align:left}
.hcg-home-closing h2{max-width:24ch}
.hcg-home-closing .wp-block-buttons{margin-top:1.2rem;gap:.6rem}
.hcg-home-page{padding-inline:20px}
.hcg-home-page .alignfull{margin-inline:-20px !important;max-width:none !important}
.hcg-home-page .hcg-guide > section:first-child{padding-top:clamp(2rem,5vw,3.5rem)}

/* Town + destination guides */
.hcg-guide-intro{display:grid;gap:1.5rem 3rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
@media (max-width:860px){.hcg-guide-intro{grid-template-columns:1fr}}
.hcg-guide-intro-copy > p + p{margin-top:.9rem}
.hcg-guide-intro-copy .wp-block-buttons{margin-block:1.2rem .9rem;gap:.6rem}
.hcg-guide-intro-photo img{aspect-ratio:4/3;object-fit:cover}
.hcg-guide-section > p:not(.hcg-card-link),.hcg-guide-section > .hcg-intent-group > p{max-width:var(--hcg-measure)}
.hcg-guide-section > .wp-block-group{margin-block:1.25rem}
.hcg-guide-section .hcg-intent-group{margin-top:2rem !important}
.hcg-best{font-size:.9rem;color:var(--hcg-deep)}
.hcg-card .wp-block-list{padding-left:1.15rem;font-size:.94rem}
.hcg-card .wp-block-list li + li{margin-top:.3rem}
.hcg-card > * + *{margin-top:.5rem}
.hcg-dark-band .hcg-dek{color:var(--hcg-on-dark);max-width:var(--hcg-measure)}
.hcg-dark-band .wp-block-buttons{margin-top:1.1rem}
.hcg-dark-band .hcg-small{color:var(--hcg-on-dark-dim)}
.hcg-sources .hcg-context{margin-top:1.25rem}

/* /faq/ archive (archive-reference.html) */
.hcg-answer-list .hcg-card .wp-block-post-terms a{color:var(--hcg-accent);text-decoration:none}
.hcg-answer-list .hcg-card .wp-block-post-title{font-size:1.1rem;line-height:1.3}
.hcg-answer-list .hcg-card .wp-block-post-title a{color:var(--hcg-deep);text-decoration:none}
.hcg-answer-list .wp-block-post-excerpt__more-link{font-weight:700}
.hcg-answer-list .wp-block-query-pagination{margin-top:1.5rem}

/* Title block shared by single-reference + page-hub (breadcrumb/eyebrow via ekg-base's
   ekg/page-hero binding, then the post title as H1). Padding stands in for root padding,
   which ekg-base sets to 0. */
.hcg-answer-page,.hcg-hub-page,.hcg-std-page{padding-inline:20px}
.hcg-answer-page .alignfull,.hcg-hub-page .alignfull,.hcg-std-page .alignfull{margin-inline:-20px !important;max-width:none !important}
.hcg-title{padding-block:2.2rem 1rem}
.hcg-title > *{margin-block:0}
.hcg-title .wp-block-post-title{font-size:clamp(2rem,4.6vw,3rem);line-height:1.12;max-width:22ch}
.hcg-crumbs{font-size:.82rem;color:var(--wp--preset--color--sub,#5C655D);margin-bottom:.9rem !important}
.hcg-title .hcg-eyebrow{margin-bottom:.6rem !important}