/* Document typography layered on the shared landing-page shell. */

.legal-page .legal{word-break:keep-all;overflow-wrap:anywhere}
.legal .back-link{display:block;width:fit-content;margin-bottom:42px;font-size:14px;text-decoration:none;color:#727d68}
.legal>.eyebrow{font-size:12px;letter-spacing:1.8px}
.legal h1{font-size:36px;line-height:1.4;margin:14px 0 20px;letter-spacing:-1px}
.legal .legal-intro{font-size:18px;line-height:1.8;color:#737b6b}
.legal .legal-date{font-size:13px;color:#858b7d}
.legal section{scroll-margin-top:24px;margin-top:42px}
.legal h2{font-size:22px;line-height:1.6;margin:0 0 16px;letter-spacing:-.4px;font-weight:400}
.legal p,.legal li,.legal dd{font-size:16px;line-height:1.95}
.legal li+li{margin-top:10px}.legal ul{padding-left:22px}
.legal-summary,.contact-card{background:#eceee4;border-radius:20px;padding:24px 28px;margin:28px 0}
.legal-summary p:last-child,.contact-card p:last-child{margin-bottom:0}
.data-list{margin:0}.data-list dt{font-size:17px;margin-top:24px;font-weight:600}.data-list dd{margin:8px 0 0;color:#65705e}
.legal a{color:#536d53;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-skip-ink:none}
.legal-toc{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0;font-size:14px}
.legal details{padding:18px 0}
.legal summary{font-size:17px;line-height:1.7;cursor:pointer;padding-right:8px}
.legal details[open] summary{color:#567052}.legal details p{color:#66715f}
.external-note{font-size:12px}

@media(max-width:600px){.legal h1{font-size:29px}.legal h2{font-size:20px}.legal .legal-intro{font-size:16px}.legal .back-link{margin-bottom:30px}.legal-summary,.contact-card{padding:20px}}


/* Use the landing page shell; only document reading styles live here. */
.legal-page .legal{box-sizing:border-box;width:100%;max-width:var(--page-max-width);margin:var(--section-space) auto 0;padding:0 var(--page-gutter) var(--section-space)}
.legal .back-link{margin-bottom:var(--section-space)}
.legal section{margin-top:var(--section-space)}
.legal-summary,.contact-card{padding:clamp(24px,4vw,44px);margin-block:clamp(32px,4vw,56px)}
.legal h1{font-size:37px;line-height:1.6;font-weight:400;letter-spacing:-1px}
.legal>.eyebrow{font-size:16px;line-height:1.5;letter-spacing:2.4px}
@media(max-width:700px){.legal h1{font-size:29px}.legal>.eyebrow{letter-spacing:1.8px}}

/* Keep the document header consistent across privacy and support. */
.legal-page .header{height:auto;min-height:88px;flex-direction:column;gap:16px;padding-block:22px}
.legal-page .header-tagline{margin:0;font-size:clamp(13px,2vw,16px);line-height:1.6;color:#858b7d;text-align:center;word-break:keep-all}
.legal .legal-date:last-child{text-align:right;margin:var(--section-space) 0 0;padding-top:24px}

.legal-page{position:relative;isolation:isolate}
.legal-page::before,.legal-page::after{content:"";position:fixed;z-index:-1;pointer-events:none;background-image:url("assets/legal-cozy-friends.png");background-repeat:no-repeat;opacity:.26}
.legal-page::before{top:0;right:0;width:clamp(330px,42vw,610px);height:clamp(180px,25vw,370px);background-size:100% auto;background-position:right top}
.legal-page::after{left:0;bottom:0;width:clamp(380px,46vw,680px);height:clamp(270px,35vw,510px);background-size:100% auto;background-position:left bottom}
@media(max-width:700px){.legal-page::before{width:62vw;height:39vw;min-width:260px;min-height:164px;opacity:.22}.legal-page::after{width:72vw;height:54vw;min-width:300px;min-height:225px;opacity:.22}}
.contact-card .contact-company{margin-bottom:0}
.legal .contact-email{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.contact-email span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-skip-ink:none}
.contact-email svg{flex:none}