@import url("styles-v8-rounded.css?v=20260820-9");

/* Header action: one clear label, no competing icon. */
.nav .button.compact{justify-content:center;gap:0;overflow:hidden}

/* Give the coloured planning grid breathing room. */
.material-strip{margin-top:18px}

/* Keep the feature section truly centred instead of exposing the dark page edge. */
.feature.shell{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.feature-image{background-position:center center}

@media(max-width:700px){
  .nav .button{
    width:88px;
    min-width:88px;
    max-width:88px;
    flex:0 0 88px;
    padding:0 9px;
    font-size:7.5px;
    letter-spacing:.055em;
    text-align:center;
  }
  .material-strip{margin-top:16px}
  .feature.shell{
    width:100%;
    margin:0;
    padding-left:16px;
    padding-right:16px;
  }
  .feature-image{
    width:min(100%,680px);
    margin-left:auto;
    margin-right:auto;
    background-position:center center;
  }
  .feature-copy{
    width:min(100%,680px);
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:370px){
  .nav .button{width:80px;min-width:80px;max-width:80px;flex-basis:80px;font-size:7px;padding:0 7px}
}