/* ==================================================================
   Sagestone Homes, legal pages.
   Privacy policy and terms of service. Enqueued only on those two templates.
   ================================================================== */

.lhead { background: var(--forest); padding: 210px 0 80px; }
.lhead h1 { font-size: clamp(36px, 4.6vw, 58px); margin: 20px 0 16px; color: var(--limestone); }
.lhead .eff { color: var(--sandstone); font-size: 15px; letter-spacing: .06em; }

.legal { padding: 90px 0 130px; }
.legal .wrap { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 70px; max-width: 1100px; }

.ltoc { position: sticky; top: 120px; align-self: start; }
.ltoc b { display: block; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--sage); font-weight: 700; margin-bottom: 14px; }
.ltoc ol { list-style: none; padding: 0; margin: 0; border-left: 1px solid rgba(14, 29, 21, .16); }
.ltoc a { display: block; padding: 7px 0 7px 16px; font-size: 14px; line-height: 1.4; color: #4A4A44; transition: color .3s ease; }
.ltoc a:hover { color: var(--forest); }

.ldoc { max-width: 70ch; }
.ldoc h2 { font-size: clamp(24px, 2.4vw, 30px); margin: 54px 0 16px; scroll-margin-top: 120px; }
.ldoc h2:first-child { margin-top: 0; }
.ldoc h3 { font-size: 19px; margin: 26px 0 10px; }
.ldoc p, .ldoc li { color: #2F2F2B; font-size: 17px; line-height: 1.7; }
.ldoc p { margin: 0 0 18px; }
.ldoc ul { margin: 0 0 20px; padding-left: 22px; }
.ldoc li { margin-bottom: 8px; }
.ldoc li::marker { color: var(--brand-accent); }
.ldoc .caps { font-size: 14px; line-height: 1.75; letter-spacing: .01em; }
.ldoc .laddr { font-style: normal; line-height: 1.8; color: #2F2F2B; padding-left: 20px; border-left: 2px solid var(--brand-accent); }

@media (max-width: 1024px) {
	.legal .wrap { grid-template-columns: 1fr; gap: 40px; }
	.ltoc { position: static; }
}
@media (max-width: 768px) {
	.lhead { padding: 160px 0 60px; }
	.legal { padding: 60px 0 90px; }
}