:root{
  --acs-teal:#1c7c6e; --acs-teal-dark:#14594e; --acs-orange:#e8863a;
  --acs-footer:#262a2e; --acs-bg:#f4f5f5; --acs-text:#20242a; --acs-muted:#6a7178;
  --acs-border:#e2e5e5; --acs-radius:8px; --acs-gap:24px;
}
.acs-section{margin:48px 0}
.acs-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.acs-section__title{font-size:1.5rem;font-weight:700;color:var(--acs-text);position:relative;padding-inline-start:14px}
.acs-section__title::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:var(--acs-teal);border-radius:2px}
.acs-section__more{color:var(--acs-teal);text-decoration:none;font-size:.9rem}
.acs-grid{display:grid;gap:var(--acs-gap)}
.acs-grid--2{grid-template-columns:repeat(2,1fr)}
.acs-grid--3{grid-template-columns:repeat(3,1fr)}
.acs-grid--4{grid-template-columns:repeat(4,1fr)}
.acs-card{background:#fff;border:1px solid var(--acs-border);border-radius:var(--acs-radius);overflow:hidden;display:flex;flex-direction:column}
.acs-card__img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}
.acs-card__body{padding:14px}
.acs-card__title{font-size:1rem;font-weight:600;color:var(--acs-text);text-decoration:none;line-height:1.5}
.acs-card__meta{font-size:.8rem;color:var(--acs-muted);margin-top:8px;display:flex;gap:10px;align-items:center}
.acs-badge{display:inline-block;padding:2px 10px;border-radius:12px;color:#fff;font-size:.75rem;background:var(--acs-teal)}
.acs-datechip{background:var(--acs-orange);color:#fff;border-radius:6px;padding:4px 8px;font-weight:700;text-align:center;line-height:1.1}
/* hero */
.acs-hero__slider{position:relative}
.acs-hero__track{position:relative}
.acs-hero__slide{display:none;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.acs-hero__slide.is-active{display:grid}
.acs-hero__panel{padding:8px 0}
.acs-hero__title{display:block;font-size:1.9rem;line-height:1.5;font-weight:800;color:var(--acs-text);text-decoration:none;margin-bottom:16px}
.acs-hero__title:hover{color:var(--acs-teal)}
.acs-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;font-size:.85rem;color:var(--acs-muted)}
.acs-hero__authors{color:var(--acs-teal-dark);font-weight:600}
.acs-hero__excerpt{color:var(--acs-muted);font-size:.98rem;line-height:1.9}
.acs-hero__media{display:block;position:relative;background:var(--acs-teal);border-radius:var(--acs-radius);overflow:hidden}
.acs-hero__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.acs-hero__dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.acs-hero__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--acs-border);cursor:pointer;transition:width .2s}
.acs-hero__dot.is-active{width:26px;border-radius:6px;background:var(--acs-teal)}
@media(max-width:820px){.acs-hero__slide.is-active{grid-template-columns:1fr}.acs-hero__media{order:-1}.acs-hero__img{clip-path:none}}
/* style A cards (image + overlay title) */
.acs-featA{position:relative;display:block;border:3px solid var(--acs-teal);border-radius:var(--acs-radius);overflow:hidden}
.acs-featA__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.acs-featA__title{position:absolute;inset-inline-end:14px;inset-block-end:12px;color:#fff;font-weight:700;font-size:1.1rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}
/* style B highlights */
.acs-featB{display:flex;gap:14px;align-items:flex-start}
.acs-featB__title{color:var(--acs-teal-dark);font-weight:700;margin-bottom:8px;position:relative;padding-inline-start:12px}
.acs-featB__title::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:22px;height:3px;background:var(--acs-teal)}
.acs-featB__desc{color:var(--acs-muted);font-size:.9rem;line-height:1.7}
.acs-featB__thumb{width:96px;height:72px;object-fit:cover;border-radius:6px;flex:0 0 auto}
/* chips + newsletter + videos */
.acs-chips{display:flex;flex-wrap:wrap;gap:12px}
.acs-chip{border:1px solid var(--acs-border);border-radius:20px;padding:8px 18px;color:var(--acs-text);text-decoration:none}
.acs-chip:hover{border-color:var(--acs-teal);color:var(--acs-teal)}
.acs-news__form{display:flex;gap:10px;max-width:520px}
.acs-news__input{flex:1;padding:12px;border:1px solid var(--acs-border);border-radius:6px}
.acs-btn{background:var(--acs-teal);color:#fff;border:0;border-radius:6px;padding:12px 22px;cursor:pointer;text-decoration:none}
.acs-video{position:relative;display:block;border-radius:var(--acs-radius);overflow:hidden}
.acs-video__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.acs-video__play{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.acs-tabs__nav{display:flex;gap:20px;margin-bottom:18px}
.acs-tabs__btn{background:none;border:0;font-weight:600;color:var(--acs-muted);cursor:pointer;padding:6px 0}
.acs-tabs__btn.is-active{color:var(--acs-teal);border-bottom:2px solid var(--acs-teal)}
@media(max-width:900px){.acs-grid--3,.acs-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.acs-grid--2,.acs-grid--3,.acs-grid--4{grid-template-columns:1fr}.acs-featB{flex-direction:column}}
