/* CHE / Quiet Light / Scene 04: ethics editorial light, 2026-10-16.
   Scope: #ethics only. No text edits, no icons or fantasy imagery.
   A slender light line and two calm ethical boundaries, not more cards. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics.che-section {
  --che-ethics-x:50%;
  --che-ethics-y:50%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 47% 53% at 68% 30%,rgba(154,185,173,.019),transparent 75%),
    #070a0b;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(
    325px circle at var(--che-ethics-x) var(--che-ethics-y),
    rgba(202,221,211,.066),rgba(148,188,173,.022) 43%,transparent 76%);
  transition:opacity .4s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics.che-ethics-lit::before{opacity:1}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics>.che-shell {
  position:relative;
  z-index:1;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero {
  position:relative;
  max-width:1100px;
  margin:0;
  padding:clamp(9px,1.2vw,20px) 0 clamp(10px,1.6vw,23px) clamp(23px,2.6vw,37px);
  border:0;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero::before {
  content:"";
  position:absolute;
  top:8%;
  bottom:10%;
  left:0;
  width:2px;
  pointer-events:none;
  background:linear-gradient(to bottom,
    transparent,
    rgba(171,202,184,.12) 15%,
    rgba(171,202,184,.75) 47%,
    rgba(179,193,172,.33) 74%,
    transparent);
  box-shadow:0 0 14px rgba(166,209,187,.085);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero p{
  margin:0;
  max-width:100%;
  font-size:clamp(43px,4.8vw,68px);
  font-weight:690;
  line-height:1.115;
  letter-spacing:-.037em;
  text-wrap:balance;
  overflow-wrap:normal;
  color:#d2ded5;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero p:last-child{
  color:#f5f8f2;
  text-shadow:0 0 24px rgba(205,229,209,.045);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(30px,5vw,78px);
  margin:0;
  padding:0;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side{
  --che-boundary-rgb:150,191,173;
  position:relative;
  min-width:0;
  padding:clamp(19px,2vw,25px) clamp(5px,.8vw,12px) 0;
  border-top:1px solid rgba(var(--che-boundary-rgb),.31);
  border-radius:0;
  background:radial-gradient(220px 70px at 20% 0%,rgba(var(--che-boundary-rgb),.052),transparent 75%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side:nth-child(2) {
  --che-boundary-rgb:198,167,133;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:clamp(90px,36%,200px);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--che-boundary-rgb),.60),transparent);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side>span {
  display:block;
  margin:0 0 14px;
  color:rgb(var(--che-boundary-rgb));
  font-size:11px;
  font-weight:740;
  line-height:1.4;
  letter-spacing:.135em;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side>p {
  display:block;
  max-width:50ch;
  margin:0;
  color:#d9e2d9;
  font-size:clamp(16px,1.35vw,18px);
  font-weight:440;
  line-height:1.65;
  text-wrap:pretty;
}
@media(min-width:1024px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics.che-section{
    display:flex;
    align-items:center;
    min-height:100svh;
    padding:clamp(65px,7.3svh,92px) 0 clamp(70px,7.8svh,98px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head {
    display:grid;
    grid-template-columns:minmax(0,1.13fr) minmax(280px,.64fr);
    gap:clamp(45px,6vw,100px);
    align-items:start;
    margin-bottom:clamp(43px,5.4svh,67px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head h2 {
    font-size:clamp(40px,3.72vw,55px);
    line-height:1.12;
    max-width:18ch;
    letter-spacing:-.027em;
    text-wrap:balance;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head>p{
    margin:6px 0 0;
    font-size:17px;
    line-height:1.67;
    max-width:36ch;
    color:#c7d1c8;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary{
    margin-top:clamp(48px,6.2svh,80px);
  }
  /* Desktop already intentionally hides the redundant four-item refusal list.
     Preserve that decision rather than unexpectedly adding extra content. */
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules{display:none}
}
@media(min-width:1024px) and (max-width:1199px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero p{
    font-size:clamp(42px,4.5vw,57px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary{
    gap:clamp(28px,4vw,48px);
  }
}
@media(max-width:1023px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics.che-section {
    padding:clamp(65px,8vw,87px) 0 clamp(74px,9vw,105px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head {
    margin-bottom:clamp(32px,5vw,50px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head h2 {
    font-size:clamp(35px,5.3vw,48px);
    line-height:1.14;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head>p {
    color:#c7d1c8;
    font-size:16px;
    line-height:1.62;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero {
    padding:12px 0 15px 24px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero p {
    font-size:clamp(37px,5.6vw,55px);
    line-height:1.13;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(24px,4vw,50px);
    margin-top:clamp(40px,5vw,58px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 20px;
    margin-top:33px;
    border:0;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules>div {
    min-height:0;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    grid-template-rows:auto;
    align-items:center;
    justify-items:start;
    column-gap:12px;
    row-gap:0;
    padding:13px 0;
    border:0;
    border-top:1px solid rgba(224,236,227,.15);
    border-radius:0;
    background:transparent;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules span{
    flex:0 0 auto;
    font-size:17px;
    color:#b1c3b5;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules b{
    color:#d6dfd5;
    font-size:14px;
    font-weight:580;
    line-height:1.53;
  }
}
@media(max-width:700px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics.che-section{
    padding:64px 0 77px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head{
    margin-bottom:32px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-section-head h2 {
    font-size:clamp(28px,7.7vw,35px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero {
    padding:12px 0 15px 19px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-hero p{
    font-size:clamp(31px,8.6vw,45px);
    line-height:1.13;
    letter-spacing:-.03em;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    margin-top:38px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side {
    padding:18px 2px 0;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side>p{
    font-size:15.5px;
    line-height:1.59;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:3px;
    margin-top:25px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-rules>div{
    padding:11px 0;
  }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics::before {
    display:none;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext #ethics .che-ethics-boundary-side {
    transition:none;
  }
}