/* Pepitt · shared styling for the standalone legal pages
   (legal / privacy / terms / delete-account). Loaded after pepitt-site.css,
   which provides the brand tokens (--ink, --page, --serif, --gold, …),
   the wordmark, and button styles. */

.legal-main{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.4rem,5vw,2rem) 4rem}
.legal-main h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.015em;line-height:1.1;color:var(--ink);margin-bottom:.4rem}
.legal-main .date{color:var(--mid);font-size:.85rem;margin-bottom:2.4rem}
.legal-main h2{font-family:var(--serif);font-weight:600;font-size:1.35rem;color:var(--ink);margin-top:2.2rem;margin-bottom:.6rem}
.legal-main h3{font-family:var(--sans);font-weight:700;font-size:1rem;color:var(--ink);margin-top:1.5rem;margin-bottom:.4rem}
.legal-main p,.legal-main li{font-size:.97rem;color:var(--mid);line-height:1.7}
.legal-main ul,.legal-main ol{padding-left:1.3rem;margin:.5rem 0}
.legal-main li{margin-bottom:.3rem}
.legal-main a{color:var(--terra-deep);text-decoration:underline;text-underline-offset:2px}
.legal-main a:hover{color:var(--terra)}
.legal-main strong{color:var(--ink)}
.legal-main table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem}
.legal-main th,.legal-main td{border:1px solid var(--outline);padding:.55rem .7rem;text-align:left;color:var(--mid);vertical-align:top}
.legal-main th{background:rgba(199,162,78,.12);color:var(--ink);font-family:var(--sans);font-weight:700}

/* slim branded header */
.legal-head{border-bottom:1px solid var(--outline);background:var(--paper)}
.legal-head .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:1.1rem;padding-bottom:1.1rem}
.legal-head .wm{font-size:1.55rem;color:var(--ink)}
.legal-head a{text-decoration:none}
.legal-home{font-family:var(--sans);font-weight:600;font-size:.9rem;color:var(--ink);border:1px solid var(--outline);border-radius:.6rem;padding:.5rem 1rem}
.legal-home:hover{border-color:var(--gold);background:rgba(199,162,78,.08)}

/* slim branded footer */
.legal-foot{border-top:1px solid var(--outline);background:var(--navy-deep);color:var(--on-navy)}
.legal-foot .wrap{padding-top:2.2rem;padding-bottom:2.2rem;display:flex;flex-direction:column;gap:.9rem;align-items:center;text-align:center}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;justify-content:center;font-size:.9rem}
.legal-foot a{color:var(--on-navy);text-decoration:none;opacity:.85}
.legal-foot a:hover{opacity:1;color:var(--gold-light)}
.legal-foot .copy{font-size:.82rem;color:var(--muted)}