/* Frame Atelier — product-site pages (privacy, terms, support, contact).
   Dark editorial: matches the app itself. The app (index.html) does not use this file. */
:root{
  --bg:#0e0e0d; --surface:#1d1c1a; --cream:#ede6d4;
  --cream55:rgba(237,230,212,.55); --hair:rgba(237,230,212,.14);
  --gold:#b08a4a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--cream55);
  font-family:-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:15.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:660px;margin:0 auto;padding:0 22px}

/* Header */
.site-head{border-bottom:1px solid var(--hair)}
.site-head .wrap{display:flex;align-items:center;gap:14px;padding-top:18px;padding-bottom:18px}
.site-head .mark{width:34px;height:34px;flex:none}
.site-head .name{font-family:Georgia,'Times New Roman',serif;font-size:19px;color:var(--cream);text-decoration:none;letter-spacing:.5px}
.site-head .open-app{margin-left:auto;flex:none;background:var(--cream);color:var(--bg);
  text-decoration:none;font-size:12.5px;font-weight:600;padding:9px 16px;border-radius:999px}

/* Page header */
.page-head{padding:52px 0 8px}
.page-head .eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.page-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(30px,6vw,40px);
  color:var(--cream);margin:10px 0 6px;line-height:1.15}
.page-head .rule{width:64px;height:2px;background:var(--gold);margin:16px 0 4px}
.page-head .lead{margin-top:12px;font-size:16px}
.updated{font-size:12.5px;color:var(--cream55);margin-top:16px}

/* Content */
main{padding-bottom:30px}
.content h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:21px;
  color:var(--cream);margin:34px 0 8px}
.content p{margin:10px 0}
.content ul{margin:10px 0 10px 20px}
.content li{margin:6px 0}
.content a{color:var(--cream);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.summary{background:var(--surface);border:1px solid var(--hair);border-left:3px solid var(--gold);
  border-radius:12px;padding:18px 20px;margin:26px 0}
.summary h2{margin-top:0;font-size:18px}
.panel{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:20px 22px;margin:22px 0}
.panel strong{color:var(--cream);font-weight:600}

/* Footer */
.site-foot{border-top:1px solid var(--hair);margin-top:44px}
.site-foot .wrap{padding-top:26px;padding-bottom:34px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.site-foot a{color:var(--cream55);text-decoration:none;font-size:13px}
.site-foot a:hover{color:var(--cream)}
.site-foot .foot-brand{width:100%;font-family:Georgia,serif;color:var(--cream);font-size:15px}
.site-foot .legal-line{width:100%;font-size:11.5px;color:var(--cream55)}
@media(max-width:480px){ .site-head .open-app{padding:8px 12px} }