/* Phone-width rules for the React-rendered screens (profile, sign in, join, both notebooks).
   Those pages are styled inline, so these rules carry !important on purpose. Desktop is untouched. */
/* no font boosting on phones: Chrome otherwise inflates small italic lines and the drawer + glyph */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.nav-menu-btn{display:none;background:none;border:none;font-family:inherit;font-style:italic;font-size:16px;color:#414A20;cursor:pointer;padding:6px 2px;}
@media (max-width:760px){
  .dc-nav{position:sticky;padding-left:20px!important;padding-right:20px!important;}
  .dc-nav:not(.nav-open) .dc-links{display:none!important;}
  .dc-nav.nav-open .dc-links{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start!important;gap:16px!important;padding:18px 20px 22px;background:#F9F5EB;border-bottom:1px solid #DDD3BB;box-shadow:0 10px 24px rgba(37,33,20,.08);z-index:120;}
  .dc-nav .nav-menu-btn{display:block;}
  .dc-desk{display:none!important;}
  /* notebook */
  .nb-g3{grid-template-columns:1fr!important;}
  /* school profile */
  .pf-wrap{padding-left:20px!important;padding-right:20px!important;}
  .pf-g6{grid-template-columns:repeat(3,1fr)!important;}
  .pf-g4{grid-template-columns:repeat(2,1fr)!important;}
  .pf-kv{grid-template-columns:1fr!important;gap:4px 12px!important;}
  .pf-cta{grid-template-columns:1fr!important;}
  .pf-label{min-width:0!important;}
}
@media (max-width:420px){
  .pf-g6{grid-template-columns:repeat(2,1fr)!important;}
}

/* notebook (Oct 11): lists and the Field Notes shelf on the left, notes on the right; narrower, notes move between them */
.nb-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-template-areas:"main side" "shelf side";}
.nb-main{grid-area:main;padding-bottom:0!important;}
.nb-shelf{grid-area:shelf;min-width:0;padding:0 44px 72px 72px;}
.nb-side{grid-area:side;max-width:none!important;}
@media (max-width:1000px){
  .nb-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side" "shelf";}
  .nb-main{padding:36px 40px 0!important;}
  .nb-side{border-left:none!important;border-top:1px solid #DDD3BB;border-bottom:1px solid #DDD3BB;margin-top:48px;}
  .nb-side-in{position:static!important;max-height:none!important;padding:36px 40px!important;}
  .nb-shelf{padding:0 40px 60px;}
  .nb-shelf>div:first-child{margin-top:56px!important;}
}
@media (max-width:600px){
  .nb-main{padding:28px 20px 0!important;}
  .nb-side-in{padding:30px 20px!important;}
  .nb-shelf{padding:0 20px 48px;}
}