.agd .agd__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,64px);align-items:start}
.agd:not(.is-js) .agd__grid{display:block}
.agd:not(.is-js) .agd__src{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.agd:not(.is-js) .agd__stage{display:none}
.agd.is-js .agd__src{display:none}
.agd .agd__list{list-style:none;margin:0;padding:0;position:relative}
.agd .agd__list::before{content:"";position:absolute;left:41px;top:34px;bottom:34px;width:2px;background:var(--mist)}
.agd .agd__item{position:relative;border-radius:18px;transition:background .3s,box-shadow .3s}
.agd .agd__item+.agd__item{margin-top:4px}
.agd .agd__item.is-on{background:var(--w);box-shadow:0 18px 40px -22px rgba(0,0,0,.3)}
.agd.bg-white .agd__item.is-on{background:var(--cloud);box-shadow:none}
.agd .agd__btn{display:flex;align-items:center;gap:20px;width:100%;padding:16px 22px;border:0;background:none;color:var(--k);font:inherit;font-weight:700;font-size:clamp(18px,1.35vw,21px);line-height:1.3;text-align:left;cursor:pointer}
.agd .agd__n{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--w);border:2px solid var(--mist);font-size:14px;letter-spacing:.04em;font-variant-numeric:tabular-nums;transition:background .3s,border-color .3s}
.agd.bg-white .agd__n{background:var(--cloud);border-color:var(--cloud)}
.agd .agd__item.is-on .agd__n{background:var(--y);border-color:var(--y)}
.agd .agd__item.is-done .agd__n{background:var(--k);border-color:var(--k);color:var(--y)}
.agd .agd__t{flex:1}
.agd .agd__btn:hover .agd__t{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:5px}
.agd .agd__chev{flex:0 0 auto;width:10px;height:10px;border-right:2.5px solid currentColor;border-top:2.5px solid currentColor;transform:rotate(45deg);opacity:.35;transition:opacity .3s,transform .3s}
.agd .agd__item.is-on .agd__chev{opacity:1}
.agd .agd__inl{display:none}
.agd .agd__stage{position:sticky;top:110px;background:var(--k);color:#e6e6e6;border-radius:28px;padding:clamp(28px,3.4vw,52px);display:grid}
.agd .agd__panel{grid-area:1/1;display:flex;flex-direction:column;visibility:hidden;opacity:0}
.agd .agd__panel.is-on{visibility:visible;opacity:1;animation:agd-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes agd-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.agd .agd__kick{margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--y);font-variant-numeric:tabular-nums}
.agd .agd__panel h3{color:var(--w);font-size:clamp(24px,2.2vw,32px);margin:0 0 22px}
.agd .agd__ptext{color:#cfcfcf;margin:0 0 16px}
.agd .agd__ul{list-style:none;margin:0 0 28px;padding:0}
.agd .agd__ul li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid rgba(255,255,255,.12);font-size:clamp(16px,1.2vw,18px);line-height:1.45}
.agd .agd__ul li:last-child{border-bottom:0}
.agd .agd__ul li::before{content:"";position:absolute;left:0;top:1.15em;width:8px;height:8px;background:var(--y)}
.agd .agd__next{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:2px solid var(--y);background:transparent;color:var(--w);font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s,color .2s}
.agd .agd__next:hover{background:var(--y);color:var(--k)}
.agd .agd__next::after{content:"→"}
.agd .agd__note{margin:32px 0 0;font-size:15px;color:var(--stone)}
.agd.bg-black .agd__list::before{background:#333}
.agd.bg-black .agd__btn{color:var(--w)}
.agd.bg-black .agd__n{background:#141414;border-color:#333}
.agd.bg-black .agd__item.is-on{background:#141414;box-shadow:none}
.agd.bg-black .agd__item.is-on .agd__n{color:var(--k)}
.agd.bg-black .agd__stage{background:#161616;border:1px solid #2b2b2b}
@media (max-width:900px){
.agd.is-js .agd__grid{display:block}
.agd.is-js .agd__stage{display:none}
.agd .agd__list::before{left:39px}
.agd .agd__btn{padding:14px 20px;gap:16px}
.agd .agd__inl{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
.agd .agd__item.is-on .agd__inl{grid-template-rows:1fr}
.agd .agd__inl>div{overflow:hidden;min-height:0}
.agd .agd__inl .agd__ibody{padding:0 20px 20px 76px}
.agd .agd__inl .agd__ul{margin:0}
.agd .agd__inl .agd__ul li{border-color:rgba(0,0,0,.1);color:var(--ink)}
.agd.bg-black .agd__inl .agd__ul li{border-color:rgba(255,255,255,.12);color:#e6e6e6}
.agd .agd__item.is-on .agd__chev{transform:rotate(135deg)}
}
@media (max-width:480px){.agd .agd__inl .agd__ibody{padding-left:20px}}
@media (prefers-reduced-motion:reduce){.agd .agd__panel.is-on{animation:none}.agd .agd__inl{transition:none}}