/* blog: vygenerované z návrhu nástrojom tools/split_css.py */
.lead-art{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:var(--r-xl);overflow:hidden;background:var(--card);color:var(--ink);border:1px solid var(--line);transition:box-shadow .5s,transform .5s cubic-bezier(.22,1,.36,1)}
.lead-art:hover{transform:translateY(-6px);box-shadow:0 34px 70px rgba(106,31,163,.16)}
.lead-art .cover{aspect-ratio:auto;min-height:380px}
.lead-art .art-body{padding:clamp(26px,3.4vw,56px);justify-content:center;gap:18px}
.lead-art h3{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,2.8vw,2.9rem);line-height:1.11;letter-spacing:-.025em;text-wrap:balance}
.lead-art p{color:var(--ink-2)}
.topic{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--r-lg);background:var(--card);color:var(--ink);border:1px solid var(--line);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s}
.topic:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(106,31,163,.14);border-color:rgba(145,55,205,.35)}
.topic .ico{margin-bottom:18px}
.topic h3{font-family:var(--display);font-weight:500;font-size:1.35rem;letter-spacing:-.015em}
.topic p{font-size:.94rem;color:var(--ink-2)}
.topic small{margin-top:auto;padding-top:8px;font-size:.84rem;color:var(--violet-deep);display:flex;align-items:center;gap:8px}
.topic small .i{width:16px;height:16px}
.rows{border-top:1px solid var(--hair)}
.rows a{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:10px 24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--hair);transition:padding .5s cubic-bezier(.22,1,.36,1),color .3s}
.rows a:hover{padding-left:14px;color:var(--violet-deep)}
.rows h3{font-family:var(--display);font-weight:500;font-size:clamp(1.1rem,1.6vw,1.5rem);letter-spacing:-.015em;line-height:1.21}
.rows span{font-size:.88rem;color:var(--fg3)}
.rows .i{width:20px;height:20px}
@media (max-width:1080px){
  .lead-art{grid-template-columns:minmax(0,1fr)}
  .lead-art .cover{min-height:240px}
}
@media (max-width:760px){
  .rows a{grid-template-columns:minmax(0,1fr) auto}
  .rows a span:first-child{grid-column:1/-1}
  .rows a span:nth-of-type(2){display:none}
}
/* jednoduchý výpis všetkých článkov */
.posts-all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1080px){.posts-all{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts-all{grid-template-columns:minmax(0,1fr);gap:12px}}