/* About-only editorial layout; the shared shell and diagnostics retain ownership. */
.cw-content-main.cw-about { max-width:1040px; padding:36px 24px 48px; }
.cw-about .about-reading { max-width:66ch; }
.cw-about .about-attribution { font-size:14px; color:#526871; }
.cw-about h1 { font-size:clamp(28px,2.7vw,36px); line-height:1.2; margin:0 0 16px; }
.cw-about h2 { font-size:clamp(22px,2vw,26px); line-height:1.25; margin:0 0 14px; }
.cw-about p { max-width:66ch; line-height:1.7; margin:0 0 16px; }
.cw-about strong { font-weight:600; }
.cw-about section { margin-top:30px; }
.cw-about section p:last-child { margin-bottom:0; }
.cw-about .about-origin { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:32px; align-items:center; }
.cw-about .about-origin > div { min-width:0; }
.cw-about .about-photo { position:relative; width:100%; max-width:400px; aspect-ratio:1280 / 1020; margin:0; background:var(--paper); }
.cw-about .about-photo picture,.cw-about .about-photo img { display:block; width:100%; height:auto; }
.cw-about .about-photo figcaption { margin-top:8px; color:#526871; font-size:12px; line-height:1.5; }
.cw-about .about-company-link { display:inline-block; margin-top:14px; font-size:14px; }
.cw-about .about-invitation { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.cw-about .cw-actions { gap:12px 24px; margin:20px 0 0; }
.cw-about .about-support { min-width:0; max-width:66ch; margin-top:32px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.cw-about .about-support summary { cursor:pointer; padding:16px 4px; color:var(--green); line-height:1.5; }
.cw-about .about-support__content { min-width:0; padding:4px 4px 20px; }
.cw-about #alpha-support-context { max-width:100%; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; background:#eeefea; }
.cw-about #alpha-support-health { overflow-wrap:anywhere; font-size:14px; }
@media (max-width:767px) {
  .cw-content-main.cw-about { padding:28px 20px 36px; }
  .cw-about .about-origin { grid-template-columns:minmax(0,1fr); gap:22px; }
  .cw-about section { margin-top:26px; }
  .cw-about .cw-actions { align-items:flex-start; flex-direction:column; }
}