/* About commitments: a quiet editorial heading and seven native disclosures. */
.sg-about .sg-commitments {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);
  align-items:start;
  gap:72px;
}
.sg-about .sg-commitments-heading { position:sticky; top:136px; margin-bottom:0; }
body.sky-north #wrapwrap .sg-about .sg-commitments-heading h2 {
  font-size:clamp(34px,3.2vw,46px); line-height:1.1; letter-spacing:-.035em; margin-bottom:22px;
}
.sg-about .sg-commitments-intro { max-width:330px; font-size:16px; line-height:1.75; color:var(--sky-muted); }
.sg-about .sg-commitments-list {
  counter-reset:sky-principle;
  border:1px solid var(--sky-border);
  border-radius:18px;
  background:var(--sky-surface);
  overflow:hidden;
}
.sg-about .sg-commitment { counter-increment:sky-principle; border-bottom:1px solid var(--sky-border); }
.sg-about .sg-commitment:last-child { border-bottom:0; }
.sg-about .sg-commitment summary {
  display:grid; grid-template-columns:36px minmax(0,1fr) 12px;
  align-items:center; gap:16px; min-height:80px; padding:20px;
  list-style:none; cursor:pointer; color:var(--sky-text);
  font-size:20px; line-height:1.35; font-weight:600;
  transition:background-color .18s ease;
}
.sg-about .sg-commitment summary::-webkit-details-marker { display:none; }
.sg-about .sg-commitment summary::before {
  content:counter(sky-principle,decimal-leading-zero);
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border:1px solid var(--sky-border); border-radius:50%;
  background:var(--sky-background); color:var(--sky-accent);
  font-size:12px; line-height:1; font-weight:500; font-variant-numeric:tabular-nums;
}
.sg-about .sg-commitment summary::after {
  content:''; width:9px; height:9px; margin-right:3px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg); transition:transform .2s cubic-bezier(.23,1,.32,1);
}
.sg-about .sg-commitment[open] { background:var(--sky-tint); }
.sg-about .sg-commitment[open] summary::before { background:var(--sky-accent); border-color:var(--sky-accent); color:#FFFFFF; }
.sg-about .sg-commitment[open] summary::after { transform:rotate(225deg); }
.sg-about .sg-commitment > p {
  max-width:570px; margin:0; padding:0 24px 24px 72px;
  color:var(--sky-muted); font-size:15px; line-height:1.8;
}
.sg-about .sg-commitment summary:focus-visible { outline:3px solid var(--sky-accent); outline-offset:-4px; border-radius:10px; }
@media (hover:hover) and (pointer:fine) {
  .sg-about .sg-commitment:not([open]) summary:hover { background:#F4F7F1; }
}
@media (max-width:1023px) {
  .sg-about .sg-commitments { gap:36px; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); }
  .sg-about .sg-commitment summary { gap:12px; padding:18px 16px; font-size:19px; }
  .sg-about .sg-commitment > p { padding-left:64px; padding-right:20px; }
}
@media (max-width:767px) {
  .sg-about .sg-commitments { grid-template-columns:1fr; gap:28px; }
  .sg-about .sg-commitments-heading { position:static; }
  .sg-about .sg-commitments-intro { max-width:440px; font-size:15px; }
  .sg-about .sg-commitment summary { grid-template-columns:32px minmax(0,1fr) 10px; min-height:76px; padding:18px 14px; font-size:18px; }
  .sg-about .sg-commitment summary::before { width:32px; height:32px; }
  .sg-about .sg-commitment > p { padding:0 18px 22px 58px; }
}
@media (prefers-reduced-motion:reduce) {
  .sg-about .sg-commitment summary,.sg-about .sg-commitment summary::after { transition:none; }
}