/* Sitewide entry to the short beginner guide, independent from the app UI. */
.first-time-header-link,
.first-time-article-link{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;
  border:1px solid #e5c877;background:#fff2c5;color:#56411a!important;
  border-radius:999px;padding:8px 15px;text-decoration:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;
  font-size:13px;font-weight:850;line-height:1.35;white-space:nowrap
}
.first-time-header-link:hover,.first-time-article-link:hover{background:#ffe9a4;border-color:#cca951}
.first-time-header-link:focus-visible,.first-time-article-link:focus-visible{outline:3px solid #a9612d;outline-offset:3px}
.first-time-header-actions{display:flex;justify-self:end;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
.first-time-header-actions .header-cta{justify-self:auto}
.site-header>.first-time-header-link{justify-self:end}
.site-polish .site-header .first-time-header-link{flex:0 0 auto}
.manual-header nav .first-time-header-link{font-size:13px;text-decoration:none;color:#56411a}
.header.top .nav .first-time-header-link{align-self:center}
.top .nav .first-time-header-link{padding:7px 12px;min-height:38px;font-size:12px}
.room-top-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}
.room-top-nav .first-time-header-link{white-space:normal;text-align:center}
.growth-back+.first-time-article-link{margin:0 0 23px 12px;vertical-align:middle}
.article-wrap .first-time-article-link{margin-bottom:20px}
@media(max-width:1050px){
  .product-story.site-polish .site-header{gap:10px}
  .product-story.site-polish .site-header .first-time-header-link{font-size:11px;padding:7px 10px;min-height:40px}
}
@media(max-width:760px){
  /* Place the beginner entry on its own visible row, rather than hiding it in the mobile nav. */
  .product-story.site-polish .site-header{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
    height:auto;min-height:74px;padding:8px 14px 7px;gap:3px 10px
  }
  .product-story.site-polish .site-header .marketing-home-link{grid-column:1;grid-row:1;align-self:center}
  .product-story.site-polish .site-header .header-cta{grid-column:2;grid-row:1;justify-self:end}
  .product-story.site-polish .site-header .header-nav{
    display:flex!important;grid-column:1;grid-row:2;align-items:center;
    justify-self:start;gap:0;width:auto;padding:0;margin:0
  }
  .product-story.site-polish .site-header .header-nav>a:not(.sappo-nav-link){display:none!important}
  .product-story.site-polish .site-header .header-nav .sappo-nav-link{
    display:inline-flex!important;font-size:11px;min-height:35px;padding:5px 7px
  }
  .product-story.site-polish .site-header .first-time-header-link{
    grid-column:2;grid-row:2;min-height:35px;padding:6px 11px;font-size:11px;
    justify-self:end
  }
  .manual-header{flex-wrap:wrap}
  .manual-header nav{flex-wrap:wrap;gap:7px}
  .header:has(>.first-time-header-link){flex-wrap:wrap}
  .first-time-header-actions{gap:6px}
  .first-time-header-actions .first-time-header-link{font-size:11px;padding:7px 9px;min-height:38px}
  .first-time-header-actions .header-cta{font-size:11px;padding:8px 10px}
}
@media(max-width:430px){
  .first-time-header-actions{grid-column:1/-1;justify-self:stretch;justify-content:space-between;width:100%}
  .first-time-header-actions .first-time-header-link{flex:1 1 auto}
  .growth-back+.first-time-article-link{display:flex;width:fit-content;margin:0 0 20px 0}
}