.click-legal{max-width:980px;margin:0 auto;padding:28px 18px 70px}
.click-legal-card{padding:0!important;overflow:hidden}
.click-legal-hero{padding:34px 34px 30px;background:linear-gradient(135deg,#f4efff 0%,#fff0f7 100%);border-bottom:1px solid rgba(116,76,221,.12)}
.click-legal-hero.is-privacy{background:linear-gradient(135deg,#eef5ff 0%,#f5efff 52%,#fff2f8 100%)}
.click-legal-hero>span{display:inline-block;margin-bottom:8px;color:#714bd8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.click-legal-hero h1{margin:0;color:#261c4d;font-size:34px;line-height:1.1}
.click-legal-hero p{max-width:740px;margin:12px 0 8px;color:#625b76;font-size:14px;line-height:1.65}
.click-legal-hero small{color:#928aa4;font-size:11px}
.click-legal-index{display:flex;gap:8px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid #eeeaf5;background:#fff}
.click-legal-index a{padding:8px 11px;border:1px solid #e5def3;border-radius:999px;background:#faf8ff;color:#6751be;text-decoration:none;font-size:11px;font-weight:800}
.click-legal-card>section:not(.click-legal-hero){padding:5px 34px 0}
.click-legal-card>section:not(.click-legal-hero):first-of-type{padding-top:26px}
.click-legal-card section h2{margin:26px 0 10px;color:#302653;font-size:21px;line-height:1.25}
.click-legal-card section h3{margin:18px 0 8px;color:#403664;font-size:15px}
.click-legal-card section p,.click-legal-card section li{color:#625d70;font-size:13px;line-height:1.72}
.click-legal-card section ul{padding-left:22px;margin:10px 0 0}
.click-legal-card section li+li{margin-top:5px}
.click-legal-callout{margin:12px 0;padding:15px 17px;border:1px solid #e5d9ff;border-radius:17px;background:#f8f4ff;color:#4e426c;font-size:13px;line-height:1.6}
.click-legal-footer-note{margin:34px;padding:18px 20px;border-radius:18px;background:#f6f5fa;color:#6f687b;font-size:12px;line-height:1.65}
.click-legal-footer-note a{color:#6b4bd1;font-weight:800}
html[data-theme="dark"] .click-legal-card{background:#15152f!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .click-legal-hero,html[data-theme="dark"] .click-legal-hero.is-privacy{background:linear-gradient(135deg,#24204b,#281a3e 65%,#351a39);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .click-legal-hero h1{color:#fff}
html[data-theme="dark"] .click-legal-hero p{color:#c4bed0}
html[data-theme="dark"] .click-legal-hero small{color:#9991aa}
html[data-theme="dark"] .click-legal-hero>span{color:#c4aaff}
html[data-theme="dark"] .click-legal-index{background:#181833;border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .click-legal-index a{background:rgba(124,84,225,.10);border-color:rgba(255,255,255,.08);color:#cfbdff}
html[data-theme="dark"] .click-legal-card section h2{color:#f5f1ff}
html[data-theme="dark"] .click-legal-card section h3{color:#ddd5ef}
html[data-theme="dark"] .click-legal-card section p,html[data-theme="dark"] .click-legal-card section li{color:#bdb7c8}
html[data-theme="dark"] .click-legal-callout{background:rgba(125,82,230,.12);border-color:rgba(190,160,255,.15);color:#d9d0e8}
html[data-theme="dark"] .click-legal-footer-note{background:rgba(255,255,255,.055);color:#aaa3b8}
html[data-theme="dark"] .click-legal-footer-note a{color:#cbb7ff}
@media(max-width:720px){
  .click-legal{padding:14px 10px 55px}
  .click-legal-hero{padding:26px 20px 23px}
  .click-legal-hero h1{font-size:28px}
  .click-legal-index{padding:14px 16px;gap:7px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}
  .click-legal-index::-webkit-scrollbar{display:none}
  .click-legal-index a{white-space:nowrap}
  .click-legal-card>section:not(.click-legal-hero){padding-left:20px;padding-right:20px}
  .click-legal-card section h2{font-size:19px}
  .click-legal-footer-note{margin:28px 20px 24px}
}