@media (max-width: 768px) {
.punishment-scale .punishment-step:nth-child(n+4) {
display: none;
}
.punishment-scale.expanded .punishment-step:nth-child(n+4) {
display: revert;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.stats-grid > div {
text-align: center;
}
.compare-table, .compare-table thead, .compare-table tbody,
.compare-table tr, .compare-table td { display:block; width:auto; min-width:0; }
.compare-table thead { display:none; }
.compare-table tbody tr { border:1px solid var(--border); border-radius:12px;
margin-bottom:12px; padding:4px 16px; background:#fff; }
.compare-table tbody td { border:none !important; padding:10px 0; }
.compare-table tbody td:first-child { width:auto; font-weight:600; font-size:16px;
color:var(--fg); padding:12px 0 8px; border-bottom:1px solid var(--border) !important; }
.compare-table tbody td:nth-child(2)::before { content:"Благодійний фонд"; display:block;
font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#C73E2A;
font-weight:600; margin-bottom:3px; }
.compare-table tbody td:nth-child(3)::before { content:"Комерційна юрфірма"; display:block;
font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--fg-muted);
font-weight:600; margin-bottom:3px; }
.compare-table tbody tr:hover td { background:transparent; }
.tile { padding: 48px 0 !important; }
.tile-header { margin-bottom: 24px !important; }
.hero { padding: 36px 0 28px !important; }
.hero h1 { font-size: 28px !important; line-height: 1.15 !important; }
.hero-sub { font-size: 15px !important; }
.emergency-block { padding: 32px 0 !important; }
.emergency-h2 { font-size: 22px !important; line-height: 1.2 !important; }
.punishment-step { padding: 14px 16px !important; }
}
.punishment-scale-toggle {
display: none;
}
@media (max-width: 768px) {
.punishment-scale-toggle {
display: block;
margin: 20px auto 0;
padding: 11px 22px;
background: transparent;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 10px;
font: inherit;
font-size: 14px;
font-weight: 500;
color: inherit;
cursor: pointer;
}
.punishment-scale-toggle:hover,
.punishment-scale-toggle:focus {
background: rgba(0,0,0,0.04);
}
}