/* Crawlable, human-readable intro below the full-viewport home screen. The home art stays exactly one
   viewport tall; scrolling reveals this text. Loaded after site.css/account.css, which set overflow:hidden. */
body{overflow-x:hidden;overflow-y:auto}
.about-site{max-width:760px;margin:0 auto;padding:40px 20px 56px;font:16px/1.6 Arial,Helvetica,sans-serif;color:#f7f0e6}
.about-site h1{margin:0 0 14px;font:bold clamp(1.6rem,4vw,2.2rem)/1.15 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;color:#f0b85b}
.about-site h2{margin:26px 0 8px;font-size:1.15rem;color:#fff1cc}
.about-site p{margin:0 0 14px}
.about-site ul{margin:0 0 16px;padding-left:1.2em}
.about-site li{margin:0 0 8px}
.about-site a{color:#f0b85b}
.about-site .about-note{margin-top:28px;font-size:.82rem;color:#c9b79c}
/* Registration consent checkbox (the dialog styles make every label/input block and full width). */
dialog label.consent{display:flex;gap:8px;align-items:flex-start;font-weight:normal;font-size:13px;line-height:1.4}
dialog .consent input{width:auto;margin:2px 0 0;flex:none}
/* Phones (portrait): the art keeps its width at the top; the links drawn into it are too small to tap there, so the
   account bar and destinations become full-size buttons below it and the in-art login panel is hidden (Log in opens the dialog). */
@media(max-width:700px){
.page-shell{height:auto;min-height:0;display:block;padding:0}
.site-wrap{width:100%}
.panel-login,.panel-member,.register-hotspot{display:none!important}
.account-bar,.keyboard-nav,.keyboard-nav:focus-within{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;height:auto;clip-path:none;padding:12px 12px 0;background:none;font:bold 15px Arial,sans-serif}
.keyboard-nav{padding-bottom:12px}
.account-bar>a,.account-bar>button,.keyboard-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;text-align:center;text-decoration:none;color:#fff;border:1px solid #651d0e;background:#a41106;font:inherit}
.keyboard-nav a{background:#49321e;border-color:#907557}
#welcome,.account-bar .online-pill,.account-bar .weekly-strip,.account-bar .weekly-fallback{grid-column:1/-1;margin:0;justify-self:center;text-align:center}
#welcome{font-size:18px;color:#fff1cc}
.about-site{padding-top:24px}
.account-bar a[href="#help"]{display:none}
}