/* SnapSkill — the legal pages (privacy, terms, accessibility).
   Load AFTER studio.css: tokens, fonts, the reset, the green rail and the
   accessibility widget all come from there. What is left here is what makes a
   legal page a legal page — a measured column, quiet headings, and link styling
   that reads as reference material rather than marketing.

   These pages used to carry their own copy of the rail, which had drifted:
   its items eased on the browser default and its CTA had lost its transition
   entirely. Deleting that copy is what fixes it. */

/* Long-form reading: a slightly larger body and a looser line than the product
   pages, and a column that keeps the page footer at the bottom on short pages. */
body{
  font-size:16.5px;
  line-height:1.8;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  margin-inline-start:var(--sb-rail);
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:880px){ body{margin-inline-start:0} }

.serif{font-family:'Frank Ruhl Libre',Georgia,serif;font-weight:700}
a{color:var(--green2);text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:var(--green);color:var(--paper)}

/* The rail replaced the top bar on these pages; the markup still carries the
   old <nav>, so it is hidden rather than removed from three files. */
nav{display:none!important}
.sb-cta:hover{text-decoration:none}

/* content */
.wrap{max-width:760px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.2rem,4vw,2rem) 4rem;width:100%;flex:1}
.page-title{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:clamp(2rem,4vw,2.8rem);line-height:1.2;margin-bottom:.4rem}
.updated{font-size:.85rem;color:var(--faint);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.legal h2{font-family:'Frank Ruhl Libre',serif;font-weight:700;font-size:1.4rem;margin:2.4rem 0 .8rem;color:var(--green)}
.legal p{margin-bottom:1rem;color:#2A271F}
.legal ul{margin:0 0 1.2rem;padding-inline-start:1.4rem;color:#2A271F}
.legal li{margin-bottom:.5rem}
.legal strong{font-weight:700}
.legal a{border-bottom:1px solid var(--line2);padding-bottom:1px}
.disclaimer{background:var(--wash);border:1px solid var(--line2);border-inline-start:3px solid var(--brass);border-radius:4px;padding:1rem 1.2rem;font-size:.92rem;color:var(--soft);margin:2rem 0}

/* footer */
footer{background:var(--paper2);border-top:1px solid var(--line);padding:1.8rem clamp(1.2rem,4vw,2rem);text-align:center;font-size:.82rem;color:var(--faint);line-height:2}
footer a{color:var(--soft)}
footer a:hover{color:var(--ink)}
footer .brand{font-family:'Frank Ruhl Libre',serif;color:var(--ink)}