/* Leasely — legal pages. Same ink-on-paper system as the landing page. */
:root{
  --paper:#F7F5F1; --raised:#FFFDFA;
  --ink:#0F1A19; --ink-2:#565F5D; --ink-3:#8B9391;
  --line:rgba(15,26,25,.13); --line-soft:rgba(15,26,25,.07);
  --teal:#14403F; --teal-tint:rgba(20,64,63,.055);
  --coral:#E67E22; --coral-ink:#B15C13;
  --grain:.038;
  --ease:cubic-bezier(.2,.75,.25,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0A100F; --raised:#111A18;
    --ink:#ECF1EF; --ink-2:#98A3A0; --ink-3:#697471;
    --line:rgba(236,241,239,.13); --line-soft:rgba(236,241,239,.07);
    --teal:#123B3A; --teal-tint:rgba(120,200,198,.07);
    --coral-ink:#F0A45E; --grain:.05;
  }
}
:root[data-theme="dark"]{
  --paper:#0A100F; --raised:#111A18;
  --ink:#ECF1EF; --ink-2:#98A3A0; --ink-3:#697471;
  --line:rgba(236,241,239,.13); --line-soft:rgba(236,241,239,.07);
  --teal:#123B3A; --teal-tint:rgba(120,200,198,.07);
  --coral-ink:#F0A45E; --grain:.05;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink); overflow-x:hidden;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased; font-feature-settings:"cv11","ss01";
}
body::after{
  content:''; position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:var(--ink); text-decoration:none; background-image:linear-gradient(currentColor,currentColor);
  background-size:100% 1px; background-repeat:no-repeat; background-position:0 100%;
  transition:color .25s ease, background-size .3s var(--ease)}
a:hover{color:var(--coral-ink)}
.wrap{max-width:760px; margin:0 auto; padding:0 clamp(20px,4vw,40px)}
.wrap-wide{max-width:1180px; margin:0 auto; padding:0 clamp(20px,4vw,40px)}

/* nav */
header.nav{position:sticky; top:0; z-index:80; border-bottom:1px solid transparent;
  background:color-mix(in srgb,var(--paper) 86%,transparent);
  backdrop-filter:saturate(180%) blur(16px); -webkit-backdrop-filter:saturate(180%) blur(16px);
  transition:border-color .35s ease}
header.nav.stuck{border-bottom-color:var(--line)}
.nav-in{max-width:1180px; margin:0 auto; padding:0 clamp(20px,4vw,40px);
  display:flex; align-items:center; height:72px; gap:24px}
.brand{display:flex; align-items:center; gap:9px; letter-spacing:-.03em; background:none}
.brand:hover{color:var(--ink)}
.brand svg{width:26px; height:26px; border-radius:7px; flex:none}
.brand span{font-family:'Instrument Serif',Georgia,serif; font-size:22px; line-height:1}
.back{margin-left:auto; font-size:13px; font-weight:500; color:var(--ink-2); background:none;
  display:inline-flex; align-items:center; gap:7px}
.back:hover{color:var(--ink)}
.back svg{width:14px; height:14px}

/* head */
.head{padding:clamp(46px,7vw,88px) 0 clamp(26px,3vw,36px)}
.label{font-size:10.5px; font-weight:600; letter-spacing:.15em; text-transform:uppercase;
  color:var(--ink-3); margin:0 0 16px}
h1{margin:0 0 12px; font-family:'Instrument Serif',Georgia,serif; font-weight:400;
  font-size:clamp(38px,6vw,68px); line-height:1.0; letter-spacing:-.025em}
.updated{margin:0; font-size:12.5px; color:var(--ink-3); letter-spacing:.02em}

.summary{margin-top:38px; padding:26px 0 4px; border-top:1px solid var(--ink)}
.summary h2{margin:0 0 15px; font-size:10.5px; font-weight:600; letter-spacing:.15em;
  text-transform:uppercase; color:var(--ink-3)}
.summary ul{margin:0 0 22px; padding:0; list-style:none}
.summary li{margin-bottom:13px; padding-left:20px; position:relative; color:var(--ink-2); font-size:15px; line-height:1.6}
.summary li::before{content:''; position:absolute; left:0; top:10px; width:7px; height:1px; background:var(--coral)}
.summary li:last-child{margin-bottom:0}
.summary b{color:var(--ink); font-weight:600}

.toc{margin:44px 0 0; padding-top:24px; border-top:1px solid var(--line)}
.toc h2{margin:0 0 16px; font-size:10.5px; font-weight:600; letter-spacing:.15em;
  text-transform:uppercase; color:var(--ink-3)}
.toc ol{margin:0; padding:0; list-style:none; counter-reset:t;
  columns:2; column-gap:40px}
@media(max-width:620px){.toc ol{columns:1}}
.toc li{counter-increment:t; margin-bottom:9px; break-inside:avoid; font-size:14px}
.toc a{color:var(--ink-2); background:none; display:flex; gap:12px; align-items:baseline}
.toc a::before{content:counter(t,decimal-leading-zero); font-size:10px; color:var(--ink-3);
  font-variant-numeric:tabular-nums; flex:none}
.toc a:hover{color:var(--ink)}

main{padding-bottom:clamp(56px,8vw,96px)}
section.doc{padding-top:clamp(38px,5vw,58px); scroll-margin-top:90px}
section.doc h2{margin:0 0 16px; font-family:'Instrument Serif',Georgia,serif; font-weight:400;
  font-size:clamp(24px,3.2vw,34px); line-height:1.12; letter-spacing:-.02em;
  display:flex; gap:15px; align-items:baseline}
section.doc h2 .n{font-family:'Inter',sans-serif; font-size:10.5px; font-weight:600; color:var(--ink-3);
  flex:none; font-variant-numeric:tabular-nums; letter-spacing:.1em; padding-top:4px}
section.doc h3{font-size:13.5px; font-weight:600; letter-spacing:.02em; margin:28px 0 10px; color:var(--ink)}
section.doc p{margin:0 0 15px; color:var(--ink-2); font-size:15.5px}
section.doc ul{margin:0 0 15px; padding:0; list-style:none}
section.doc ul li{margin-bottom:11px; padding-left:20px; position:relative; color:var(--ink-2); font-size:15.5px}
section.doc ul li::before{content:''; position:absolute; left:0; top:12px; width:7px; height:1px; background:var(--ink-3)}
section.doc b, section.doc strong{color:var(--ink); font-weight:600}

.callout{margin:22px 0; padding:20px 0 20px 22px; border-left:2px solid var(--teal); background:var(--teal-tint)}
.callout p{margin:0; color:var(--ink); font-size:15px; line-height:1.65}
.callout.warn{border-left-color:var(--coral); background:rgba(230,126,34,.055)}

table{width:100%; border-collapse:collapse; margin:20px 0 24px; font-size:14px;
  display:block; overflow-x:auto; white-space:nowrap}
@media(min-width:700px){table{display:table; white-space:normal}}
th,td{text-align:left; padding:13px 16px 13px 0; border-bottom:1px solid var(--line-soft); vertical-align:top}
th{font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
  border-bottom-color:var(--ink)}
td{color:var(--ink-2); line-height:1.6}
td:first-child{color:var(--ink); font-weight:500}

footer{border-top:1px solid var(--line); padding:clamp(34px,4vw,48px) 0 32px; margin-top:20px}
.foot{max-width:1180px; margin:0 auto; padding:0 clamp(20px,4vw,40px);
  display:flex; gap:22px; align-items:center; flex-wrap:wrap}
.foot-links{display:flex; gap:24px; margin-left:auto; flex-wrap:wrap}
.foot-links a{font-size:13px; color:var(--ink-2); background:none}
.foot-links a:hover{color:var(--ink)}
.copyright{max-width:1180px; margin:20px auto 0; padding:0 clamp(20px,4vw,40px);
  font-size:11.5px; color:var(--ink-3)}

.rv{opacity:0; transform:translateY(11px); transition:opacity .62s var(--ease), transform .62s var(--ease)}
.rv.in{opacity:1; transform:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important}
  .rv{opacity:1 !important; transform:none !important}
}