/* Responsive repairs for the public book and parent pages. */
.grown-grid,.rv-invite-inner,.footer-explore,.rv-page-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.details-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.hero-grid>*,.grown-grid>*,.rv-invite-inner>*,.footer-explore>*,.rv-page-grid>*,.details-grid>*{min-width:0}
.pma-social-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.pma-social-card{min-width:0;flex-wrap:wrap}
.social-copy{overflow-wrap:anywhere}
.conversation{flex-wrap:wrap;justify-content:flex-start}
.conversation>div{flex:1 1 150px;min-width:0}
.conversation img{flex:0 1 115px;max-width:100%}
.finish-inner,.footer-top,.footer-bottom,.g-footer-top,.g-footer-bottom{flex-wrap:wrap}
.finish-inner>div,.footer-bottom>p,.g-footer-bottom>p{min-width:0;max-width:100%;overflow-wrap:anywhere}
.finish .button{flex-shrink:1;max-width:100%;white-space:normal}
.rv-newsletter{flex-wrap:wrap}
.rv-newsletter>div{flex:1 1 280px;min-width:0}
.rv-newsletter-button{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center}
.rv-speech{max-width:100%;white-space:normal}
.rv-review-button{max-width:100%;overflow-wrap:anywhere}
.rv-controls,.rv-card-top{flex-wrap:wrap}
.rv-card blockquote,.rv-credit,.rv-credit a{min-width:0;overflow-wrap:anywhere;max-width:100%}
.g-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.g-grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.g-grid>*,.g-book-promo>*{min-width:0}
.g-nav,.g-nav nav{flex-wrap:wrap}
.g-nav{padding-block:10px}
.g-nav>a,.g-nav nav{flex:0 1 auto;min-width:0;max-width:100%}
.g-book-promo{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.g-qr{flex-wrap:wrap}
.g-qr>div{flex:1 1 280px;min-width:0}
.g-qr img{flex:0 1 200px;max-width:100%}
.g-prose,.g-related,.g-card,.g-soft,.g-copy-card{overflow-wrap:anywhere}
.g-pill,.g-button,.pma-site-link{max-width:100%;white-space:normal}
.g-skip:not(:focus){left:-10000px;transform:none}
.g-skip:focus{left:12px;top:10px;transform:none}
.static-page,.dialog-content{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.static-page>*,.dialog-content>*{min-width:0}
.nav,.nav nav{flex-wrap:wrap}
.nav{padding-block:8px}
.nav>a,.nav nav{min-width:0;max-width:100%}
/* Container queries also handle embedded/narrow content independently of viewport width. */
.hero{container:book-hero / inline-size}
.g-hub-hero,.g-article-hero{container:guide-hero / inline-size}
@container book-hero (max-width:720px){
 .hero-grid{display:flex;flex-direction:column;gap:22px}
 .hero-grid .intro,.hero-grid .purchase{width:100%;text-align:center;align-self:stretch}
 .hero-grid h1{font-size:44px;letter-spacing:-1.5px;overflow-wrap:anywhere}
 .hero-grid .cover-wrap{width:min(80%,300px);margin:0 auto}
 .hero-grid .price{justify-content:center}
 .hero-grid .synopsis{margin-inline:auto}
}
@container guide-hero (max-width:600px){
 .g-wrap h1{font-size:34px;letter-spacing:-.8px;overflow-wrap:anywhere}
}
.growth-page h1,.growth-page h2{overflow-wrap:anywhere}
