/* Morale Zero / Energy — editorial landing page */
.energy-page { background:var(--bg); }
.energy-page main { overflow:clip; }
.energy-page .energy-hero { background:var(--bg); padding:clamp(2rem,4vw,4rem) 0 clamp(3.5rem,7vw,7rem); border-bottom:1px solid var(--ink); }
.energy-mast { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--ink); padding-bottom:1rem; color:var(--muted); font:800 .68rem/1.4 var(--mono); letter-spacing:.1em; }
.energy-hero h1 { max-width:1135px; margin:clamp(2.7rem,6vw,6rem) 0 clamp(2.3rem,4vw,4.2rem); font:400 clamp(2.8rem,5.35vw,5.9rem)/.99 var(--serif); letter-spacing:-.055em; text-wrap:balance; }
.energy-hero h1 span { display:block; margin-top:.4em; color:var(--accent); }
.energy-hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:3rem; border-top:1px solid var(--line); padding-top:1.2rem; }
.energy-hero-bottom p { max-width:660px; margin:0; font-size:clamp(1.07rem,1.5vw,1.32rem); line-height:1.45; }
.energy-jump { flex:none; font:800 .7rem/1.4 var(--mono); letter-spacing:.08em; text-decoration:none; white-space:nowrap; border-bottom:1px solid var(--ink); padding-bottom:.5rem; }
.energy-jump span { color:var(--accent); }
.energy-page .energy-section { padding:clamp(4.5rem,8vw,8.5rem) 0; border-bottom:1px solid var(--line); }
.energy-section-intro { display:grid; grid-template-columns:minmax(170px,.3fr) 1fr; gap:clamp(1.5rem,4vw,5rem); margin-bottom:clamp(2.6rem,5vw,5rem); }
.energy-index { padding-top:.7rem; font:800 .7rem/1.5 var(--mono); letter-spacing:.08em; color:var(--accent); }
.energy-section-intro h2 { margin:0; font:400 clamp(3rem,6.2vw,6.5rem)/.91 var(--serif); letter-spacing:-.058em; }
.energy-section-intro h2 em { font-style:normal; color:var(--accent); }
.energy-section-intro p { max-width:570px; margin:1.7rem 0 0; font-size:clamp(1.04rem,1.45vw,1.24rem); color:#3c3934; line-height:1.52; }
.energy-ledgers { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); }
.energy-ledgers article { min-width:0; display:flex; flex-direction:column; min-height:590px; padding:clamp(1.5rem,3vw,2.6rem); }
.energy-ledger-visible { background:var(--paper); }
.energy-ledger-hidden { background:var(--ink); color:var(--paper); }
.energy-ledger-top { display:flex; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid currentColor; font:800 .68rem/1.3 var(--mono); letter-spacing:.11em; }
.energy-ledger-hidden .energy-ledger-top { color:#bdb8af; }
.energy-ledgers h3 { max-width:430px; margin:2.5rem 0 1.4rem; font:400 clamp(2rem,3.1vw,3.6rem)/.98 var(--serif); letter-spacing:-.045em; }
.energy-ledger-hidden h3 { color:#f7f4ed; }
.energy-ledgers article > p { margin:0 0 2rem; font:400 clamp(1.35rem,2.05vw,2.15rem)/1.38 var(--serif); }
.energy-ledger-hidden > p { color:#d8d2c7; }
.energy-ledger-foot { margin-top:auto; border-top:1px solid currentColor; padding-top:1rem; font:800 .67rem/1.5 var(--mono); letter-spacing:.1em; }
.energy-ledger-hidden .energy-ledger-foot { color:#c4bdb1; }
.energy-ledger-conclusion { max-width:790px; margin:2rem 0 0 auto; padding-left:1.5rem; border-left:3px solid var(--accent); font:400 clamp(1.1rem,1.9vw,1.65rem)/1.42 var(--serif); }
.energy-tax { background:#ebe6db; }
.energy-tax-list { border-top:2px solid var(--ink); }
.energy-tax-row { display:grid; grid-template-columns:65px minmax(150px,.8fr) minmax(0,1.5fr) 130px; gap:clamp(.9rem,2.3vw,2.5rem); align-items:start; padding:clamp(1.35rem,2.6vw,2.45rem) 0; border-bottom:1px solid #bfb9ac; }
.energy-tax-num { padding-top:.4rem; font:800 .8rem/1.5 var(--mono); color:var(--accent); }
.energy-tax-row h3 { margin:0; font:400 clamp(1.8rem,3vw,3.1rem)/1 var(--serif); letter-spacing:-.04em; }
.energy-tax-row p { margin:.2rem 0 0; max-width:540px; font-size:clamp(.97rem,1.2vw,1.12rem); line-height:1.55; color:#3b3832; }
.energy-tax-type { padding-top:.45rem; text-align:right; font:800 .64rem/1.4 var(--mono); letter-spacing:.06em; color:#6c665b; }
.energy-tax-outro { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-top:2rem; }
.energy-tax-outro p { margin:0; font:400 clamp(1.5rem,2.8vw,2.55rem)/1.18 var(--serif); letter-spacing:-.025em; }
.energy-tax-outro p strong { font-weight:400; color:var(--accent); }
.energy-tax-outro a, .energy-calculator-note a { flex:none; font:800 .7rem/1.4 var(--mono); text-decoration:none; letter-spacing:.07em; border-bottom:1px solid currentColor; padding-bottom:.35rem; }
.energy-calculator { background:var(--bg); }
.energy-calculator-shell { background:var(--ink); color:#f7f4ed; border:1px solid var(--ink); }
.energy-calc-head, .energy-calc-foot { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.4rem; font:800 .67rem/1.5 var(--mono); letter-spacing:.09em; }
.energy-calc-head { border-bottom:1px solid #56534e; }
.energy-calc-status { color:#f7f4ed; border:1px solid #8a342e; padding:.35rem .5rem; }
.energy-calc-main { display:grid; grid-template-columns:1.08fr 1fr; min-height:460px; }
.energy-calc-main > div:first-child { padding:clamp(2rem,4vw,4rem); display:flex; flex-direction:column; justify-content:center; }
.energy-calc-label { font:800 .7rem/1.5 var(--mono); letter-spacing:.08em; color:#c6bbb0; }
.energy-calc-main h3 { margin:1.1rem 0 1.7rem; font:400 clamp(2.8rem,4.8vw,5rem)/.96 var(--serif); letter-spacing:-.055em; }
.energy-calc-main p { max-width:475px; color:#cdc7bc; font-size:1rem; line-height:1.55; margin:0; }
.energy-calc-rows { border-left:1px solid #56534e; padding:clamp(1.4rem,3vw,3rem); display:flex; flex-direction:column; justify-content:center; }
.energy-calc-rows > div { display:grid; grid-template-columns:35px 1fr 20px; gap:1rem; align-items:center; min-height:61px; border-bottom:1px solid #56534e; }
.energy-calc-rows > div:first-child { border-top:1px solid #56534e; }
.energy-calc-rows span { color:#a7a097; font:700 .75rem/1.4 var(--mono); }
.energy-calc-rows strong { font-weight:500; font-size:1.03rem; }
.energy-calc-rows > div > span:last-child { color:var(--accent); }
.energy-calc-foot { border-top:1px solid #56534e; color:#afa89d; }
.energy-calculator-note { display:flex; justify-content:space-between; align-items:start; gap:3rem; margin-top:1.7rem; }
.energy-calculator-note p { max-width:775px; margin:0; color:#5c5850; font-size:.86rem; line-height:1.6; }
.energy-calculator-note strong { color:var(--ink); }
@media (max-width:900px) {
  .energy-tax-row { grid-template-columns:55px minmax(150px,.9fr) minmax(0,1.6fr); }
  .energy-tax-type { grid-column:2 / -1; padding:0; text-align:left; }
  .energy-calc-main { grid-template-columns:1fr; }
  .energy-calc-rows { border-left:0; border-top:1px solid #56534e; }
}
@media (max-width:680px) {
  .energy-hero h1 { font-size:clamp(2.65rem,10vw,4.3rem); line-height:1.02; }
  .energy-mast { font-size:.6rem; }
  .energy-mast span:last-child { text-align:right; }
  .energy-hero-bottom, .energy-tax-outro, .energy-calculator-note { flex-direction:column; align-items:flex-start; gap:1.5rem; }
  .energy-jump { white-space:normal; }
  .energy-section-intro { grid-template-columns:1fr; gap:.8rem; }
  .energy-section-intro h2 { font-size:clamp(3rem,12vw,5rem); }
  .energy-section-intro p { margin-top:1rem; }
  .energy-ledgers { grid-template-columns:1fr; }
  .energy-ledgers article { min-height:410px; }
  .energy-ledgers h3 { margin:1.8rem 0 1rem; }
  .energy-tax-row { grid-template-columns:38px 1fr; gap:.6rem 1rem; }
  .energy-tax-num { grid-row:1 / 4; }
  .energy-tax-row p { grid-column:2; }
  .energy-tax-type { grid-column:2; }
  .energy-calc-head, .energy-calc-foot { flex-wrap:wrap; }
  .energy-calc-main > div:first-child { padding:2rem 1.4rem; }
  .energy-calc-rows { padding:1.4rem; }
  .energy-calc-main h3 { font-size:clamp(2.6rem,10vw,4rem); }
}

/* 2026-10-20 / Energy alignment with the homepage panel and control system.
   Preserve editorial lists and the calculator's independent layout. */
.energy-page .energy-hero {
  padding-bottom: clamp(3.5rem, 6vw, 6rem);
}
.energy-page .energy-hero h1 {
  font-size: clamp(2.9rem, 4.4vw, 4.75rem);
  line-height: 1.03;
  letter-spacing: -.055em;
}
.energy-page .energy-hero h1 span { margin-top: .28em; }
.energy-page .energy-section {
  padding-top: clamp(4rem, 7vw, 7rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
}
.energy-page .energy-section-intro h2 {
  font-size: clamp(2.5rem, 5vw, 5rem);
  line-height: .95;
  letter-spacing: -.04em;
}
.energy-page .energy-section-intro p { margin-top: 1.3rem; }
.energy-page .energy-jump {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: .9rem 1.35rem;
  background: var(--accent);
  border: 1px solid var(--accent);
  border-radius: var(--mz-control-radius, 999px);
  color: #fff;
  text-decoration: none;
  box-shadow: var(--mz-control-shadow);
  letter-spacing: .08em;
  transition: background .17s ease, box-shadow .17s ease, transform .17s ease;
}
.energy-page .energy-jump span { color: #fff; font-size: 1.2em; }
.energy-page .energy-jump:hover {
  background: #2a2926;
  border-color: #2a2926;
  transform: translateY(-2px);
  box-shadow: var(--mz-control-hover-shadow);
}
.energy-page .energy-jump:focus-visible,
.energy-page .energy-tax-outro a:focus-visible,
.energy-page .energy-calculator-note a:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}
.energy-page .energy-ledgers {
  border: var(--mz-panel-border);
  border-radius: var(--mz-panel-radius, 18px);
  box-shadow: var(--mz-panel-shadow);
  overflow: hidden;
}
.energy-page .energy-tax { background: #ebe7de; }
.energy-page .energy-tax-list { border-color: var(--ink); }
.energy-page .energy-tax-row { border-bottom-color: var(--line); }
.energy-page .energy-calculator-note { padding-top: .45rem; }
.energy-page .energy-calc-fallback {
  border: var(--mz-panel-border);
  border-radius: var(--mz-panel-radius, 18px);
  background: var(--ink);
  color: #f7f4ed;
  box-shadow: var(--mz-panel-shadow);
  padding: clamp(1.6rem, 3.5vw, 3rem);
}
.energy-page .energy-calc-fallback h3 {
  margin: 0 0 1rem;
  font: 400 clamp(2rem, 3.6vw, 3.3rem)/1.04 var(--serif);
  letter-spacing: -.045em;
}
.energy-page .energy-calc-fallback p { max-width: 650px; color: #d4cdc3; }
@media (max-width: 680px) {
  .energy-page .energy-hero h1 {
    font-size: clamp(2.6rem, 9.5vw, 4rem);
    line-height: 1.04;
  }
  .energy-page .energy-section-intro h2 {
    font-size: clamp(2.6rem, 10.5vw, 4.25rem);
  }
  .energy-page .energy-jump {
    width: 100%;
    max-width: 450px;
    white-space: normal;
  }
  .energy-page .energy-ledgers { border-radius: var(--mz-panel-radius, 18px); }
}
@media (prefers-reduced-motion: reduce) {
  .energy-page .energy-jump { transition: none; }
  .energy-page .energy-jump:hover { transform: none; }
}


/* 2026-10-20 / Energy editorial visual polish — mirror the homepage's dark
   institutional hero and warm-red emphasis without adopting its artwork. */
.energy-page .energy-hero {
  isolation: isolate;
  background: radial-gradient(ellipse at 94% 12%, rgba(155,32,32,.15), transparent 52%),
              linear-gradient(135deg,#080c10 0%,#191816 82%);
  color: #f7f4ed;
  border-bottom-color: #292723;
}
.energy-page .energy-mast {
  color: #cbc3ba;
  border-bottom-color: rgba(247,244,237,.42);
}
.energy-page .energy-hero h1 {
  color: #f7f4ed;
  max-width: 1135px;
}
.energy-page .energy-hero h1 span {
  color: #e2322e;
}
.energy-page .energy-hero-bottom {
  border-top-color: rgba(247,244,237,.3);
}
.energy-page .energy-hero-bottom p {
  color: #e0d9cf;
}
.energy-page .energy-jump {
  background: #ba211d;
  border-color: #ba211d;
  box-shadow: none;
}
.energy-page .energy-jump:hover {
  background: #d3322a;
  border-color: #d3322a;
  box-shadow: none;
}
.energy-page .energy-jump:focus-visible {
  outline-color: #f7f4ed;
}
.energy-page .energy-ledger-hidden {
  background: #191816;
}
.energy-page .energy-ledger-visible .energy-ledger-top,
.energy-page .energy-ledger-hidden .energy-ledger-top {
  letter-spacing: .14em;
}
@media (prefers-contrast: more) {
  .energy-page .energy-mast,
  .energy-page .energy-hero-bottom p { color: #fff; }
  .energy-page .energy-hero-bottom { border-top-color: #f7f4ed; }
}


/* Energy hero eyebrow — same editorial hierarchy as the homepage hero. */
.energy-page .energy-hero .energy-hero-eyebrow {
  margin: clamp(2.4rem, 5vw, 5rem) 0 .9rem;
  color: #f1eee8;
  font: 800 clamp(.68rem, .85vw, .82rem)/1.5 var(--mono);
  letter-spacing: .14em;
}
.energy-page .energy-hero h1 { margin-top: 0; }


/* 2026-10-21 / Recognition-first entry — restrained manifesto, dominant question. */
.energy-page .energy-hero {
  padding: clamp(1.2rem,2.2vw,2.2rem) 0 clamp(2rem,4vw,4rem);
}
.energy-page .energy-hero .energy-hero-eyebrow {
  margin: clamp(1.3rem,2.3vw,2.4rem) 0 .65rem;
}
.energy-page .energy-hero h1 {
  max-width: 1060px;
  margin: 0 0 clamp(1.65rem,3vw,3rem);
  font-size: clamp(1.72rem,2.8vw,2.85rem);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.energy-page .energy-hero h1 span {
  margin-top: .2em;
  font-size: .96em;
  line-height: 1.15;
}
.energy-recognition {
  color: var(--ink);
  background: var(--paper);
  padding: clamp(1.4rem,3vw,2.9rem);
  border: var(--mz-panel-border);
  border-radius: var(--mz-panel-radius,18px);
  box-shadow: var(--mz-panel-shadow);
}
.energy-recognition-top {
  display: flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.7rem;
  padding-bottom:.8rem;
  border-bottom:1px solid var(--line);
  font:800 .66rem/1.4 var(--mono);
  letter-spacing:.1em;
  color:var(--muted);
}
.energy-recognition-top span:first-child { color:var(--accent); }
.energy-recognition h2 {
  margin:clamp(1.3rem,2.2vw,2.2rem) 0 .7rem;
  max-width:1060px;
  font:400 clamp(2.65rem,5.15vw,5.35rem)/.98 var(--serif);
  letter-spacing:-.058em;
  text-wrap:balance;
}
.energy-recognition > p {
  max-width:710px;
  margin:0 0 clamp(1.35rem,2.5vw,2.5rem);
  font-size:clamp(.98rem,1.2vw,1.14rem);
  line-height:1.5;
  color:#48443e;
}
.energy-quick-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.6rem,1.4vw,1.2rem);
}
.energy-quick-grid button {
  display:flex;
  flex-direction:column;
  text-align:left;
  justify-content:space-between;
  align-items:flex-start;
  gap:1.8rem;
  min-height:155px;
  width:100%;
  padding:clamp(1.15rem,1.8vw,1.6rem);
  color:var(--ink);
  background:#eee9df;
  border:1px solid #c9c1b3;
  border-radius:14px;
  cursor:pointer;
  transition:background .17s ease,border-color .17s ease,transform .17s ease;
}
.energy-quick-grid button:hover { background:#e8dfd2; border-color:var(--ink); transform:translateY(-2px); }
.energy-quick-grid button:focus-visible,.energy-recognition-foot a:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:4px;
}
.energy-quick-grid button > span {
  font:400 clamp(1.22rem,1.65vw,1.65rem)/1.13 var(--serif);
  letter-spacing:-.025em;
}
.energy-quick-grid small {
  font:800 .65rem/1.4 var(--mono);
  letter-spacing:.08em;
  color:var(--accent);
}
.energy-quick-grid small span { display:inline-block; padding-left:.4rem; }
.energy-recognition-foot {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem 2rem;
  margin-top:1.4rem;
  padding-top:1.2rem;
  border-top:1px solid var(--line);
  color:var(--muted);
  font:800 .65rem/1.55 var(--mono);
  letter-spacing:.07em;
}
.energy-recognition-foot a {color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.25rem;}
.energy-recognition-foot a:hover {color:var(--accent);}
.energy-js-note {font-size:.84rem;}
.energy-page #calculator {scroll-margin-top:80px;}
.energy-page #calculator .energy-section-intro {margin-bottom:clamp(1.6rem,3vw,2.6rem);}
.energy-page #calculator .energy-section-intro h2 {font-size:clamp(2.4rem,4vw,4.1rem);}
@media(max-width:900px) {
  .energy-quick-grid {grid-template-columns:1fr;}
  .energy-quick-grid button {flex-direction:row;gap:1rem;align-items:center;min-height:94px;}
  .energy-quick-grid button small {white-space:nowrap;}
}
@media(max-width:680px) {
  .energy-page .energy-hero h1 {font-size:clamp(1.55rem,5.55vw,2.3rem);line-height:1.2;}
  .energy-recognition h2 {font-size:clamp(2.55rem,10.25vw,4.25rem);line-height:1;}
  .energy-quick-grid button {flex-direction:column;align-items:flex-start;gap:.75rem;min-height:0;}
  .energy-quick-grid button > span {font-size:1.3rem;}
  .energy-recognition-foot {align-items:flex-start;flex-direction:column;}
}
@media(prefers-reduced-motion:reduce) {
  .energy-quick-grid button {transition:none;}
  .energy-quick-grid button:hover {transform:none;}
}