:root{
  --indigo:#4F6BED;--violet:#8B5CF6;--canvas:#FBF9F6;--ink:#191a2e;--body:#4b4f68;
  --muted:#878aa0;--line:#ece9f4;--navy:#14152b;
  --grad:linear-gradient(108deg,#4F6BED,#7C5CF0 52%,#A78BFA);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--body);background:var(--canvas);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline}

.lhead{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;background:rgba(251,249,246,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10}
.lbrand{display:flex;align-items:center;gap:9px;font-family:'Fraunces',serif;font-weight:600;font-size:1.25rem;color:var(--ink)}
.lmark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad)}
.lmark img{width:18px;height:18px;filter:brightness(0) invert(1)}
.lback{font-size:.9rem;font-weight:500}

.ldoc{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.ldoc h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(2rem,1.4rem + 2.6vw,2.9rem);
  color:var(--ink);letter-spacing:-.02em;line-height:1.1;margin-bottom:26px}
.ldoc h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.4rem;color:var(--ink);
  letter-spacing:-.01em;margin:38px 0 12px;padding-top:8px}
.ldoc p{margin-bottom:16px;font-size:1.02rem}
.ldoc ul{margin:0 0 18px;padding-left:22px}
.ldoc li{margin-bottom:9px;font-size:1.02rem}
.ldoc strong{color:var(--ink);font-weight:600}
.ldoc p:first-of-type{color:var(--muted);font-size:.95rem}

.lfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:760px;margin:0 auto;
  padding:24px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
@media (max-width:560px){.lfoot{flex-direction:column}}