/* Standalone rendering of LearnNav for Yay Takes. Values and breakpoints follow
   superfans-101.css LearnNav; education routes retain their existing styles. */
.ys-ideas .learn-nav-header{background:#FC288B;border:0;box-shadow:none;position:relative;font-family:'Archivo',system-ui,sans-serif;--nav-plum:#2A0F3A}
.ys-ideas .learn-nav{max-width:1200px;width:calc(100% - 48px);margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ys-ideas .learn-brand{display:flex;align-items:center;flex:none;min-height:44px}
.ys-ideas .learn-brand img{display:block;width:180px;height:auto}
.ys-ideas .learn-tabs{display:flex;gap:4px;padding:6px;background:rgba(255,255,255,.92);border-radius:999px;box-shadow:0 6px 18px rgba(42,15,58,.18)}
.ys-ideas .learn-tabs>a{display:flex;align-items:center;min-height:44px;padding:8px 14px;color:var(--nav-plum);font-size:.9375rem;font-weight:700;text-decoration:none;border-radius:999px;white-space:nowrap}
.ys-ideas .learn-tabs>[aria-current=page]{background:var(--nav-plum);color:#fff}
.ys-ideas .learn-nav-actions{display:flex;align-items:center;gap:14px;flex:none}
.ys-ideas .learn-signin{min-height:44px;display:flex;align-items:center;font-size:.9375rem;font-weight:700;color:var(--nav-plum);text-decoration:none}
.ys-ideas .learn-menu{display:none;position:relative}
.ys-ideas .learn-menu>summary{color:var(--nav-plum);border:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:10px;background:#fff;font-size:1rem;font-weight:800;cursor:pointer;list-style:none}
.ys-ideas .learn-menu summary::-webkit-details-marker{display:none}
.ys-ideas .learn-menu>div{position:absolute;top:calc(100% + 12px);left:0;z-index:30;background:#fff;padding:12px;border-radius:20px;box-shadow:0 18px 44px rgba(42,15,58,.25);width:max-content;max-width:calc(100vw - 48px)}
.ys-ideas .learn-menu>div>a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:12px;color:var(--nav-plum);font-weight:700;text-decoration:none}
.ys-ideas .learn-menu [aria-current=page]{color:#fff;background:var(--nav-plum)}
.ys-ideas .learn-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#FFC83D;color:var(--nav-plum);font-weight:800;line-height:1.3;text-decoration:none;text-align:center;min-height:44px;font-size:.9375rem;padding:10px 18px;white-space:normal}
.ys-ideas .learn-button:hover{background:#ffdb78}
.ys-ideas .learn-button-compact svg{display:none}
.ys-ideas .learn-nav-header :is(a,summary):focus-visible{outline:3px solid var(--nav-plum);outline-offset:5px}
@media(min-width:900px) and (max-width:1199px){.ys-ideas .learn-nav{flex-wrap:wrap}.ys-ideas .learn-tabs{order:3;margin:auto}.ys-ideas .learn-brand img{width:170px}}
@media(max-width:899px){.ys-ideas .learn-menu{display:block}.ys-ideas .learn-tabs{display:none}.ys-ideas .learn-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:18px}.ys-ideas .learn-brand{flex:1}.ys-ideas .learn-brand img{width:160px}.ys-ideas .learn-menu{order:3}.ys-ideas .learn-nav-actions{order:2}}
@media(max-width:639px){.ys-ideas .learn-nav{width:calc(100% - 40px);gap:12px 10px}.ys-ideas .learn-brand{flex:1 0 calc(100% - 130px)}.ys-ideas .learn-brand img{width:148px}.ys-ideas .learn-nav-actions{display:contents}.ys-ideas .learn-signin{order:2}.ys-ideas .learn-menu{order:3}.ys-ideas .learn-button-compact{order:4;margin-left:auto}}
@media(min-width:640px) and (max-width:899px){.ys-ideas .learn-menu>div{left:auto;right:0}}