/* Balance of Time public presentation, v3.3.8. Existing page-specific content remains intact. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
#bot-header{font-family:Inter,Arial,sans-serif}
#bot-header nav,#bot-header .bot-actions a{font-family:Inter,Arial,sans-serif}
#bot-header .bot-menu-toggle{display:none;min-height:44px;padding:8px 12px;border:1px solid #c9ad77;color:#f0ebdf;background:#1c1b17;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
#bot-header .bot-menu-toggle:focus-visible{outline:2px solid #e0bd7e;outline-offset:3px}
#bot-header nav .bot-menu-utility{display:none}
@media(min-width:1051px) and (max-width:1400px){#bot-header{flex-wrap:nowrap;gap:12px;padding:10px 3%}#bot-header nav{gap:10px}#bot-header .bot-actions a[href^="tel:"]{display:none}}
@media(max-width:1050px){
  #bot-header.bot-nav-ready{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 4%;min-height:64px}
  #bot-header.bot-nav-ready .bot-brand{min-width:0;gap:7px}
  #bot-header.bot-nav-ready .bot-brand img{width:40px;height:40px;flex:none}
  #bot-header.bot-nav-ready .bot-brand>span{font-size:clamp(16px,4.6vw,21px);white-space:nowrap}
  #bot-header.bot-nav-ready .bot-brand small{font-size:8px;letter-spacing:.15em;margin-top:2px}
  #bot-header.bot-nav-ready .bot-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  #bot-header.bot-nav-ready>nav{display:none;grid-column:1/-1;grid-row:2;width:100%;margin:0;padding:8px 0 4px;border-top:1px solid #645438;flex-direction:column;align-items:stretch;gap:0;background:#11120f}
  #bot-header.bot-nav-ready.bot-menu-open>nav{display:flex}
  #bot-header.bot-nav-ready>nav a{display:block;min-height:44px;padding:11px 9px;border-bottom:1px solid #40382c;font-size:15px}
  #bot-header.bot-nav-ready>nav .bot-menu-utility{display:block}
  #bot-header.bot-nav-ready .bot-actions{display:none}
}
@media(max-width:370px){#bot-header.bot-nav-ready .bot-brand>span{font-size:16px}}
/* Keep the long-form reading pages in the same body face as service and shop. */
body.journal-page main p,body.journal-page main li,
body.guide-page main p,body.guide-page main li{font-family:Inter,Arial,sans-serif}
body.journal-page main img,body.guide-page main img{max-width:100%;height:auto}
/* Service request: shorten the mobile introduction without hiding any content. */
@media(max-width:760px){body .contact-section.service-request{padding-top:clamp(20px,5vw,40px)}body .contact-section.service-request .contact-copy h1{font-size:clamp(38px,10vw,56px);line-height:1.02;margin-bottom:12px}body .contact-section.service-request .contact-copy p{margin-bottom:10px}}

/* Keep the service action after the navigation, at the right edge. */
@media (min-width:1051px) and (max-width:1400px){
  #bot-header{justify-content:space-between}
  #bot-header nav{order:2;flex-basis:auto;justify-content:center;gap:clamp(7px,1vw,14px);font-size:13px}
  #bot-header .bot-actions{order:3;margin-left:auto;flex:none}
}
/* A clear, consistent primary action in the public header and compact menu. */
#bot-header .bot-actions a[href="request-service.html"]{
  border:2px solid #e7d3a5;border-radius:5px;
  background:#d7ba80;color:#171711;
  box-shadow:0 5px 16px #0007,inset 0 1px 0 #fff7;
  font:700 13px/1.3 Inter,Arial,sans-serif;
}
#bot-header .bot-actions a[href="request-service.html"]:hover{background:#e4c88f;color:#171711}
#bot-header .bot-actions a[href="request-service.html"]:focus-visible{outline:3px solid #f5e1b3;outline-offset:3px}
@media(max-width:1050px){
  #bot-header.bot-nav-ready>nav a.bot-menu-utility[href="request-service.html"]{
    margin:8px 0 4px;border:2px solid #e7d3a5;border-radius:5px;
    background:#d7ba80;color:#171711;font-weight:700;text-align:center;
  }
}
/* The homepage's primary action is unmistakably a button. */
.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"]{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:54px;padding:12px 15px 12px 20px;
  border:2px solid #e7d3a5;border-radius:5px;
  background:#d7ba80;color:#171711;
  box-shadow:0 8px 22px #0008,inset 0 1px 0 #fff7;
  font:700 15px/1.35 Inter,Arial,sans-serif;text-decoration:none;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"] span{
  display:inline-grid;place-items:center;flex:none;width:28px;height:28px;
  border-radius:50%;background:#242016;color:#f0d29b;font-size:17px;line-height:1;
}
.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"]:hover{
  background:#e4c88f;transform:translateY(-2px);box-shadow:0 12px 26px #0009,inset 0 1px 0 #fff7;
}
.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"]:focus-visible{
  outline:3px solid #f5e1b3;outline-offset:4px;
}
@media(max-width:600px){.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"]{width:100%;max-width:330px}}
@media(prefers-reduced-motion:reduce){.hero[aria-labelledby="hero-title"] .actions>a.button[href="request-service.html"]{transition:none}}

/* Center the desktop navigation in the space between the brand and service action. */
@media(min-width:1051px){#bot-header{position:sticky}#bot-header nav{margin-left:auto;margin-right:auto}#bot-header .bot-actions{margin-left:0}}
@media(min-width:1051px) and (max-width:1400px){#bot-header nav{flex:0 1 auto}}