.documentation-hero{padding:7rem 1.5rem 5rem;background:linear-gradient(135deg,#f4f0e7,#edf6ef)}
.documentation-hero>div{width:min(100%,var(--max));margin:auto}
.documentation-hero h1{max-width:900px;margin-bottom:1.5rem}
.documentation-hero .lede{max-width:780px;color:var(--muted);font-size:1.25rem}
.documentation-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:5rem;padding-top:5rem;padding-bottom:7rem}
.documentation-toc{position:sticky;top:110px;align-self:start}
.documentation-toc strong{display:block;margin-bottom:1rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.documentation-toc a{display:block;padding:.45rem 0;color:var(--muted);font-size:.9rem;font-weight:700}
.documentation-toc a:hover{color:var(--green);text-decoration:none}
.documentation-body{max-width:800px}
.doc-section{padding-bottom:4.5rem;scroll-margin-top:110px}
.doc-section+.doc-section{padding-top:4.5rem;border-top:1px solid var(--line)}
.doc-section h2{font-size:clamp(2rem,4vw,3.2rem)}
.doc-section h3{margin-top:2.2rem;margin-bottom:.7rem;letter-spacing:-.02em}
.doc-section p,.doc-section li{color:var(--muted)}
.doc-section ul,.doc-section ol{padding-left:1.25rem}
.doc-section li+li{margin-top:.65rem}
.doc-section strong{color:var(--ink)}
.doc-callout{margin:2rem 0;padding:1.5rem 1.7rem;background:#edf6ef;border-left:4px solid var(--green);border-radius:0 14px 14px 0}
.doc-callout p:last-child{margin-bottom:0}
.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}
.concept-grid article{padding:1.5rem;border:1px solid var(--line);border-radius:16px;background:#fff}
.concept-grid h3{margin:0 0 .5rem}
.concept-grid p{margin:0;font-size:.92rem}
@media(max-width:820px){.documentation-layout{grid-template-columns:1fr;gap:2rem}.documentation-toc{position:static;padding-bottom:2rem;border-bottom:1px solid var(--line)}.documentation-toc a{display:inline-block;margin-right:1rem}.concept-grid{grid-template-columns:1fr}}
.nav-sign-in{padding:.42rem .9rem;border:1px solid var(--forest);border-radius:999px;color:var(--forest)!important}
.nav-sign-in:hover{background:var(--forest);color:#fff!important}
.pricing-page{min-height:70vh;padding-top:7rem;padding-bottom:7rem}
.pricing-page>h1{max-width:900px;margin-bottom:1.5rem}
.pricing-lede{max-width:780px;color:var(--muted);font-size:1.25rem}
.availability-card{max-width:820px;margin-top:3rem;padding:3rem;background:linear-gradient(135deg,#edf6ef,#f4f0e7);border:1px solid var(--line);border-radius:var(--radius)}
.availability-card h2{margin:1.5rem 0;font-size:clamp(2rem,4vw,3.2rem)}
.availability-card p{max-width:680px;color:var(--muted)}
.availability-card .button{margin-top:.75rem}
.availability-mark{display:inline-block;padding:.4rem .75rem;background:var(--lime);border-radius:999px;color:var(--forest);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.pricing-note{margin-top:2rem;color:var(--muted)}
@media(max-width:560px){.availability-card{padding:2rem}.pricing-page{padding-top:5rem;padding-bottom:5rem}}
.envelope-highlight{padding:7rem 0;background:var(--cream)}
.envelope-highlight-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6rem}
.envelope-highlight h2{max-width:650px}
.envelope-lede{max-width:660px;color:var(--muted);font-size:1.15rem}
.envelope-example{padding:2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.envelope-example div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}
.envelope-example div:first-child{padding-top:0}
.envelope-example span{font-weight:800}
.envelope-example strong{padding:.3rem .65rem;background:var(--mint);border-radius:999px;color:var(--forest);font-size:.75rem}
.envelope-example p{margin:1.5rem 0 0;color:var(--muted);font-size:.92rem}
@media(max-width:820px){.envelope-highlight-grid{grid-template-columns:1fr;gap:3rem}}