.corner-mask .corner-mask-content {
    padding: 28px calc(20px + var(--safe-area-right)) 64px calc(20px + var(--safe-area-left));
}

.corner-mask .legal-hero h1 {
    font-size: clamp(2rem, 6vw, 2.7rem);
}

.corner-mask-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 20px;
}

.corner-mask-nav a {
    font-size: 0.95rem;
}

.corner-mask-icon {
    display: block;
    width: 72px;
    height: 72px;
    margin-bottom: 20px;
    border-radius: 16px;
}

.corner-mask-status {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid var(--accent-outline);
    border-radius: 20px;
    color: var(--text-gold-strong);
}

.corner-mask-content ol {
    padding-left: 22px;
}

.corner-mask-content li {
    margin-bottom: 10px;
}