/* Adults: compact composition for the unchanged V118 typography.
   Layout only. Protected photographs, illustration masks and native assets stay
   unchanged. Header/hero composition is supplied by the shared compact layer. */
@media (min-width:1051px) {
  body#start.adults-reference.compact-layout .concerns {
    min-height:32cqw;
    padding-top:0;
    padding-bottom:2cqw;
    row-gap:16px;
    grid-template-rows:max-content 1fr;
  }
  body#start.adults-reference.compact-layout .portrait {
    width:23cqw;
    height:30cqw;
    margin:0 auto;
  }
  body#start.adults-reference.compact-layout .portrait:before {
    inset:-1.7cqw -2.8cqw -1.4cqw -2.4cqw;
  }
  body#start.adults-reference.compact-layout .concerns:has(.adult-topics[open]) {
    grid-template-rows:max-content max-content;
  }
  body#start.adults-reference.compact-layout .adult-topics-body {
    padding-top:20px;
    padding-bottom:24px;
  }

  /* One coordinate system scaled uniformly to 68%. The full 3:2 paint canvas
     is retained, including its foreground pearl. The original KV layer uses
     exactly the same scale and translation; its masks keep their geometry. */
  body#start.adults-reference.compact-layout .attitude {
    min-height:45.333333cqw;
    padding:1.8cqw 0 2.4cqw;
  }
  body#start.adults-reference.compact-layout .attitude-copy {
    width:46%;
  }
  body#start.adults-reference.compact-layout .attitude-paint {
    inset:0 9cqw auto auto;
    width:68cqw;
    height:45.333333cqw;
    background-size:100% 100%;
    mask-image:linear-gradient(transparent,#000 6%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent);
    mask-composite:intersect;
  }
  body#start.adults-reference.compact-layout .attitude-kv {
    right:6.28cqw;
    top:1.36cqw;
    width:42.16cqw;
    height:33.32cqw;
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 85%,transparent 99%),linear-gradient(#000 85%,transparent);
    mask-composite:intersect;
  }
  body#start.adults-reference.compact-layout .attitude-kv img {
    width:85cqw;
    right:-2.04cqw;
    top:0;
    mask-image:url(adults-compact-kv-edge.svg),linear-gradient(90deg,transparent 45%,#000 51%,#000 97%,transparent),linear-gradient(transparent 23%,#000 29%,#000 78%,transparent 82%),radial-gradient(ellipse 5% 12% at 54% 82%,transparent 55%,#000 85%);
    mask-composite:intersect;
  }

  body#start.adults-reference.compact-layout .contact-chapter {
    padding-top:14px;
    padding-bottom:24px;
  }
  body#start.adults-reference.compact-layout .adult-footer {
    padding-top:20px;
    padding-bottom:4.5cqw;
  }
}

@media (max-width:1050px) {
  body#start.adults-reference.compact-layout .practice-illustration{container-type:inline-size;width:min(112.108%,640px);height:min(46cqw,294.4px);left:50%;transform:translateX(-50%);margin:14px 0 0}
  body#start.adults-reference.compact-layout .concerns {
    padding-bottom:28px;
    row-gap:20px;
  }
  body#start.adults-reference.compact-layout .attitude {
    padding-top:28px;
    padding-bottom:24px;
  }
  body#start.adults-reference.compact-layout .attitude-kv {
    container-type:inline-size;
    width:min(88%,640px);
    height:min(70.4cqw,512px);
    margin:14px auto 0;
  }
  body#start.adults-reference.compact-layout .attitude-kv img{mask-image:url(adults-compact-kv-edge.svg),linear-gradient(90deg,transparent 43%,#000 49%,#000 97%,transparent);mask-composite:intersect}
  body#start.adults-reference.compact-layout .contact-chapter {
    padding-top:24px;
    padding-bottom:28px;
  }
}

@media (max-width:760px) {
  body#start.adults-reference.compact-layout .portrait {
    width:186px;
    height:244px;
  }
  body#start.adults-reference.compact-layout .portrait:before {
    inset:-16px -27px -11px;
  }
  body#start.adults-reference.compact-layout .attitude {
    padding-top:26px;
    padding-bottom:20px;
  }
  body#start.adults-reference.compact-layout .attitude-kv img {
    width:190cqw;
    right:-8cqw;
    top:-1cqw;
  }
  body#start.adults-reference.compact-layout .attitude-kv{width:min(88%,480px);height:min(70.4cqw,384px)}
}
@media(max-width:650px){body#start.adults-reference.compact-layout .practice-illustration{width:min(112.108%,540px);height:min(62cqw,334.8px)}}
/* Keep the rising divider out of the tablet disclosure row. The pearl stays
   in the opaque central part; only the tall decorative tips soften. */
@media(min-width:651px) and (max-width:1050px){
  body#start.adults-reference.compact-layout .attitude{padding-top:10cqw}
  body#start.adults-reference.compact-layout .attitude::before{top:-12cqw;height:24cqw;mask-image:linear-gradient(transparent 38%,#000 63%,#000 82%,transparent)}
}