/* PHOENiX CSS about-index - refactored */
:where(html[data-phx-page="about"]) .phx-about-overview{max-width:var(--phx-size-1200);padding:var(--space-7) 0 var(--space-8)}:where(html[data-phx-page="about"]) .about-lead{max-width:var(--phx-size-960);margin:0 auto var(--space-6);text-align:start}:where(html[data-phx-page="about"]) .about-kicker,:where(html[data-phx-page="about"]) .about-index{display:block;color:var(--phx-brand);letter-spacing:2px;font-size:var(--phx-font-xs);font-weight:700}:where(html[data-phx-page="about"]) .about-lead h2{margin:var(--space-3) 0 var(--space-4);color:var(--phx-heading-color);font-size:clamp(var(--phx-font-subheading),3.6vw,var(--phx-font-section));line-height:var(--phx-leading-heading);letter-spacing:-1.2px}:where(html[data-phx-page="about"]) .about-lead p{max-width:var(--phx-size-960);margin:auto;color:var(--phx-text-muted);font-size:var(--phx-font-body);line-height:var(--phx-leading-reading)}:where(html[data-phx-page="about"]) .about-overview-grid{display:flex;flex-direction:column;gap:var(--space-4)}:where(html[data-phx-page="about"]) .about-feature{display:grid;grid-template-columns:minmax(210px,.35fr) minmax(0,.65fr);gap:clamp(var(--space-4),3.5vw,var(--space-7));padding:clamp(var(--space-5),3vw,var(--space-6));background:linear-gradient(135deg,var(--phx-surface),var(--phx-surface) 65%);border:1px solid var(--phx-border);border-radius:var(--phx-radius-16);box-shadow:var(--phx-shadow-sm)}:where(html[data-phx-page="about"]) .about-feature-heading{border-left:3px solid var(--phx-brand);padding:var(--space-1) 0 0 var(--space-4);align-self:start}:where(html[data-phx-page="about"]) .about-feature h3{font-size:clamp(var(--phx-font-card),2.2vw,var(--phx-font-subheading));line-height:var(--phx-leading-heading);letter-spacing:-.5px;color:var(--phx-heading-color);margin:var(--space-3) 0 0}:where(html[data-phx-page="about"]) .about-feature-copy p{margin:0 0 var(--space-3);font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);color:var(--phx-text-muted)}:where(html[data-phx-page="about"]) .about-feature-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--phx-brand);font-weight:700;font-size:var(--phx-font-xs);text-decoration:none;border-bottom:1px solid var(--phx-border);padding:var(--space-1) 0}:where(html[data-phx-page="about"]) .about-feature-link:hover,:where(html[data-phx-page="about"]) .about-feature-link:focus-visible{color:var(--phx-text-strong);border-color:var(--phx-text-strong)}:where(html[data-phx-page="about"]) .about-feature-link span{font-size:var(--phx-font-body)}:where(html[data-phx-page="about"]) .about-closing{text-align:center;border:1px solid var(--phx-border);border-radius:var(--phx-radius-16);padding:var(--space-6) var(--space-5);margin-top:var(--space-4)}:where(html[data-phx-page="about"]) .about-closing h2{color:var(--phx-heading-color);font-size:clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));letter-spacing:-.75px;margin:var(--space-2) 0 var(--space-3)}:where(html[data-phx-page="about"]) .about-closing p{max-width:var(--phx-size-800);margin:0 auto var(--space-5);color:var(--phx-text-muted);line-height:var(--phx-leading-reading);font-size:var(--phx-font-sm)}@media (max-width:720px){:where(html[data-phx-page="about"]) .phx-about-overview{padding:var(--space-6) 0 var(--space-7)!important}:where(html[data-phx-page="about"]) .about-lead{text-align:start}:where(html[data-phx-page="about"]) .about-lead p{font-size:var(--phx-font-sm)}:where(html[data-phx-page="about"]) .about-feature{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5) var(--space-4)}:where(html[data-phx-page="about"]) .about-feature-copy p{font-size:var(--phx-font-sm)}:where(html[data-phx-page="about"]) .about-closing{padding:var(--space-6) var(--space-4)}}html[data-phx-page="about"] body .about-closing p{max-inline-size:var(--phx-intro-measure);margin-inline:auto;text-align:center}