@import url('/assets/resources.css?v=2');

.legal-main{max-width:920px}
.legal-hero{padding:8px 0 30px}
.legal-hero h1{max-width:780px;font-size:clamp(42px,5.3vw,62px);margin-bottom:18px;overflow-wrap:anywhere}
.legal-hero .lead{max-width:850px;margin-top:20px;font-size:18px;line-height:1.65}
.legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.legal-meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#8f8997;background:#ffffff04;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.legal-intro{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.7}
.legal-prose{display:block}
.legal-section{display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px;padding:30px 0;border-top:1px solid var(--line)}
.legal-section:last-of-type{border-bottom:1px solid var(--line)}
.section-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bd7bff35;border-radius:10px;background:#a15bed12;color:#cda8ff;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}
.section-content{min-width:0}
.legal-section h2{margin:2px 0 14px;font-size:25px}
.legal-section h3{margin:18px 0 8px;font-size:15px;color:#e7e1eb}
.legal-section p,.legal-section li{color:var(--muted);font-size:14px;line-height:1.65}
.legal-section p{margin:0}
.legal-section p+p{margin-top:11px}
.legal-section ul{margin:10px 0 0;padding-left:20px}
.legal-section li+li{margin-top:7px}
.legal-section a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.principle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.principle-list div{position:relative;padding:13px 14px 13px 34px;border:1px solid var(--line);border-radius:12px;background:#08090d99;color:#aaa4b0;font-size:13px;line-height:1.5}
.principle-list div:before{content:'✓';position:absolute;left:13px;top:12px;color:#c29bff;font-weight:800}
.legal-callout{margin-top:14px;padding:15px 17px;border-left:2px solid var(--accent);border-radius:0 11px 11px 0;background:#b77bff09;color:#aaa4b0;font-size:13px;line-height:1.6}
.license-list{display:grid;gap:12px}
.license-item{display:grid;grid-template-columns:1fr auto;gap:16px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#08090d99}
.license-item strong{color:var(--text)}.license-item span{color:var(--accent);font:12px ui-monospace,monospace}
.legal-note{margin-top:20px;padding:16px 18px;border-left:2px solid var(--accent);border-radius:0 12px 12px 0;background:#b77bff0b;color:var(--muted);font-size:13px}
.contact-card{margin-top:18px;text-align:center;padding:30px 22px;border:1px solid #bd7bff39;border-radius:16px;background:radial-gradient(450px 220px at 50% 0,#a25bed1e,transparent 72%),#0c0d12}
.contact-card h2{margin-bottom:7px;font-size:22px}.contact-card p{color:var(--muted);font-size:14px}
.mail-button{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,#d4b7ff,#9d59ed);color:#120a1a!important;text-decoration:none!important;font-weight:750;box-shadow:0 10px 30px #9b55e833}
.mail-button svg{width:18px;height:18px}

/* Privacy follows the reference document layout: wide copy and one substantial card per section. */
.privacy-main{max-width:1060px}
.privacy-hero{max-width:1060px;padding:12px 0 38px}
.privacy-hero h1{max-width:none;font-size:clamp(48px,5.5vw,68px);margin:0 0 14px}
.privacy-hero .lead{max-width:1040px;margin-top:18px;font-size:19px;line-height:1.68}
.privacy-main .legal-prose{display:grid;gap:16px}
.privacy-main .legal-section,
.privacy-main .legal-section:last-of-type{
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  margin:0;
  padding:30px;
  border:1px solid #ffffff14;
  border-radius:19px;
  background:linear-gradient(145deg,#ffffff05,#ffffff02),#0d0e12e8;
  box-shadow:inset 0 1px #ffffff05;
}
.privacy-main .section-number{width:42px;height:42px;border-radius:12px;font-size:14px}
.privacy-main .legal-section h2{margin:4px 0 19px;font-size:27px}
.privacy-main .legal-section p,.privacy-main .legal-section li{font-size:16px;line-height:1.7}
.privacy-main .principle-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:5px;
  padding:22px 26px;
  border:1px solid #b77bff66;
  border-radius:15px;
  background:linear-gradient(135deg,#9d5bea13,#090a0dcf);
}
.privacy-main .principle-list h3{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#c59aff;font-size:15px}
.privacy-main .principle-list h3 svg{width:22px;height:22px;flex:0 0 22px}
.privacy-main .principle-list div{padding:8px 0 8px 28px;border:0;border-radius:0;background:none;color:#aaa4b0;font-size:16px;line-height:1.62}
.privacy-main .principle-list div:before{content:'';left:5px;top:19px;width:7px;height:7px;border-radius:50%;background:#bd83ff}
.privacy-main .legal-callout{font-size:15px;padding:18px 20px}
.privacy-nav{max-width:1260px}
.privacy-nav .nav-links{gap:28px}
.privacy-nav .nav-links a{font-size:14px;font-weight:650}
.privacy-download{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 21px;border-radius:999px;background:linear-gradient(120deg,#cdb4ff,#a363f5);color:#10081c;font-size:14px;font-weight:750;box-shadow:0 8px 26px #965bdd24}
.privacy-download:hover{filter:brightness(1.06)}

@media(max-width:640px){
  .privacy-main{width:calc(100% - 24px)}
  .privacy-hero h1{font-size:clamp(28px,8.5vw,39px);overflow-wrap:anywhere}
  .privacy-hero .lead{font-size:15px}
  .privacy-main .legal-section,.privacy-main .legal-section:last-of-type{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:20px 16px;border-radius:16px}
  .privacy-main .section-number{width:32px;height:32px;font-size:11px}
  .privacy-main .legal-section h2{margin:2px 0 15px;font-size:21px;line-height:1.28}
  .privacy-main .legal-section p,.privacy-main .legal-section li{font-size:15px}
  .privacy-main .principle-list{margin-left:-45px;padding:18px 16px}
  .privacy-main .principle-list h3{font-size:14px}
  .privacy-main .principle-list div{font-size:14px;padding-left:24px}
  .privacy-nav .nav-links{justify-content:flex-start;gap:22px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .privacy-nav .nav-links::-webkit-scrollbar{display:none}
  .privacy-nav .nav-actions{gap:8px}
  .privacy-download{min-height:36px;padding-inline:15px;font-size:12px}
}

@media(max-width:640px){
  .legal-main{width:calc(100% - 24px)}
  .legal-hero h1{font-size:clamp(28px,8.5vw,39px)}
  .legal-hero .lead{font-size:15px}
  .legal-section{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:24px 0}
  .section-number{width:31px;height:31px}
  .legal-section h2{font-size:19px;line-height:1.25}
  .principle-list{grid-template-columns:1fr}
  .license-item{grid-template-columns:1fr}.license-item span{justify-self:start}
  .contact-card{padding:25px 16px}
}