/* Shared top navigation used on every RoseThread Learning page. */
.rt-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#1F4D46;color:#fff;font:700 15px/1 Lato,system-ui,sans-serif;padding:12px 16px;border-radius:8px;text-decoration:none}.rt-skip:focus{top:10px}#main:focus{outline:0}
.rt-top{position:sticky;top:0;z-index:30;background:rgba(247,243,234,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #E3DCCB;font-family:Lato,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.rt-top .rt-wrap{max-width:1320px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;min-height:62px}
.rt-logo{display:inline-flex;align-items:center;gap:10px;font:900 19px/1.1 Lato,system-ui,sans-serif;color:#1F4D46;text-decoration:none;white-space:nowrap}
.rt-logo svg{flex:none}
.rt-nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap;justify-content:flex-end}
.rt-nav a{font:700 14px/1 Lato,system-ui,sans-serif;color:#5C6B66;text-decoration:none;padding:8px 9px;border-radius:999px;white-space:nowrap}
.rt-nav a:hover{background:#E6EFEC;color:#1F4D46}
.rt-nav a[aria-current="page"]{color:#1F4D46;background:#E6EFEC}
.rt-top a.rt-acct{font:700 14px/1 Lato,system-ui,sans-serif;text-decoration:none;border-radius:999px;white-space:nowrap;background:#1F4D46;color:#fff;padding:9px 14px;margin-left:6px}
.rt-top a.rt-acct:hover{background:#2C6A60;color:#fff}
.rt-top #acct{display:inline-flex;gap:6px;align-items:center;margin-left:6px}
@media (max-width:980px){
  .rt-top{position:static}
  .rt-top .rt-wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:6px;min-height:0}
  .rt-nav{width:100%;margin-left:0;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .rt-nav::-webkit-scrollbar{display:none}
}
@media print{.rt-top{display:none}}
.rt-top .acctbtn{gap:6px;padding:7px 12px;min-height:38px;font-size:14px}
.rt-top .cbadge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:#B9934A;color:#1E2B28;font-size:12px;font-weight:900;padding:0 6px}
/* When the links don't fit beside the logo, give them their own full row instead of wrapping in pieces. */
.rt-top.stack .rt-wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:6px;min-height:0;row-gap:4px}
.rt-top.stack .rt-nav{width:100%;margin-left:0;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.rt-top.stack .rt-nav::-webkit-scrollbar{display:none}
/* Early Access bar, directly under the top menu on every page */
.rt-ea{background:#F4EBD8;border-bottom:1px solid #E8D9B8;font:400 14px/1.4 Lato,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#1E2B28}
.rt-ea .rt-wrap{max-width:1320px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
.rt-ea-pill{background:#B9934A;color:#1E2B28;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;white-space:nowrap}
.rt-ea-link{margin-left:auto;font-weight:900;color:#1F4D46;white-space:nowrap}
@media (max-width:640px){.rt-ea-link{margin-left:0}}
@media print{.rt-ea{display:none}}
/* Links to a section (#pilot, #contact, #founder...) stop below the sticky menu so the section title shows */
html{scroll-padding-top:96px;scroll-behavior:smooth}
@media (max-width:980px){html{scroll-padding-top:16px}}
/* Screen reader only text (form legends): read aloud, never shown twice on screen */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Phones: Account / Log in sits on the logo row, at the right */
.rt-top .rt-acct-top{margin-left:auto!important;flex:none}
.rt-top a.rt-acct.rt-acct-top{padding:9px 14px}
@media (max-width:460px){.rt-logo{font-size:17px;gap:8px}.rt-logo svg{width:26px;height:26px}.rt-top .acctbtn{padding:5px 10px;min-height:34px;font-size:13px}.rt-top .rt-acct-top #bOwner{display:none}.rt-top a.rt-acct.rt-acct-top{padding:8px 12px;font-size:13px}}
@media (max-width:350px){.rt-logo{font-size:15px}}