.zonky-cluster .cluster-hero { padding:42px 0 30px; }
.zonky-cluster .cluster-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:32px; }
.zonky-cluster .cluster-hero h1 { margin:14px 0 18px; font-size:clamp(32px,3.3vw,49px); line-height:1.12; letter-spacing:-.025em; }
.zonky-cluster .cluster-lead { color:#46586f; font-size:18px; line-height:1.7; }
.zonky-cluster .cluster-cover { margin:0; }
.zonky-cluster .cluster-cover img { width:100%; height:auto; border-radius:16px; border:1px solid #e0e8ef; }
.zonky-cluster .cluster-cover figcaption { margin-top:7px; color:#536579; font-size:12px; }
.zonky-cluster .cluster-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin:20px 0; font-size:14px; color:#46586f; }
.zonky-cluster .cluster-meta a { text-decoration:underline; }
.zonky-cluster .article-card-box h2 { font-size:clamp(26px,2.5vw,34px); }
.zonky-cluster .article-card-box h3 { font-size:22px; }
.zonky-cluster .cluster-note { padding:20px; border-left:4px solid #0d8b80; background:#edf8f7; border-radius:0 12px 12px 0; margin:20px 0; }
.zonky-cluster .cluster-note p:last-child { margin-bottom:0; }
.zonky-cluster .cluster-screenshot { margin:22px 0; }
.zonky-cluster .cluster-screenshot img { display:block; width:100%; height:auto; border:1px solid #dbe5ee; border-radius:12px; }
.zonky-cluster .cluster-screenshot figcaption { font-size:13px; color:#536579; line-height:1.6; margin-top:8px; }
.zonky-cluster .comparison-table { font-size:15px; }
.zonky-cluster .comparison-table caption { padding:10px 0; text-align:left; font-size:14px; color:#46586f; }
.zonky-cluster .cluster-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; list-style:none; padding:0; }
.zonky-cluster .cluster-related li { padding:16px; background:#f4f8fc; border-radius:12px; }
.zonky-cluster .cluster-related small { display:block; margin-top:6px; line-height:1.6; }
.zonky-cluster details { border-top:1px solid #dce6ee; padding:16px 0; }
.zonky-cluster summary { cursor:pointer; font-weight:800; color:#162e4b; line-height:1.6; }
.zonky-cluster details p { margin:12px 0 0; }
.zonky-cluster :is(a,summary):focus-visible { outline:3px solid #1164b2; outline-offset:4px; }
.zonky-cluster .cluster-template { border:1px solid #cbdbe7; padding:20px; border-radius:12px; }
.zonky-cluster .cluster-cta-note { font-size:13px; margin:10px 0 0; }
.zonky-cluster .cluster-side-cta { display:none; }
@media (min-width:1081px) {
  .zonky-cluster .article-sidebar { display:flex; flex-direction:column; gap:14px; max-height:calc(100dvh - 108px); }
  .zonky-cluster .toc-card { min-height:0; overflow-y:auto; overscroll-behavior:contain; }
  .zonky-cluster .cluster-side-cta { display:block; flex-shrink:0; padding:4px; }
  .zonky-cluster .cluster-side-cta .button { width:100%; padding:14px 10px; font-size:14px; }
  .zonky-cluster .cluster-side-cta small { display:block; text-align:center; margin-top:8px; color:#536579; }
}
@media (max-width:1080px) { .zonky-cluster .cluster-hero-grid { grid-template-columns:1fr; } .zonky-cluster .cluster-cover { max-width:780px; } }
@media (max-width:760px) { .zonky-cluster .cluster-hero { padding-top:26px; } .zonky-cluster .cluster-related { grid-template-columns:1fr; } .zonky-cluster .cluster-note,.zonky-cluster .cluster-template { padding:16px; } .zonky-cluster .comparison-table caption { display:block; width:100%; padding:12px 14px; } }
@media (prefers-reduced-motion:reduce) { .zonky-cluster { scroll-behavior:auto; } }