/* Learn With Yuna 8.10.70 — cross-page responsive safety audit. */
:root{--lwy-touch:44px}
html{overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.yf-flow-wrap,.yp-page,.sp-page,.yg-main,.pr-wrap,.acct,.lwy88,.yuna-404,.story-time-main{max-width:100%;overflow-x:clip}
.yf-flow-wrap *,.yp-page *,.sp-page *,.yg-main *,.pr-wrap *,.acct *,.lwy88 *,.yuna-404 *,.story-time-main *{box-sizing:border-box}
.yf-flow-wrap :is(.yf-container,.yf-flow-container),.yp-page .yp-container,.sp-page .sp-container,.yg-main .yg-container,.pr-wrap .pr-container,.acct .acct-container{width:min(100%,var(--content,1180px));min-width:0}
.yf-flow-wrap :is(.yf-grid,.yf-flow-grid)>*,.yp-page [class*="grid"]>*,.sp-page [class*="grid"]>*,.yg-main [class*="grid"]>*,.pr-wrap [class*="grid"]>*,.acct [class*="grid"]>*{min-width:0}
.yf-flow-wrap :is(a,p,li),.yp-page :is(a,p,li),.sp-page :is(a,p,li),.yg-main :is(a,p,li),.pr-wrap :is(a,p,li),.acct :is(a,p,li){overflow-wrap:anywhere}
.acct input,.acct select,.acct textarea,.acct button,.yf-flow-wrap input,.yf-flow-wrap textarea{max-width:100%}
.acct-child-account{margin:16px 0 0;padding:16px;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;text-align:left}
.acct-child-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.acct-child-account h3{margin:0 0 4px;color:#263449;font-size:17px;line-height:1.2}
.acct-child-account p{margin:0;color:#687386;font-size:13px;line-height:1.45}
.acct-optional{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#f4f1ff;color:#6657b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.acct-child-name-form label{display:block;margin-bottom:6px;color:#334155;font-size:12px;font-weight:850}
.acct-child-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.acct-child-name-row input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);border-radius:13px;background:#fff;color:#172033;font:inherit;outline:none}
.acct-child-name-row input:focus{border-color:rgba(124,58,237,.55);box-shadow:0 0 0 4px rgba(124,58,237,.10)}
.acct-child-name-row .acct-btn{width:auto!important;margin:0!important;min-height:46px!important;white-space:nowrap!important}
.acct-child-name-form small{display:block;margin-top:7px;color:#737b8c;font-size:11.5px;line-height:1.4}

@media(max-width:900px){
  .yf-flow-wrap :is(.yf-grid,.yf-flow-grid),.yp-page [class*="grid"],.sp-page [class*="grid"],.yg-main [class*="grid"],.pr-wrap [class*="grid"]{min-width:0}
}
@media(max-width:640px){
  .yf-flow-wrap :is(.yf-container,.yf-flow-container),.yp-page .yp-container,.sp-page .sp-container,.yg-main .yg-container,.pr-wrap .pr-container,.acct .acct-container{padding-left:clamp(14px,4vw,20px)!important;padding-right:clamp(14px,4vw,20px)!important}
  .acct-child-account{padding:14px;border-radius:16px}
  .acct-child-name-row{grid-template-columns:1fr}
  .acct-child-name-row .acct-btn{width:100%!important}
  .acct :is(button,.acct-btn),.yf-flow-wrap :is(button,.button),.yp-page button,.sp-page button,.yg-main button,.pr-wrap button{min-height:var(--lwy-touch)}
}
@media(max-width:380px){
  .acct-child-account-head{display:block}
  .acct-optional{display:inline-flex;margin-top:8px}
}