/* Piccolo Grupa — legal pages (privacy + terms) */
.legal-page {
    background: #1f1f1f;
    color: #e8e8e8;
    font-family: 'Poppins', system-ui, sans-serif;
    line-height: 1.7;
}
.legal-page .container { max-width: 880px; margin: 0 auto; padding: 0 1.5rem; }

.legal-header { padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.legal-back { color: #e67e22; text-decoration: none; font-weight: 600; transition: opacity .2s; }
.legal-back:hover, .legal-back:focus-visible { opacity: .8; }
.legal-back:focus-visible { outline: 2px solid #e67e22; outline-offset: 4px; border-radius: 4px; }

.legal-content { padding: 3rem 0 4rem; }
.legal-content h1 { font-family: 'Montserrat', sans-serif; font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; margin-bottom: .5rem; letter-spacing: -.02em; }
.legal-content h2 { font-family: 'Montserrat', sans-serif; font-size: 1.4rem; font-weight: 700; margin: 2.5rem 0 1rem; color: #f5f5f5; }
.legal-content p { margin-bottom: 1rem; color: #cfcfcf; }
.legal-content ul { margin: 0 0 1rem 1.5rem; }
.legal-content li { margin-bottom: .5rem; color: #cfcfcf; }
.legal-content a { color: #e67e22; text-decoration: underline; text-underline-offset: 2px; }
.legal-content a:hover, .legal-content a:focus-visible { color: #d35400; }
.legal-content code { background: rgba(255,255,255,.06); padding: .15em .4em; border-radius: 3px; font-size: .9em; }

.legal-meta { color: #888; font-size: .9rem; margin-bottom: 2rem; }
.legal-callout {
    background: rgba(230,126,34,.1);
    border-left: 4px solid #e67e22;
    padding: 1.25rem 1.5rem;
    border-radius: 4px;
    margin: 2rem 0;
}
.legal-callout strong { color: #e67e22; }

.legal-back-bottom { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,.08); }

.legal-footer { padding: 2rem 0; border-top: 1px solid rgba(255,255,255,.08); }
.legal-footer small { color: #888; }
.legal-footer a { color: #e67e22; text-decoration: none; }