/* BrounStack public-page rhythm and consistency polish */

/* Keep long-form public pages compact, readable and visually consistent. */
body.legal-page .page-hero{
  padding:50px 0 34px!important;
  border-bottom:1px solid #e7edf5;
  background:
    radial-gradient(circle at 82% 16%,rgba(80,159,255,.10),transparent 26%),
    radial-gradient(circle at 14% 16%,rgba(118,87,245,.08),transparent 27%),
    linear-gradient(180deg,#fff,#f8faff)!important;
}
body.legal-page .page-hero .legal{max-width:900px}
body.legal-page .page-hero h1{
  margin:14px 0 10px;
  max-width:780px;
  font-size:clamp(40px,5vw,58px);
  line-height:1.04;
  letter-spacing:-2px;
  color:#13213a;
}
body.legal-page .page-hero .muted{max-width:760px;margin:8px 0 0;color:#65738a}
body.legal-page .section{padding:36px 0 54px}
body.legal-page .content-card{
  margin:0;
  padding:clamp(24px,4vw,38px);
  border:1px solid #e0e7f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,43,76,.055);
}
body.legal-page .content-card h2{
  margin:30px 0 8px;
  padding-top:26px;
  border-top:1px solid #edf1f6;
  font-size:21px;
  line-height:1.25;
  color:#17233a;
}
body.legal-page .content-card h2:first-child{margin-top:0;padding-top:0;border-top:0}
body.legal-page .content-card p{margin:0;color:#617087;line-height:1.78}
body.legal-page .content-card a{color:#4f46e5;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.legal-page .site-footer{margin-top:0}

/* 404 now follows the same header, footer and mobile-navigation system. */
body.not-found-page{min-height:100vh;display:flex;flex-direction:column}
body.not-found-page main{flex:1}
body.not-found-page .not-found{
  min-height:0;
  display:grid;
  place-items:center;
  padding:clamp(56px,9vw,96px) 0;
  background:
    radial-gradient(circle at 18% 18%,rgba(118,87,245,.10),transparent 28%),
    radial-gradient(circle at 82% 16%,rgba(56,189,248,.10),transparent 28%),
    linear-gradient(180deg,#fff,#f8faff);
}
body.not-found-page .not-found-card{max-width:760px;text-align:center}
body.not-found-page .not-found-code{
  margin:0 0 24px;
  font-size:clamp(82px,16vw,168px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.08em;
  background:linear-gradient(135deg,#7657f5,#338cff 58%,#24c8f2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.not-found-page .not-found h1{
  margin:12px 0 12px;
  font-size:clamp(34px,5vw,54px);
  line-height:1.05;
  letter-spacing:-1.8px;
  color:#142039;
}
body.not-found-page .not-found p{
  max-width:620px;
  margin:0 auto;
  color:#65738a;
  font-size:17px;
  line-height:1.72;
}
body.not-found-page .not-found .actions{justify-content:center;margin-top:26px}
body.not-found-page .site-footer{margin-top:0}

@media(max-width:760px){
  body.legal-page .page-hero{padding:38px 0 26px!important}
  body.legal-page .section{padding:24px 0 38px}
  body.legal-page .content-card{padding:22px 18px;border-radius:18px}
  body.legal-page .content-card h2{margin-top:24px;padding-top:21px;font-size:19px}
  body.not-found-page .not-found{padding:48px 0 58px}
  body.not-found-page .not-found-code{margin-bottom:20px}
  body.not-found-page .not-found p{font-size:16px}
  body.not-found-page .not-found .actions{gap:10px}
  body.not-found-page .not-found .actions .btn{width:100%}
}