/* CHE Quiet Light / Diagnostic 02: five questions before we begin.
 * Editorial polish only, 2026-10-16. Keep the owner-approved native <details>,
 * five original questions, RU/EN copy and mobile vertical stepper.
 * Remove the extra card-frame on wide desktop; one fine connected reading rail. */
@media(min-width:1024px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity.che-section{
    background:radial-gradient(ellipse 48% 57% at 85% 60%,
      rgba(157,196,172,.017),transparent 82%),#07090a;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure{
    position:relative;
    border-top:0;
    border-bottom:1px solid rgba(215,231,221,.19);
    background:transparent;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(198,104,83,.38) 0%,rgba(190,168,134,.30) 33%,
      rgba(171,192,193,.28) 65%,rgba(172,211,183,.40));
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure summary{
    min-height:78px;
    padding:19px 2px;
    color:#f2f5f1;
    font-size:clamp(18px,1.65vw,21px);
    font-weight:650;
    line-height:1.4;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure summary span:last-child{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    padding:0 0 2px;
    border:1px solid rgba(193,218,199,.31);
    border-radius:50%;
    color:#dbe9de;
    font-size:24px;
    line-height:1;
    transform-origin:center;
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure[open] summary span:last-child{
    transform:rotate(45deg);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure summary:is(:hover,:focus-visible) span:last-child{
    border-color:rgba(216,233,220,.63);
    background:rgba(177,207,183,.055);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    margin:0 0 8px;
    padding:9px 0 0;
    border:0!important;
    border-top:1px solid rgba(215,232,221,.15);
    border-radius:0!important;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article{
    --che-diag-rgb:175,200,185;
    position:relative;
    isolation:isolate;
    display:grid;
    grid-column:1/-1;
    grid-template-columns:44px 39px minmax(165px,.57fr) minmax(0,1.43fr);
    align-items:center;
    column-gap:clamp(12px,1.65vw,24px);
    min-width:0;
    min-height:88px;
    margin:0;
    padding:16px 9px;
    border:0;
    border-bottom:1px solid rgba(216,230,221,.12);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    transition:background-color .22s ease;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(1){--che-diag-rgb:205,128,108}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(2){--che-diag-rgb:194,167,129}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(3){--che-diag-rgb:174,190,197}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(4){--che-diag-rgb:172,195,184}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(5){--che-diag-rgb:164,211,179}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:last-child{border-bottom:0}
  /* Existing numbered nodes remain connected by one near-invisible line. */
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article::before{
    content:"";
    position:absolute;
    display:block;
    top:0;
    bottom:0;
    left:25px;
    right:auto;
    width:1px;
    height:auto;
    transform:none;
    background:rgba(var(--che-diag-rgb),.28);
    box-shadow:none;
    z-index:0;
    pointer-events:none;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:first-child::before{top:50%}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:last-child::before{bottom:50%}
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article::after{
    content:"";
    position:absolute;
    display:block;
    inset:0;
    width:auto;
    height:auto;
    z-index:0;
    border-radius:0;
    pointer-events:none;
    opacity:0;
    transform:none;
    background:radial-gradient(235px circle at
      var(--che-diag-x,52%) var(--che-diag-y,50%),
      rgba(var(--che-diag-rgb),.065),transparent 78%);
    transition:opacity .3s ease;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article.che-diag-lit::after{
    opacity:1;
    transform:none;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:is(:hover,:focus-visible){
    background:rgba(221,242,227,.011);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diag-index{
    position:relative;
    z-index:1;
    grid-column:1;
    width:32px;
    height:32px;
    margin:0;
    padding:0;
    border:1px solid rgba(var(--che-diag-rgb),.53);
    background:#0c1111;
    color:#e5eee6;
    font-size:11.5px;
    font-weight:720;
    letter-spacing:.015em;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diag-icon{
    position:relative;
    z-index:1;
    grid-column:2;
    width:31px;
    height:32px;
    margin:0;
    color:#e6eee7;
    font-size:27px;
    text-shadow:0 0 12px rgba(var(--che-diag-rgb),.075);
    animation:none!important;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid h3{
    position:relative;
    z-index:1;
    grid-column:3;
    margin:0;
    color:#f3f7f3;
    font-size:clamp(19px,1.75vw,22px);
    line-height:1.35;
    font-weight:660;
    letter-spacing:-.024em;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid p{
    position:relative;
    z-index:1;
    grid-column:4;
    max-width:62ch;
    margin:0;
    color:#c0cec3;
    font-size:clamp(15px,1.23vw,16.5px);
    line-height:1.54;
    text-wrap:pretty;
  }
}
@media(min-width:1024px) and (max-width:1199px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article{
    grid-template-columns:40px 32px minmax(120px,.48fr) minmax(0,1.52fr);
    column-gap:12px;
    min-height:94px;
  }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article::after{
    display:none!important;
    opacity:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-disclosure summary span:last-child,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article::after{
    transition:none!important;
  }
}

/* Avoid inherited legacy diagram card styles reintroducing a frame.
   Keep this rule deliberately limited to wide-screen #clarity only. */
@media(min-width:1024px){
  #che-page #clarity .che-diagnostic-disclosure .che-diagnostic-grid{
    border-right:0!important;
    border-left:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* 2026-10-16 final owner composition: remove redundant pictograms.
   Give the question priority over its short category title. The two content
   columns read as "topic → question", not a four-column icon table. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #clarity .che-diagnostic-grid .che-diag-icon,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #clarity .che-diagnostic-grid .che-diag-bars{
  display:none!important;
}
@media(min-width:1024px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article{
    grid-template-columns:44px minmax(165px,.63fr) minmax(0,1.37fr)!important;
    column-gap:clamp(20px,2.55vw,38px)!important;
    min-height:100px;
    padding:19px 9px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article::before{
    left:27px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diag-index{
    width:36px;
    height:36px;
    color:#e6f0e7;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid h3{
    grid-column:2;
    color:#c9d7cb;
    font-size:clamp(18px,1.5vw,20px);
    font-weight:610;
    letter-spacing:-.016em;
    line-height:1.35;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid p{
    grid-column:3;
    max-width:58ch;
    color:#eef3ed;
    font-size:clamp(18px,1.55vw,20px);
    font-weight:530;
    line-height:1.51;
    letter-spacing:-.008em;
  }
}
@media(min-width:701px) and (max-width:1023px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid{
    padding:8px 0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article{
    grid-template-columns:40px minmax(130px,.57fr) minmax(0,1.43fr)!important;
    column-gap:clamp(13px,2vw,25px)!important;
    padding:19px 7px;
    min-height:93px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid h3{
    grid-column:2;
    font-size:18px;
    font-weight:610;
    color:#cfdbd1;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid p{
    grid-column:3;
    max-width:none;
    color:#eef3ed;
    font-size:17.5px;
    font-weight:520;
    line-height:1.5;
  }
}
@media(max-width:700px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid{
    padding:6px 0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(2n),
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:last-child{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto;
    gap:6px 14px!important;
    align-items:start;
    padding:18px 0 19px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid .che-diag-index{
    grid-column:1;
    grid-row:1 / 3;
    align-self:start;
    justify-self:start;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid h3{
    grid-column:2;
    grid-row:1;
    align-self:center;
    font-size:clamp(17px,4.6vw,19px);
    color:#cbdacc;
    font-weight:620;
    line-height:1.25;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid p{
    grid-column:2;
    grid-row:2;
    max-width:none;
    color:#eef3ed;
    font-size:clamp(15.5px,4vw,17px);
    font-weight:510;
    line-height:1.5;
  }
}
@media(max-width:350px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:nth-child(2n),
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #clarity .che-diagnostic-grid article:last-child{
    grid-template-columns:32px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
}