/* Public reading pages share the homepage shell without inheriting its app layout. */
body.reading-page{min-width:0;background:#0b1015;color:#f5f7f8}
body.reading-page .landing-header,body.reading-page .landing-footer{max-width:none;margin:0}
body.reading-page .landing-header a,body.reading-page .landing-footer a{margin:0}
body.reading-page>main{width:min(100% - 40px,960px);max-width:none;margin:42px auto 78px;padding:0}
body.reading-page article{padding:clamp(24px,5vw,56px);border:1px solid #304048;border-radius:18px;background:#111a20;overflow-wrap:anywhere}
body.reading-page article h1{margin-top:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}
body.reading-page article h2{margin-top:2rem;line-height:1.3}
body.reading-page article p:first-of-type{color:#b3c9cf}
body.reading-page article a{color:#80e6dc;text-decoration:underline;text-underline-offset:3px}
body.reading-page article pre,body.reading-page article table{max-width:100%;overflow-x:auto}
body.reading-page article table{display:block;border-collapse:collapse}
body.reading-page article th,body.reading-page article td{padding:10px 12px;border-bottom:1px solid #33444c;text-align:start;white-space:nowrap}
body.reading-page>main>form{max-width:960px}
body.reading-page input,body.reading-page textarea{width:100%;max-width:100%}
body.reading-page .landing-footer{margin-top:0}
@media(max-width:680px){
  body.reading-page>main{width:calc(100% - 24px);margin:20px auto 48px}
  body.reading-page article{padding:20px}
  body.reading-page .landing-header,body.reading-page .landing-footer{padding:16px}
}
