/* =============================================================
   Lekárnička – štýly podstránok (legal, changelog, feedback)
   Vlastné triedy nezávislé od Tailwind purge v style.css.
   ============================================================= */

.subpage-hero{padding:4rem 1.5rem 2rem;text-align:center;background-image:linear-gradient(to bottom right,#f5f3ff,#f5f3ff)}
.subpage-hero h1{font-size:2.25rem;line-height:1.15;font-weight:700;color:#111827;margin:0 0 .75rem}
@media (min-width:768px){.subpage-hero h1{font-size:3rem}}
.subpage-hero p{font-size:1.125rem;color:#4b5563;max-width:42rem;margin:0 auto}
.gradient-text{background-image:linear-gradient(to right,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}

.back-link{color:#6d28d9;font-weight:600;font-size:.875rem;text-decoration:none}
.back-link:hover{color:#5b21b6}

/* --- Prose (legal stránky) --- */
.prose{max-width:48rem;margin:0 auto;padding:3rem 1.5rem;color:#374151}
.prose .lead{font-size:1.125rem;margin-bottom:1.5rem}
.prose h2{font-size:1.5rem;font-weight:700;color:#6d28d9;margin:2rem 0 1rem}
.prose h3{font-size:1.25rem;font-weight:700;color:#6d28d9;margin:1.75rem 0 .75rem}
.prose p{margin-bottom:1rem;line-height:1.7}
.prose ul{margin:0 0 1rem 1.5rem;list-style-type:disc}
.prose li{margin-bottom:.5rem;line-height:1.7}
.prose a{color:#6d28d9;text-decoration:underline}
.prose strong{font-weight:700}
.prose table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}
.prose th{background:#f3e8ff;color:#6b21a8;font-weight:700;padding:.75rem 1rem;text-align:left;border:1px solid #e9d5ff}
.prose td{padding:.75rem 1rem;border:1px solid #e9d5ff;vertical-align:top}
.prose tr:nth-child(even) td{background:#faf5ff}
.prose .muted{font-size:.875rem;color:#6b7280;margin-top:2rem}
.link-btn{background:none;border:0;padding:0;color:#6d28d9;text-decoration:underline;cursor:pointer;font:inherit}

/* --- Changelog --- */
.cl-wrap{max-width:48rem;margin:0 auto;padding:4rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}
.cl-card{background:#fff;border:1px solid #f3f4f6;border-radius:1.5rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.cl-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 2rem}
.cl-head.latest{background-image:linear-gradient(to right,#7c3aed,#6d28d9);color:#fff}
.cl-head.old{border-bottom:1px solid #f3f4f6}
.cl-ver{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#111827}
.cl-head.latest .cl-ver{color:#fff;font-size:1.5rem}
.cl-date{font-size:.875rem;color:#6b7280}
.cl-head.latest .cl-date{color:#fff;opacity:.85}
.cl-badge{font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;background:#ede9fe;color:#6d28d9}
.cl-head.latest .cl-badge{background:rgba(255,255,255,.2);color:#fff}
.cl-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}
.cl-group .cl-tag{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}
.cl-dot{width:.6rem;height:.6rem;border-radius:9999px;display:inline-block}
.cl-dot.new{background:#22c55e}.cl-tag.new{color:#15803d}
.cl-dot.imp{background:#3b82f6}.cl-tag.imp{color:#1d4ed8}
.cl-dot.fix{background:#ef4444}.cl-tag.fix{color:#b91c1c}
.cl-list{list-style:none;margin:0 0 0 1rem;color:#374151;font-size:.875rem}
.cl-list li{margin-bottom:.4rem;padding-left:1rem;position:relative;line-height:1.6}
.cl-list li:before{content:"•";position:absolute;left:0;color:#9ca3af}

/* --- Feedback (mailto) --- */
.fb-section{padding:4rem 1.5rem}
.fb-card{max-width:42rem;margin:0 auto;background:#fff;border-radius:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.08);padding:2rem;text-align:center}
@media (min-width:768px){.fb-card{padding:3rem}}
.fb-card h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}
.fb-card .lead{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}
.fb-list{text-align:left;max-width:26rem;margin:0 auto 2rem;color:#374151}
.fb-list li{display:flex;gap:.6rem;margin-bottom:.75rem;line-height:1.6}
.fb-list li:before{content:"";flex:0 0 .5rem;height:.5rem;margin-top:.55rem;border-radius:9999px;background:#7c3aed}
.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background-image:linear-gradient(to right,#7c3aed,#6d28d9);color:#fff;padding:1rem 2rem;border-radius:1.25rem;font-size:1.125rem;font-weight:700;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:transform .15s ease,box-shadow .15s ease;min-height:48px}
.fb-btn:hover{transform:translateY(-2px);box-shadow:0 20px 30px -8px rgba(124,58,237,.35)}
.fb-note{margin-top:1.5rem;font-size:.875rem;color:#6b7280}
.fb-note a{color:#6d28d9;text-decoration:underline}