/* site.css - what every everventure.com page shares: the phone menu and the phone layout.
   The pages style themselves inline, so a phone rule that changes an inline value needs !important. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#F7F8FA}
/* A block for after a dated class (data-show-after) stays hidden until site.js shows it at that moment. */
[data-show-after]{display:none!important}
img{max-width:100%;height:auto}
a{color:#12304F}a:hover{color:#0A1E33}
.menu-btn{display:none}

@media (max-width:720px){
  /* Header: logo and name on one row with a menu button; the menu opens below it. */
  .hdr{flex-wrap:wrap!important;gap:0 12px!important;padding-top:12px!important;padding-bottom:12px!important}
  .brand img{width:40px!important;height:40px!important}
  .brand-text{flex-direction:column!important;align-items:flex-start!important;gap:0!important}
  .brand-name{font-size:21px!important;line-height:1.15}
  .brand-line{font-size:13px!important;line-height:1.3}
  .dash{display:none}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #DDE3EA;border-radius:8px;background:#FFFFFF;color:#12304F;cursor:pointer;flex:none}
  .menu-btn .x,.hdr.open .menu-btn .bars{display:none}
  .hdr.open .menu-btn .x{display:block}
  .nav{display:none!important;flex-basis:100%;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 0 4px}
  .hdr.open .nav{display:flex!important}
  .nav a{min-height:52px!important;font-size:17px!important;border-top:1px solid #EEF1F5}
  .nav a:last-child{justify-content:center;margin-top:10px;border-top:0}
  .hdr-cta{display:none!important}

  /* Pages with a sign-up form: the form comes right after the headline on a phone. */
  .hero{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:20px!important}
  .hero .copy{display:contents!important}
  .hero > *,.hero .copy > *{order:0}
  .hero form{order:1;max-width:none!important;padding:22px!important}
  .hero .after{order:2}

  /* The badge line under some headlines: a rounded box once it wraps, without the | dividers. */
  .pill{border-radius:14px!important}
  .pill .sep{display:none}
}

/* The AI at Work Build Sessions calendar ("Your three weeks"), on /build-sessions, /build-sessions/welcome
   and /build-sessions/setup. Built by tests/build_sessions_calendar.py from the master schedule, api/_schedule.json. */
.cal{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
.cal .dh{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#4A5B6D;padding:0 4px}
.cal .wk{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;align-self:center;padding-right:6px}
.cal .day,.cal .pre{background:#FFFFFF;border:1px solid #DDE3EA;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}
.cal .day{min-height:110px}
.cal .pre{grid-column:2 / -1;flex-direction:row;flex-wrap:wrap;align-items:flex-start}
.cal .pre .ev{flex:1 1 220px}
.cal .day.empty{background:#EEF1F5;border-style:dashed}
.cal .now{border:2px solid #F2A541;background:#FFFBF4}
.cal .here{align-self:flex-start;flex:none;padding:2px 10px;border-radius:999px;background:#F2A541;color:#12304F;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.cal .pre .here{flex-basis:100%;max-width:max-content}
.cal .dl{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#4A5B6D}
.cal .wd{display:none}
.cal .ev{border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.cal .ev b{display:block;font-size:15px}
.cal .ev.live{background:#12304F;color:#FFFFFF}
.cal .ev.live b{color:#F2A541}
.cal .ev.email{background:#FDF1DF;color:#12304F}
.cal .ev.setup,.cal .ev.homework,.cal .ev.signup{border:2px dashed #9AA9B8;color:#3A4B5D}
.cal .ev.signup{border-style:solid;border-color:#12304F;color:#12304F}
@media (max-width:760px){
  .cal{grid-template-columns:minmax(0,1fr)}
  .cal .dh,.cal .day.empty{display:none}
  .cal .pre{grid-column:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .cal .pre .here{flex-basis:auto}
  .cal .pre .ev{flex:none}
  .cal .wd{display:inline}
  .cal .day{min-height:0}
  .cal .wk{margin-top:8px}
}