.story-list{border-top:1px solid #cbd1c6}
.story-item{border-bottom:1px solid #cbd1c6}
.story-item summary{list-style:none;display:grid;grid-template-columns:.35fr 1.15fr 40px;align-items:center;gap:24px;padding:24px 0;cursor:pointer;transition:padding .25s ease,background .25s ease}
.story-item summary::-webkit-details-marker{display:none}
.story-item summary:focus-visible{outline:2px solid #00b49a;outline-offset:4px}
.story-item summary:hover{padding-left:12px;padding-right:12px;background:#e1eeeb}
.story-number{font:10px var(--mono);color:#7a8578;align-self:start;padding-top:10px}
.story-title{font:500 clamp(27px,3.4vw,43px)/.98 var(--display);letter-spacing:-.06em}
.story-toggle{width:36px;height:36px;border:1px solid #93a79f;border-radius:50%;display:grid;place-items:center;justify-self:end;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.story-toggle:before{content:'+';font:300 22px/1 var(--sans);transform:translateY(-1px)}
.story-item[open] .story-toggle{background:#00b49a;border-color:#00b49a;transform:rotate(45deg)}
.story-body{margin:0 64px 32px calc(30% + 24px);max-width:760px;animation:story-in .3s ease both}
.story-body h3{font:italic 21px/1.25 var(--serif);font-weight:400;color:#4d756e;margin:4px 0 22px}
.story-body p{font-size:13px;line-height:1.85;color:#566057;margin:0 0 16px}
.story-body .service-lead{margin-top:22px;margin-bottom:8px}
.story-body ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px}
.story-body li{position:relative;padding-left:14px;font-size:12px;line-height:1.6;color:#566057}
.story-body li:before{content:'';position:absolute;left:0;top:.63em;width:5px;height:5px;border-radius:50%;background:#00b49a}
@keyframes story-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.story-item summary{grid-template-columns:28px 1fr 36px;gap:14px;padding:20px 0}.story-item summary:hover{padding-left:7px;padding-right:7px}.story-title{font-size:32px}.story-body{margin:0 0 26px 42px}.story-body h3{font-size:19px;margin-bottom:16px}.story-body p{font-size:12.5px}.story-body ul{grid-template-columns:1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){.story-item summary,.story-toggle{transition:none}.story-item[open] .story-body{animation:none}}
