/* MARDIENTE — legal/policy pages shared style */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --cream:      #FAF5EE;
    --cream2:     #F2E8DA;
    --bordo:      #2E0810;
    --bordo-mid:  #5C1622;
    --bordo-lt:   #8B2035;
    --gold:       #B8943A;
    --gold-pale:  #EDD898;
    --text:       #250810;
    --text-muted: #8A6070;
    --border:     rgba(92,22,34,0.12);
}

body {
    background: var(--cream);
    color: var(--text);
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    line-height: 1.75;
}

a { color: var(--bordo-lt); }

header {
    background: rgba(250,245,238,0.97);
    border-bottom: 1px solid var(--border);
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.logo img { height: 34px; }
.logo-brand {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 5px;
    color: var(--bordo);
}

main {
    max-width: 720px;
    margin: 0 auto;
    padding: 64px 24px 90px;
}

.eyebrow {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}

h1 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 40px;
    color: var(--bordo);
    margin-bottom: 8px;
}

.updated { font-size: 12px; color: var(--text-muted); margin-bottom: 40px; }

h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 24px;
    color: var(--bordo);
    margin: 36px 0 12px;
}

p, li { font-size: 14.5px; color: var(--text); margin-bottom: 14px; }

ul, ol { padding-left: 20px; margin-bottom: 14px; }

.contact-box {
    background: var(--cream2);
    border: 1px solid var(--border);
    padding: 24px 26px;
    margin-top: 10px;
}

.contact-box p { margin-bottom: 8px; }
.contact-box strong { color: var(--bordo); }

.back-link {
    display: inline-block;
    margin-top: 50px;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--bordo);
    text-decoration: none;
    border-bottom: 1px solid var(--bordo);
    padding-bottom: 3px;
}

footer {
    text-align: center;
    padding: 30px 20px;
    border-top: 1px solid var(--border);
    font-size: 11px;
    color: var(--text-muted);
}

footer a { color: var(--text-muted); margin: 0 8px; }

@media (max-width: 480px) {
    h1 { font-size: 32px; }
    main { padding: 44px 20px 70px; }
}