.about-demo [data-section]{position:relative}
.about-demo [data-field]{white-space:pre-line}
.about-demo [style*="--about-background:"]{background:var(--about-background)}
.about-demo [style*="--about-text:"]{--ink:var(--about-text);color:var(--about-text)}
.about-demo [style*="--about-bodyColor:"]{--muted:var(--about-bodyColor)}
.about-demo [style*="--about-accent:"]{--green:var(--about-accent)}
.about-demo [style*="--about-padding:"]:is(.wrap,.closing){padding-top:var(--about-padding);padding-bottom:var(--about-padding)}
.about-demo [style*="--about-padding:"]>.wrap{padding-top:var(--about-padding);padding-bottom:var(--about-padding)}
.about-demo [style*="--about-width:"]:is(.wrap),.about-demo [style*="--about-width:"]>.wrap{max-width:var(--about-width)}
.about-demo [style*="--about-headingSize:"] :is(h1,h2){font-size:clamp(24px,5vw,var(--about-headingSize))}
.about-demo [style*="--about-bodySize:"] p:not(.eyebrow){font-size:var(--about-bodySize)}
.about-demo [style*="--about-align:"]{text-align:var(--about-align)}
.about-demo [style*="--about-font:sans"]{font-family:Arial,Helvetica,sans-serif}
.about-demo [style*="--about-font:serif"]{font-family:Georgia,'Times New Roman',serif}
.about-demo [style*="--about-radius:"] :is(.service,.hero-art){border-radius:var(--about-radius)}
.about-demo [style*="--about-gap:"]:is(.hero,.mission,.join),.about-demo [style*="--about-gap:"] :is(.service-grid,.timeline,.values-layout,.principles-inner){gap:var(--about-gap)}
@media(min-width:901px){.about-demo [style*="--about-columns:"]:is(.hero,.mission,.join),.about-demo [style*="--about-columns:"] :is(.service-grid,.timeline,.values-layout,.principles-inner){grid-template-columns:repeat(var(--about-columns),minmax(0,1fr))}}
.about-demo .about-admin-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 25px;background:#fff;border-bottom:1px solid #c6d7ca;font-size:13px;color:#16392c}
.about-demo button{cursor:pointer;font-family:inherit}
.about-demo .about-admin-bar button,.about-demo .about-dialog-actions button{background:#145d42;color:#fff;padding:9px 15px;border:0;border-radius:5px;font-size:13px}
.about-demo button:disabled{cursor:wait;opacity:.5}
.about-demo [hidden]{display:none!important}
.about-demo .about-section-edit{display:none;position:absolute;right:10px;top:10px;z-index:2;border:1px solid #145d42;background:#fff;color:#145d42;padding:5px 12px;border-radius:5px;font-size:12px}
.about-demo.is-editing .about-section-edit{display:block}
.about-demo.is-editing [data-section]{outline:1px dashed #7ba58c;outline-offset:-3px}
.about-demo.is-editing [data-field]{cursor:pointer}
.about-demo.is-editing [data-field]:hover{background:#ecd9ac;color:#16392c}
.about-demo dialog{position:fixed;inset:0;margin:auto;max-height:85vh;width:min(820px,calc(100% - 30px));padding:28px;border:1px solid #c6d7ca;border-radius:9px;background:#faf9f5;color:#16392c;overflow:auto;font-size:14px}
.about-demo dialog::backdrop{background:#0a241ba6}
.about-demo .about-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}
.about-demo .about-dialog-heading h2{font-size:26px;line-height:1.3;margin:0 0 15px}
.about-demo .about-dialog-heading button{font-size:25px;border:0;background:none;color:#16392c}
.about-demo dialog p{font-size:13px}
.about-demo #about-section-fields{display:grid;gap:14px}
.about-demo dialog label{display:block;font-size:13px;color:#16392c;font-weight:600}
.about-demo dialog textarea,.about-demo dialog select,.about-demo dialog input{display:block;width:100%;padding:9px;border:1px solid #a6bcae;border-radius:4px;background:#fff;color:#16392c;font:14px Arial,sans-serif;margin-top:5px}
.about-demo dialog textarea{min-height:65px;resize:vertical;white-space:pre-wrap}
.about-demo dialog details{margin-top:25px;border-top:1px solid #c6d7ca;padding-top:20px}
.about-demo dialog summary{font-weight:700;cursor:pointer}
.about-demo #about-section-styles{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:20px}
.about-demo .about-style-control input:disabled,.about-demo .about-style-control select:disabled{opacity:.5}
.about-demo .about-style-default{display:flex;gap:7px;align-items:center;font-size:11px;margin-top:6px}
.about-demo .about-style-default input{width:auto;margin:0}
.about-demo .about-dialog-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}
.about-demo #about-status{font-size:12px}
@media(max-width:640px){.about-demo #about-section-styles{grid-template-columns:1fr}.about-demo .about-admin-bar{position:relative}.about-demo dialog{padding:20px}}