/* The complete illustration carries the story; examples stay available on request. */
.ch-demo-overview.ch-story-editorial{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:0;padding:0;overflow:hidden;background:#f7f8f3;border:1px solid #e4e9dc;border-radius:24px;box-shadow:none}
.ch-story-editorial .ch-story-art{align-self:center;min-width:0}
.ch-story-editorial .ch-story-art img{display:block;width:100%;height:auto;min-height:0;object-fit:cover;object-position:center;aspect-ratio:3/2}
.ch-story-editorial .ch-story-content{min-width:0;padding:36px}
.ch-story-editorial .ch-demo-caption{margin:0 0 16px}
.ch-story-editorial h3{max-width:22ch;margin:0 0 20px;font-size:clamp(25px,2.5vw,34px);line-height:1.28;text-wrap:balance}
.ch-story-editorial .ch-story-meaning{margin:0 0 20px;max-width:42ch;font-size:16px;line-height:1.7;color:#526357}
.ch-story-details{margin:0 0 20px;border-block:1px solid #d8e0cf}
.ch-story-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:14px 0;font-size:14px;font-weight:600;list-style:none}
.ch-story-details>summary::-webkit-details-marker{display:none}
.ch-story-details[open]>summary>span{transform:rotate(45deg)}
.ch-story-details>div{padding:0 0 14px;font-size:14px;line-height:1.7}
.ch-story-details>div>p{margin:0 0 12px}
.ch-story-details .ch-demo-application{grid-template-columns:1fr;margin-block:12px;gap:8px}
.ch-story-details .ch-demo-application p{padding:10px 12px;font-size:13px}
.ch-story-editorial .ch-text-link{font-size:14px}
@media(max-width:760px){
.ch-demo-overview.ch-story-editorial{grid-template-columns:1fr;border-radius:20px}
.ch-story-editorial .ch-story-art img{min-height:0;height:auto;aspect-ratio:3/2}
.ch-story-editorial .ch-story-content{padding:24px}
.ch-story-editorial h3{font-size:26px;margin-bottom:16px;max-width:100%}
.ch-story-editorial .ch-demo-caption{margin-bottom:12px}
.ch-story-editorial .ch-story-meaning{font-size:15px;margin-bottom:16px}
}