/* One centered content boundary for every public page. */
:root{--site-content-width:1180px;--site-edge-space:32px}
html{scrollbar-gutter:stable}
@media(max-width:760px){:root{--site-edge-space:20px}}

body main.container,
body main .container,
body main .book-detail,
body .nbr-certificate-feature{
  box-sizing:border-box;
  width:min(var(--site-content-width),calc(100% - 2 * var(--site-edge-space)))!important;
  max-width:var(--site-content-width)!important;
  min-width:0;
  margin-inline:auto!important;
}
/* Nested content uses the parent's boundary, without a second pair of gutters. */
body main.container .container,
body main .container .container{
  width:100%!important;
  max-width:100%!important;
}
body main .archive-page>.original-content{
  width:100%;max-width:100%;margin-inline:0;
}
/* Keep the rotated portrait badge inside the same content edge. */
body main .hero-seal{right:8px}

/* Sarathi uses full-width section backgrounds with inner reading/form blocks. */
body[data-sarathi-brand] .ask-area{padding-inline:var(--site-edge-space)}
body[data-sarathi-brand] .ask-area :is(.intro,.ask-card,.answer-card,.no-answer,.prompt-row,.status,.sarathi-reading){
  box-sizing:border-box;
  width:100%;max-width:var(--site-content-width)!important;
  min-width:0;margin-inline:auto;
}
body[data-sarathi-brand] .hero-title{padding-inline:var(--site-edge-space)}
body[data-sarathi-brand] .hero-title :is(h1,p){
  box-sizing:border-box;width:100%;max-width:var(--site-content-width);margin-inline:auto;
}
body[data-sarathi-brand] .hero-title::before{width:min(var(--site-content-width),100%)}

@media print{
  body main.container,body main .container,body main .book-detail,body .nbr-certificate-feature{
    width:100%!important;max-width:none!important;
  }
}