.ynab-budget{max-width:760px}.ynab-budget h1{margin-bottom:18px}.ynab-guide{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start}.ynab-sketch{width:100%;max-width:210px;margin:10px 0}.ynab-lede{font-size:18px;line-height:1.6;max-width:560px}.ynab-budget p{line-height:1.6}.ynab-link{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0}.ynab-budget button,.ynab-budget summary,.ynab-budget .ynab-link a,.ynab-shop a,.ynab-plan-budget a{min-height:44px}.ynab-budget summary{display:flex;align-items:center;cursor:pointer;gap:12px}.ynab-budget summary:before{content:'+';font-size:20px;min-width:14px}.ynab-budget details[open]>summary:before{content:'−'}.ynab-budget details p{max-width:540px}.ynab-readonly{color:var(--muted);font-size:14px;margin:24px 0 10px}.ynab-back{display:flex;gap:16px;margin-top:16px}.ynab-budget input[type=password]{display:block;width:100%;font-size:16px;min-height:48px;margin:8px 0 18px;box-sizing:border-box}.ynab-budget form{max-width:570px}.ynab-budget fieldset{border:0;padding:0;margin:22px 0}.ynab-budget legend{font-family:Georgia,serif;font-size:22px;margin-bottom:6px}.ynab-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 10px;margin:3px 0;border-radius:var(--button-radius);line-height:1.4;cursor:pointer;box-sizing:border-box}.ynab-choice:has(input:checked){background:var(--sage)}.ynab-choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.ynab-choice input{accent-color:var(--green);width:19px;height:19px;flex:none;margin:0}.ynab-weekly{margin-top:30px;border-top:1px solid var(--line);padding-top:16px}.ynab-error{color:var(--red);font-size:15px;overflow-wrap:anywhere}.ynab-error:empty,.ynab-saved:empty{display:none}.ynab-budget-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ynab-budget-name svg{color:var(--green);background:var(--blue);padding:3px;border-radius:2px}.ynab-disconnect{display:block;margin-top:20px}.ynab-connection-details p{overflow-wrap:anywhere;font-size:14px}.ynab-connection-details{margin-top:18px}.ynab-shop{position:relative;border:1px solid var(--line);border-radius:var(--panel-radius);padding:18px 20px;background:var(--white);margin-bottom:22px}.ynab-shop>svg{color:var(--green);background:var(--blue);border-radius:2px;padding:3px;float:right}.ynab-shop h2{font-size:24px;margin:0 0 12px}.ynab-money{line-height:1.65;margin:8px 0}.ynab-money strong{font-size:26px;font-weight:500;font-family:Georgia,serif}.ynab-category-totals{list-style:none;padding:0;margin:12px 0;font-size:14px}.ynab-category-totals li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.ynab-category-totals li span:first-child{min-width:0;overflow-wrap:anywhere}.ynab-category-totals li span:last-child{white-space:nowrap}.ynab-status{color:var(--red);font-size:14px}.ynab-shop a,.ynab-plan-budget a{display:inline-flex;align-items:center}.ynab-plan-budget{display:flex;gap:12px;align-items:center;line-height:1.65;max-width:740px;margin:12px 0 24px}.ynab-plan-budget[hidden],.ynab-shop[hidden]{display:none}.ynab-plan-budget>svg{flex:none;color:var(--green)}
@media(max-width:600px){.ynab-guide{display:flex;flex-direction:column;gap:4px}.ynab-sketch{width:142px;align-self:center;margin:0}.ynab-lede{font-size:17px}.ynab-budget h1{font-size:32px}.ynab-choice{padding-left:4px}.ynab-budget button{min-width:44px}.ynab-plan-budget{align-items:flex-start}.ynab-shop{padding:18px}.ynab-link{gap:10px}}
@media(forced-colors:active){.ynab-choice:has(input:checked){outline:1px solid Highlight}.ynab-shop{border-color:CanvasText}}

.ynab-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin:28px 0}.ynab-door+.ynab-door{border-left:1px solid var(--line);padding-left:28px}.ynab-doors:has(>.ynab-door:only-child){grid-template-columns:1fr;max-width:570px}.ynab-door h2{font-size:25px;line-height:1.3;margin:0 0 10px}.ynab-door h3{font-size:23px;line-height:1.3;margin:10px 0}.ynab-door-kind{font-size:14px;color:var(--muted)}.ynab-door>.ynab-sketch{display:block;max-width:150px;margin:20px auto}.ynab-pat .ynab-guide{display:flex;flex-direction:column;gap:0}.ynab-pat .ynab-sketch{max-width:150px;align-self:center;margin:6px auto 14px}.ynab-pat .ynab-lede{font-size:16px}.ynab-pat .eyebrow{margin-top:26px}.ynab-pick{max-width:680px}.ynab-connected{color:var(--green);margin:22px 0 4px}.ynab-connection-details a{display:inline-flex;align-items:center;min-height:44px}.ynab-oauth-intro{display:flex;align-items:center;gap:26px}.ynab-oauth-intro .ynab-sketch{max-width:150px}
@media(max-width:600px){.ynab-doors{grid-template-columns:1fr;gap:30px}.ynab-door+.ynab-door{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.ynab-door>.ynab-sketch{max-width:120px;margin:12px auto}.ynab-pat .ynab-sketch{max-width:120px}.ynab-oauth-intro{flex-direction:column;gap:0}.ynab-connection-details{margin-top:10px}}
