.page-hero {
  padding: 100px 0 70px;
  background: radial-gradient(circle at 50% 0%, rgba(255,84,43,.13), transparent 42%), #0d0b0c;
  border-bottom: 1px solid var(--line);
}
.page-hero h1 { margin: 12px 0; font-size: clamp(42px,6vw,64px); line-height:1; letter-spacing:-.055em; }
.page-hero p { color:#888385; font-size:14px; margin:0 0 13px; }
.doc-meta { color:#575254; font-size:10px; }
.legal-layout { background:#08090a; }
.legal-wrap { display:grid; grid-template-columns:235px minmax(0,760px); gap:70px; align-items:start; padding-top:65px; padding-bottom:85px; }
.legal-toc { position:sticky; top:80px; display:flex; flex-direction:column; gap:5px; max-height:calc(100vh - 100px); overflow:auto; }
.toc-title { color:#fff; font-size:10px; font-weight:700; margin-bottom:9px; }
.legal-toc a { color:#686365; font-size:10px; line-height:1.4; padding:3px 0; }
.legal-toc a:hover { color:var(--orange); }
.legal-document { color:#999496; font-size:12px; line-height:1.75; }
.legal-document h2 { color:#f0eded; font-size:24px; line-height:1.2; letter-spacing:-.025em; margin:38px 0 14px; scroll-margin-top:90px; }
.legal-document h2:first-of-type { margin-top:0; }
.legal-document p { margin:0 0 13px; }
.legal-document ul { padding-left:20px; margin:0 0 18px; }
.legal-document li { margin:5px 0; }
.legal-document strong { color:#d9d5d6; }
.legal-document a { color:var(--orange-2); }
.legal-document hr { border:0; border-top:1px solid var(--line); margin:33px 0; }
.legal-document .lead { color:#b0abad; font-size:13px; padding:18px 20px; border-left:2px solid var(--orange); background:rgba(255,84,43,.045); border-radius:0 6px 6px 0; }
.doc-note { margin-top:38px !important; padding:14px 16px; background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:7px; color:#716d6f; font-size:10px; }

.blog-post { background:#08090a; }
.article-header { padding:92px 0 68px; background:radial-gradient(circle at 50% 0%, rgba(255,84,43,.14), transparent 45%), #0d0b0c; border-bottom:1px solid var(--line); }
.article-header-inner { max-width:880px; }
.back-link { display:inline-block; color:#777173; font-size:10px; margin-bottom:28px; }
.back-link:hover { color:var(--orange); }
.article-meta { display:flex; gap:13px; align-items:center; color:#656063; font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.article-meta span:first-child { color:var(--orange); }
.article-header h1 { font-size:clamp(39px,6vw,62px); line-height:1.02; letter-spacing:-.055em; margin:16px 0; }
.article-excerpt { max-width:690px; color:#918c8e; font-size:14px; line-height:1.65; margin:0; }
.post-layout { display:grid; grid-template-columns:180px minmax(0,720px); gap:70px; padding-top:65px; padding-bottom:90px; justify-content:center; }
.post-share { position:sticky; top:82px; align-self:start; display:flex; flex-direction:column; gap:7px; }
.post-share > span { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.12em; margin-bottom:5px; }
.post-share a { color:#626062; font-size:10px; line-height:1.4; }
.post-share a:hover { color:#fff; }
.post-content { color:#9c9799; font-size:13px; line-height:1.8; }
.post-content p { margin:0 0 19px; }
.post-content h2 { color:#f2efef; font-size:24px; line-height:1.18; letter-spacing:-.035em; margin:48px 0 14px; scroll-margin-top:90px; }
.post-content h2:first-of-type { margin-top:34px; }
.post-content ul { padding-left:20px; margin:0 0 20px; }
.post-content li { margin:6px 0; }
.post-content strong { color:#e0dcdd; }
.post-lead { color:#c1bbbd; font-size:16px; line-height:1.7; }
.article-callout { display:flex; flex-direction:column; gap:3px; padding:18px 20px; margin:28px 0 34px; border:1px solid rgba(255,84,43,.25); border-radius:8px; background:rgba(255,84,43,.07); }
.article-callout strong { color:var(--orange); font-size:10px; }
.article-callout span { color:#a9a3a5; font-size:12px; }
.article-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:35px 0; padding:22px 23px; border:1px solid rgba(255,84,43,.2); border-radius:8px; background:linear-gradient(120deg,rgba(255,84,43,.1),rgba(255,255,255,.02)); }
.article-cta h3 { color:#f1eded; font-size:18px; margin:6px 0 4px; }
.article-cta p { color:#777274; font-size:10px; margin:0; }
.example-box { padding:18px 20px; margin:25px 0; border-left:2px solid var(--orange); background:#111011; border-radius:0 7px 7px 0; }
.example-box p { margin:8px 0 0; color:#aaa4a6; font-size:12px; }
.example-label { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.12em; }
.final-cta { text-align:center; margin-top:55px; padding:34px 25px; border:1px solid rgba(255,84,43,.25); border-radius:9px; background:radial-gradient(circle at 50% 0%,rgba(255,84,43,.16),transparent 65%),rgba(255,84,43,.055); }
.final-cta h2 { margin:8px 0; font-size:27px; }
.final-cta p { color:#817b7d; font-size:10px; max-width:450px; margin:0 auto 19px; }
.related { padding:70px 0; background:#100c0d; border-top:1px solid var(--line); }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.related-card { padding:22px 19px; min-height:150px; border:1px solid var(--line); background:rgba(255,255,255,.02); border-radius:8px; transition:.2s; }
.related-card:hover { border-color:rgba(255,84,43,.22); transform:translateY(-2px); }
.related-card > span { color:var(--orange); font-size:8px; font-weight:800; }
.related-card h3 { color:#eee; font-size:13px; margin:8px 0; }
.related-card p { color:#716d6f; font-size:10px; margin:0; }

@media (max-width:900px) {
  .legal-wrap { grid-template-columns:1fr; gap:30px; }
  .legal-toc { position:relative; top:auto; max-height:none; padding-bottom:20px; border-bottom:1px solid var(--line); }
  .post-layout { grid-template-columns:1fr; gap:25px; }
  .post-share { position:relative; top:auto; display:grid; grid-template-columns:repeat(2,1fr); }
  .post-share > span { grid-column:1/-1; }
  .related-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .page-hero, .article-header { padding:70px 0 50px; }
  .legal-wrap, .post-layout { padding-top:45px; padding-bottom:60px; }
  .legal-document { font-size:10px; }
  .legal-document h2 { font-size:20px; }
  .article-header h1 { font-size:39px; }
  .article-excerpt { font-size:12px; }
  .post-content { font-size:12px; }
  .post-content h2 { font-size:21px; }
  .article-cta { flex-direction:column; align-items:flex-start; }
}