/* Existing Krevaro rhythm, restored: apricot / white / lavender / white / yellow / white / mint.
   Supplied product moments remain legible; coloured UI is placed on white, not another pastel. */
.page-plattform .platform-intro{padding-block:82px 68px}
.page-plattform .platform-intro h1{max-width:1000px;margin-inline:auto;font-size:clamp(50px,6.2vw,90px);line-height:1.06}
.page-plattform .platform-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;max-width:1248px;margin-top:52px;text-align:left}
.page-plattform .platform-jump a{display:grid;grid-template-columns:26px 1fr 18px;gap:12px;align-items:center;padding:18px 0;border-top:1px solid #b98770;text-decoration:none;font-size:16px;line-height:1.45}
.page-plattform .platform-jump a:focus-visible{outline:2px solid #1a1a1a;outline-offset:4px}
.page-plattform .platform-jump-index{font-size:15px}
.page-plattform .six-tools{padding-block:90px 100px}
.page-plattform .platform-features{padding-block:88px 100px}
.page-plattform .platform-feature-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
.page-plattform .platform-feature-layout>header{position:sticky;top:110px}
.page-plattform .platform-feature-layout>header h2{font-size:clamp(39px,4.2vw,61px);line-height:1.1;margin:0 0 28px;text-wrap:balance}
.page-plattform .platform-feature-layout>header p{font:400 18px/1.7 'Work Sans',sans-serif;margin:0;max-width:370px}
.page-plattform .platform-feature{border-color:#bcaecc}
.page-plattform .platform-feature summary{font-size:clamp(26px,2.5vw,35px);padding-block:25px}
.page-plattform .platform-feature summary>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
.page-plattform .platform-feature .feature-plus{flex:0 0 28px;width:28px;height:28px;margin:0 8px 0 0;text-align:center}
.page-plattform .platform-feature-body{display:block;padding:0 0 30px 64px}
.page-plattform .platform-feature-body>p{margin-bottom:20px}
.page-plattform .platform-content{padding-block:100px}
.page-plattform .platform-content>header{max-width:960px;margin:0 auto 58px;text-align:center}
.page-plattform .platform-content>header p{max-width:760px;margin-inline:auto}
.page-plattform .platform-content-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.page-plattform .platform-content .content-sequence{display:block;margin:0 0 30px}
.page-plattform .content-sequence article{display:grid;grid-template-columns:34px 1fr;gap:0 20px;border-top:1px solid #ccc;padding:25px 0}
.page-plattform .content-sequence article>span{grid-row:1/3;margin-top:6px}
.page-plattform .content-sequence h3{margin:0 0 17px;font-size:31px}
.page-plattform .content-sequence p{margin:0;font-size:17px}
.page-plattform .platform-content-example.audience-story{padding:0;min-width:0;background:white}
.page-plattform .platform-content-example .st-graphic{width:100%;max-width:560px;margin:auto}
.page-plattform .platform-content-example .ev-card{width:100%;max-width:560px}
.page-plattform .platform-content-example .audience-story-note{font-size:15px;text-align:left;margin-top:24px}
.page-plattform .platform-connections{background:#faf6b4;padding-block:90px}
.page-plattform .platform-connections h2{max-width:850px}
.page-plattform .platform-connections .wrap>div{gap:75px}
.page-plattform .platform-connections article{border-top:1px solid #baae61;padding-top:25px}
.page-plattform .platform-perspectives{padding-block:85px}
@media(max-width:1050px){
 .page-plattform .platform-feature-layout{gap:40px;grid-template-columns:.8fr 1.2fr}
 .page-plattform .platform-content-layout{gap:38px}
 .page-plattform .platform-feature-body{padding-left:0}
}
@media(max-width:800px){
 .page-plattform .platform-intro{padding-block:54px}
 .page-plattform .platform-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:30px}
 .page-plattform .platform-feature-layout,.page-plattform .platform-content-layout{grid-template-columns:1fr;gap:35px}
 .page-plattform .platform-feature-layout>header{position:static}
 .page-plattform .platform-feature-layout>header p{max-width:600px}
 .page-plattform .platform-features,.page-plattform .platform-content,.page-plattform .platform-connections,.page-plattform .six-tools{padding-block:65px}
 .page-plattform .platform-content>header{text-align:left;margin-bottom:35px}
 .page-plattform .platform-feature summary{gap:14px;font-size:29px}
 .page-plattform .content-sequence article{gap:0 12px}
 .page-plattform .content-sequence h3{font-size:29px}
}
@media(max-width:480px){
 .page-plattform .platform-jump{grid-template-columns:1fr}
 .page-plattform .platform-jump a{padding:14px 0}
 .page-plattform .platform-intro h1{font-size:47px}
}
