/* Pro rodiče — žádosti a formuláře (risograph, sjednoceno s Dokumenty) */
.rodice { padding-bottom: 80px; }
.rodice .section-head { margin-bottom: 28px; }

.rodice-intro { max-width: 760px; margin-bottom: 48px; }
.rodice-intro .audience-tabs { margin-top: 0; }
.rodice-lead {
  margin: 22px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: var(--ink);
}

.rodice-groups { display: grid; gap: 44px; max-width: 820px; }
.rodice-group { scroll-margin-top: 110px; }

.rodice-cat {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink); margin: 0 0 18px;
  padding-bottom: 8px; border-bottom: 2px solid var(--ink);
}

.rodice-list { display: grid; gap: 12px; }

.rodice-item {
  display: flex; align-items: center; gap: 16px;
  padding: 18px 20px; background: #fff;
  border: 2px solid var(--ink); border-radius: 14px;
  box-shadow: -5px 5px 0 var(--ink);
  text-decoration: none; color: var(--ink);
  transition: transform .14s, box-shadow .14s;
}
.rodice-item:hover { transform: translate(-2px, -2px); box-shadow: -7px 7px 0 var(--yellow); }

.rodice-ic {
  flex: 0 0 auto;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  color: var(--bg); background: var(--ink);
  border-radius: 7px; padding: 6px 9px; line-height: 1;
}

.rodice-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; }
.rodice-name { font-size: 17px; font-weight: 600; line-height: 1.3; }
.rodice-desc { font-size: 14px; line-height: 1.45; opacity: .7; }

.rodice-arr {
  flex: 0 0 auto; font-size: 20px; opacity: .5;
  transition: opacity .14s, transform .14s;
}
.rodice-item:hover .rodice-arr { opacity: 1; transform: translate(2px, -2px); }

.rodice-note {
  margin: 44px 0 0;
  max-width: 760px;
  font-size: 16px;
  line-height: 1.55;
}
.rodice-note a { color: var(--hudebka); font-weight: 600; }

@media (max-width: 560px) {
  .rodice-lead { font-size: 16px; }
  .rodice-item { padding: 14px 16px; gap: 12px; }
  .rodice-name { font-size: 15px; }
  .rodice-desc { font-size: 13px; }
}