/* advancebitcoin.org on phones. Most visitors are on a phone, so nothing may
   be wider than the screen: a too-wide element let the page be dragged
   sideways and cut text off at the right edge. */
html,body{overflow-x:clip}
@media (max-width:1023px){
  /* the hero's single column never grows past the screen */
  main>section:first-child>.grid{grid-template-columns:minmax(0,1fr)}
  /* long words and addresses wrap instead of pushing the page wider */
  main p,main li,main h1,main h2,main h3{overflow-wrap:break-word}
}
@media (max-width:639px){
  /* the live Solana strip: two tidy columns instead of a hidden sideways scroll */
  #live>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;overflow:visible}
  #live>div>span:first-child{grid-column:1/-1}
  /* links inside running text get a finger-sized hit area (the padding does
     not move the text: vertical padding on inline links never changes the line) */
  .ann-classic a,.sx-lede a,.sx-links a,.sx-note a{padding:8px 3px;margin:0 -3px}
  footer ul a,footer .border-t a{display:inline-block;padding:5px 0}
  /* room under the footer for the floating ABC AI button */
  footer>div{padding-bottom:96px}
  /* the 3D allocation ring shrinks to fit: at 256px it was wider than the
     Tokenomics panel on a 320px phone, and its right edge was cut off */
  div.donut3d{width:min(16rem,calc(100% - 12px));height:auto;aspect-ratio:1/1} /* 12px: room for the tilt's perspective bulge */
}
/* touch screens: iPhone Safari zooms the whole page into any text field set
   below 16px when it is tapped (and leaves it zoomed), so fields are 16px there
   (!important: some fields set their size in a class or inline) */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
}