.evPage {
  min-height: 100vh;
  background: #0d0e10;
  color: #f0f1f3;
}
.evHero {
  padding: 100px 7vw 110px;
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 7vw;
  align-items: end;
  background: radial-gradient(circle at 78% 48%, #3d2c18, #0d0e10 48%);
}
.evHero h1 {
  font-size: clamp(64px, 9vw, 136px);
  margin: 44px 0 32px;
}
.evHero > div > p:last-child {
  max-width: 760px;
  color: #aeafb1;
  font-size: 15px;
  line-height: 1.75;
}
.evMark {
  border: 1px solid #6a6b6d;
  padding: 28px;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.evMark small {
  font: 9px monospace;
  color: #a0a1a3;
}
.evMark strong {
  font-size: 58px;
  letter-spacing: -0.06em;
  color: #ff9d00;
}
.evMark span {
  font: 9px monospace;
  letter-spacing: 0.1em;
  color: #c1c2c4;
}
.evSafety {
  padding: 34px 7vw;
  background: #ff6e57;
  color: #160a08;
  display: grid;
  grid-template-columns: 0.42fr 1.58fr;
  gap: 45px;
  align-items: center;
}
.evSafety b {
  font: 11px monospace;
  letter-spacing: 0.09em;
}
.evSafety p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 700;
}
.evIntro {
  padding: 100px 7vw;
  background: #e9eaed;
  color: #0c0d0f;
  display: grid;
  grid-template-columns: 0.65fr 1.35fr;
  gap: 8vw;
}
.evIntro h2,
.evSection h2 {
  font-size: clamp(48px, 6vw, 88px);
  line-height: 0.88;
  letter-spacing: -0.065em;
  margin: 35px 0;
}
.evIntro h2 em,
.evSection h2 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px currentColor;
}
.evIntro > div > p:last-child {
  color: #5f6062;
  line-height: 1.75;
}
.evBoundaries {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: #c3c4c6;
}
.evBoundaries article {
  background: #f8f9fb;
  padding: 28px;
}
.evBoundaries small {
  font: 9px monospace;
  color: #6d6e70;
}
.evBoundaries h3 {
  font-size: 23px;
  margin: 20px 0 12px;
}
.evBoundaries p {
  font-size: 12px;
  line-height: 1.65;
  color: #5f6062;
}
.evOrder {
  padding: 100px 7vw;
}
.evOrderHead {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  align-items: end;
  margin-bottom: 60px;
}
.evOrderHead p:last-child {
  color: #a0a1a3;
  line-height: 1.7;
}
.evOrder ol {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #3d3e40;
  counter-reset: evstep;
}
.evOrder li {
  counter-increment: evstep;
  display: grid;
  grid-template-columns: 75px 0.7fr 1.3fr;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid #3d3e40;
}
.evOrder li:before {
  content: "0" counter(evstep);
  font: 10px monospace;
  color: #ff9d00;
}
.evOrder li b {
  font-size: 17px;
}
.evOrder li span {
  font-size: 13px;
  line-height: 1.65;
  color: #a6a7a9;
}
.evSections {
  background: #e9eaed;
  color: #0c0d0f;
  padding: 110px 7vw;
  display: grid;
  gap: 35px;
}
.evSection {
  border: 1px solid #bebfc1;
  background: #f7f8fa;
  display: grid;
  grid-template-columns: 0.65fr 1.35fr;
}
.evSectionHead {
  padding: 38px;
  border-right: 1px solid #cacbcd;
}
.evSectionHead small {
  font: 9px monospace;
  color: #6d6e70;
}
.evSectionHead h2 {
  font-size: clamp(36px, 4vw, 60px);
}
.evSectionHead p {
  font-size: 13px;
  line-height: 1.7;
  color: #626365;
}
.evChecks {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.evChecks > div {
  padding: 34px;
  border-right: 1px solid #d3d4d6;
  border-bottom: 1px solid #d3d4d6;
}
.evChecks small {
  font: 9px monospace;
  color: #68696b;
}
.evChecks h3 {
  font-size: 19px;
  margin: 17px 0;
}
.evChecks p,
.evChecks li {
  font-size: 12px;
  line-height: 1.65;
  color: #5a5b5d;
}
.evChecks ul {
  padding-left: 18px;
}
.evEvidence {
  padding: 100px 7vw;
  background: #ff9d00;
  color: #0d0e10;
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 8vw;
}
.evEvidence h2 {
  font-size: clamp(44px, 6vw, 82px);
  line-height: 0.88;
  letter-spacing: -0.06em;
  margin: 30px 0;
}
.evEvidence ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.evEvidence li {
  padding: 18px 0;
  border-bottom: 1px solid #945f1e;
  font-size: 13px;
  line-height: 1.5;
}
.evSources {
  padding: 70px 7vw;
  background: #151618;
}
.evSources h2 {
  font-size: 30px;
  margin: 0 0 30px;
}
.evSources a {
  display: block;
  color: #bebfc1;
  border-top: 1px solid #3b3c3e;
  padding: 18px 0;
  text-decoration: none;
  font: 11px/1.5 monospace;
}
.evSources a:hover {
  color: #ff9d00;
}
.evHub {
  padding: 78px 7vw 92px;
  background: #141517;
}
.evHubHead {
  display: grid;
  grid-template-columns: 0.55fr 0.8fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 38px;
}
.evHubHead h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 54px);
  letter-spacing: -0.05em;
}
.evHubHead > p:last-child {
  margin: 0;
  color: #a5a6a8;
  font-size: 13px;
  line-height: 1.65;
}
.evHubCards,
.evTopicCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #3e3f41;
}
.evHubCards a,
.evTopicCards a {
  display: flex;
  min-height: 250px;
  padding: 28px;
  flex-direction: column;
  background: #0d0e10;
  color: #f0f1f3;
  text-decoration: none;
  transition: 0.2s ease;
}
.evHubCards a:hover,
.evTopicCards a:hover {
  background: #1e1f21;
  transform: translateY(-3px);
}
.evHubCards small,
.evTopicCards small {
  color: #ff9d00;
  font: 8px monospace;
}
.evHubCards h2,
.evTopicCards h2 {
  margin: 34px 0 15px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1;
  letter-spacing: -0.045em;
}
.evHubCards p,
.evTopicCards p {
  margin: 0;
  color: #a4a5a7;
  font-size: 12px;
  line-height: 1.65;
}
.evHubCards b,
.evTopicCards b {
  margin-top: auto;
  padding-top: 24px;
  color: #ff9d00;
  font: 8px monospace;
}
.evLibraryHero h1,
.evGuideHero h1 {
  overflow-wrap: anywhere;
}
.evTopicSearch {
  background: #e9eaed;
}
.evTopicCards {
  padding: 0 7vw 90px;
  background: #e9eaed;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
}
.evGuideIntro {
  padding: 70px 7vw 52px;
  display: grid;
  grid-template-columns: 0.55fr 1fr 1fr;
  gap: 40px;
  align-items: end;
  background: #e9eaed;
  color: #0d0e10;
}
.evGuideIntro h2 {
  margin: 0;
  font-size: clamp(28px, 3.5vw, 48px);
  line-height: 1;
  letter-spacing: -0.05em;
}
.evGuideIntro > p:last-child {
  margin: 0;
  color: #5d5e60;
  font-size: 13px;
  line-height: 1.7;
}
.evGuideCards {
  padding: 0 7vw 90px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #c4c5c7;
}
.evGuideCards article {
  min-height: 245px;
  padding: 32px;
  background: #f7f8fa;
  color: #0d0e10;
}
.evGuideCards small {
  color: #6c6d6f;
  font: 8px monospace;
}
.evGuideCards h2 {
  margin: 28px 0 16px;
  font-size: clamp(22px, 2.4vw, 34px);
  letter-spacing: -0.04em;
}
.evGuideCards p {
  margin: 0;
  color: #5f6062;
  font-size: 13px;
  line-height: 1.7;
}
.evGuideRule {
  background: #ff9d00;
  color: #0d0e10;
}
@media (max-width: 850px) {
  .evHero,
  .evIntro,
  .evOrderHead,
  .evSection,
  .evEvidence {
    grid-template-columns: 1fr;
  }
  .evMark {
    display: none;
  }
  .evSafety {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .evSectionHead {
    border-right: 0;
    border-bottom: 1px solid #cacbcd;
  }
  .evOrder li {
    grid-template-columns: 45px 1fr;
  }
  .evOrder li span {
    grid-column: 2;
  }
  .evChecks {
    grid-template-columns: 1fr;
  }
  .evHubHead,
  .evGuideIntro {
    grid-template-columns: 1fr;
  }
  .evHubCards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .evHero,
  .evIntro,
  .evOrder,
  .evSections,
  .evEvidence,
  .evSources {
    padding-left: 22px;
    padding-right: 22px;
  }
  .evHero {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .evHero h1 {
    font-size: 50px;
  }
  .evSafety {
    padding: 28px 22px;
  }
  .evHub,
  .evGuideIntro,
  .evGuideCards {
    padding-left: 22px;
    padding-right: 22px;
  }
  .evHubCards,
  .evTopicCards,
  .evGuideCards {
    grid-template-columns: 1fr;
  }
  .evHubCards a,
  .evTopicCards a,
  .evGuideCards article {
    min-height: 0;
    padding: 25px 22px;
  }
  .evHubCards h2,
  .evTopicCards h2 {
    margin-top: 25px;
  }
  .evTopicCards {
    padding-left: 22px;
    padding-right: 22px;
  }
  .evIntro {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .evBoundaries {
    grid-template-columns: 1fr;
  }
  .evSections {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .evSectionHead,
  .evChecks > div {
    padding: 24px 20px;
  }
}

/* EV sub-library uses the site's established full-width diagnostic list pattern. */
.evHub {
  background: #101113;
  color: #f0f1f3;
}
.evHubHead > p:last-child {
  color: #a4a5a7;
}
.evHubCards,
.evTopicCards,
.evGuideCards {
  display: block;
  background: #363739;
}
.evHubCards a,
.evTopicCards a {
  display: grid;
  grid-template-columns: 92px minmax(210px, 0.8fr) minmax(280px, 1.2fr) 150px;
  gap: 28px;
  align-items: center;
  min-height: 112px;
  padding: 22px 28px;
  background: #141517;
  color: #f0f1f3;
  border-bottom: 1px solid #363739;
}
.evHubCards a:hover,
.evTopicCards a:hover {
  background: #1e1f21;
  transform: none;
}
.evHubCards small,
.evTopicCards small {
  color: #ff9d00;
}
.evHubCards h2,
.evTopicCards h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.12rem + 0.25vw, 1.55rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em;
}
.evHubCards p,
.evTopicCards p {
  color: #a4a5a7;
}
.evHubCards b,
.evTopicCards b {
  margin: 0;
  padding: 0;
  text-align: right;
  color: #ff9d00;
}
.evGuideCards article {
  display: grid;
  grid-template-columns: 130px minmax(230px, 0.75fr) minmax(320px, 1.25fr);
  gap: 32px;
  align-items: start;
  min-height: 0;
  padding: 28px 32px;
  background: #141517;
  color: #f0f1f3;
  border-bottom: 1px solid #363739;
}
.evGuideCards article:last-child,
.evHubCards a:last-child,
.evTopicCards a:last-child {
  border-bottom: 0;
}
.evGuideCards h2 {
  margin: 0;
  font-size: clamp(1.25rem, 1.12rem + 0.25vw, 1.55rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em;
}
.evGuideCards p {
  margin: 0;
  color: #adaeb0;
}
.evGuideCards small {
  color: #ff9d00;
}
.evTopicSearch,
.evGuideIntro {
  background: #101113;
  color: #f0f1f3;
}
.evGuideIntro > p:last-child {
  color: #adaeb0;
}
.evTopicSearch input {
  background: #151618;
  color: #f0f1f3;
  border-color: #464749;
}
.evTopicSearch input::placeholder {
  color: #868789;
}
@media (max-width: 900px) {
  .evHubCards a,
  .evTopicCards a {
    grid-template-columns: 72px minmax(190px, 0.8fr) 1.2fr;
  }
  .evHubCards b,
  .evTopicCards b {
    grid-column: 2 / -1;
    text-align: left;
  }
  .evGuideCards article {
    grid-template-columns: 105px minmax(190px, 0.75fr) 1.25fr;
  }
}
@media (max-width: 600px) {
  .evHubCards a,
  .evTopicCards a,
  .evGuideCards article {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 22px 20px;
  }
  .evHubCards b,
  .evTopicCards b {
    grid-column: auto;
    margin-top: 8px;
  }
  .evHubCards h2,
  .evTopicCards h2,
  .evGuideCards h2 {
    margin: 3px 0 5px !important;
  }
}