/* Shared article template. Typography tokens and navigation remain unchanged. */
.column-detail-page .nav [aria-current="location"],.column-detail-page .mobile-nav [aria-current="location"]{color:var(--pink-dark);background:var(--pink-pale)}
.column-detail-page .footer-nav [aria-current="location"]{text-decoration:underline;text-underline-offset:6px}
.detail-breadcrumb{padding-block:24px}
.detail-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0;font-size:var(--type-note);line-height:1.8;color:var(--ink-soft)}
.detail-breadcrumb li+li:before{content:"›";margin-right:12px;color:var(--pink-dark)}
.detail-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.detail-reading-width{width:min(720px,calc(100% - 80px));margin-inline:auto}
.detail-heading{padding:52px 0 58px;background:linear-gradient(135deg,var(--pink-pale),var(--white) 45%,var(--sky))}
.column-detail-page .detail-heading h1{margin:22px 0;line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}
.column-detail-page main .detail-lead{font-size:var(--type-lead);line-height:var(--leading-lead);margin:0}
.detail-cover{width:min(960px,calc(100% - 80px));margin:48px auto 0}
.detail-cover img{display:block;width:100%;height:auto;border-radius:var(--radius-m)}
.detail-body{padding-top:56px}
.column-detail-page .detail-body h2{margin:0 0 22px;text-wrap:pretty}
.detail-body section+section{margin-top:48px}
.column-detail-page .detail-body p{font-size:1.125rem;line-height:1.9;margin:0 0 20px;overflow-wrap:anywhere}
.detail-summary{margin-top:48px;padding:28px 30px;background:linear-gradient(135deg,var(--pink-pale),var(--lav));border-left:3px solid var(--pink);border-radius:0 var(--radius-s) var(--radius-s) 0}
.detail-summary p:last-child{margin-bottom:0}
.column-detail-page .detail-body .detail-draft-note{font-size:var(--type-note);margin-top:28px}
.detail-back{text-align:center;margin:36px 20px 72px}
.detail-related{padding:72px 0 86px;background:linear-gradient(150deg,var(--white),var(--sky))}
@media(max-width:767px){
  .detail-reading-width,.detail-cover{width:calc(100% - 36px)}
  .detail-breadcrumb{padding-block:18px}
  .detail-heading{padding:36px 0 40px}
  .detail-cover{margin-top:30px}
  .detail-body{padding-top:36px}
  .detail-body section+section,.detail-summary{margin-top:36px}
  .detail-summary{padding:22px 20px}
  .detail-back{margin-bottom:52px}
  .detail-related{padding:54px 0 64px}
}