/* Security — Public Beta preservation refinement R2, 2026-10-06.
   Preserve the mature Security information architecture. This authority may refine
   Security typography, register hierarchy, and responsive behavior only. It owns
   no circumpunct geometry, transform, animation, or shared-estate behavior. */

/* Current hero family: page copy stays page-owned; shared authorities own frame/mark. */
.security-page .sec-hero__inner{max-width:1220px}
.security-page .sec-hero h1{max-width:1050px;font-size:clamp(54px,5.3vw,72px);line-height:.99;letter-spacing:-.047em}
.security-page .sec-hero__lede{max-width:860px}

/* Keep the two established registers, but make their different jobs visually intentional. */
.security-page .sec-register--adjacent{width:min(100%,960px);margin-top:66px}
.security-page .sec-register--adjacent>div{grid-template-columns:148px minmax(0,1fr);gap:30px;padding:17px 0}
.security-page .sec-register--adjacent span{color:#51564f;font-size:12.5px}
.security-page .sec-register--adjacent p{max-width:720px;font-size:14.5px;line-height:1.58}
.security-page .sec-register--act{margin-top:72px;border-top-color:#bbbdb7}
.security-page .sec-register--act>div{padding:21px 0}
.security-page .sec-register--act span{color:#252923}

/* Existing sovereign-boundary figure: modest optical tightening, no redesign. */
.security-page .sec-boundary{margin-top:82px}
.security-page .sec-boundary__intro h2{font-size:34px}
.security-page .sec-boundary__rows strong{font-size:23px}

/* Preserve Security's typographic character while preventing laptop-width secondary heroes. */
@media(max-width:1180px) and (min-width:901px){
  .security-page .sec-prose h2{font-size:clamp(38px,3.75vw,46px);max-width:min(900px,calc(100vw - (2 * var(--pe-pad)) - clamp(0px,5vw,76px)))}
  .security-page .sec-close h2{font-size:38px}
}
@media(max-width:1000px) and (min-width:681px){
  .security-page .sec-prose h2{font-size:38px;line-height:1.04}
  .security-page .sec-boundary__intro h2{font-size:32px}
  .security-page .sec-dark__argument h2,.security-page .sec-dark__single h2{font-size:34px}
}
@media(max-width:900px){
  .security-page .sec-register--adjacent,.security-page .sec-register--act{margin-left:0}
  .security-page .sec-register--adjacent>div{grid-template-columns:1fr;gap:7px}
}
@media(max-width:680px){
  .security-page .sec-prose h2{font-size:32px;line-height:1.05}
  .security-page .sec-dark__argument h2,.security-page .sec-dark__single h2{font-size:30px;line-height:1.08}
  .security-page .sec-boundary__intro h2{font-size:28px}
  .security-page .sec-close h2{font-size:30px}
  .security-page .sec-register--adjacent{margin-top:54px}
  .security-page .sec-register--adjacent>div{padding:13px 0}
  .security-page .sec-register--act{margin-top:58px}
}
@media(max-width:360px){
  .security-page .sec-prose h2{font-size:30px}
  .security-page .sec-dark__argument h2,.security-page .sec-dark__single h2{font-size:29px}
}

/* Current shell/footer responsiveness. home-closure sets the desktop estate grid;
   Security provides only the same narrow-screen collapse used by admitted Platform pages. */
@media(max-width:900px){
  .security-page .f50-footer .f50-footer__grid{grid-template-columns:1fr 1fr;gap:34px 28px;padding-bottom:32px}
  .security-page .f50-footer .pe-footer__brand{grid-column:1/-1}
  .security-page .f50-footer .f50-footer__group:last-of-type{grid-column:1/-1}
  .security-page .f50-footer .pe-footer__statement{grid-column:1/-1;justify-self:start;text-align:left;margin-top:8px}
}
@media(max-width:680px){
  .security-page .f50-footer .f50-footer__grid{grid-template-columns:1fr}
  .security-page .f50-footer .pe-footer__brand,
  .security-page .f50-footer .f50-footer__group:last-of-type,
  .security-page .f50-footer .pe-footer__statement{grid-column:auto}
  .security-page .f50-footer .pe-footer__statement{margin-top:4px}
}

/* Demonstrated overflow fixes: preserve register/figure content, contain it to the rail. */
@media(min-width:901px){
  .security-page .sec-register--act{width:min(1010px,calc(100% - 72px));box-sizing:border-box}
}
@media(max-width:680px){
  .security-page .sec-hero h1{font-size:46px;line-height:.99;letter-spacing:-.047em}
}
@media(max-width:360px){
  .security-page .sec-hero h1{font-size:42px}
  .security-page .sec-boundary{margin-inline:-16px}
}
@media(min-width:901px){
  .security-page .sec-register--adjacent{width:min(960px,calc(100% - 72px));box-sizing:border-box}
}