/* Account and membership share one dialog shell; only the body scrolls. */
.account-trigger{border:1px solid #244d3b35;background:#244d3b;color:#fffefa;font:inherit;font-size:14px;font-weight:600;border-radius:12px;padding:11px 16px;min-height:44px;cursor:pointer;white-space:nowrap}
.account-trigger:hover{background:#193d2d}.account-trigger:focus-visible,.account-dialog button:focus-visible,.account-dialog input:focus-visible,.account-dialog select:focus-visible,.account-dialog summary:focus-visible{outline:3px solid #809965;outline-offset:3px}
.site-header .account-trigger{flex-shrink:0}.sidebar-bottom>.account-trigger{width:100%;margin:12px 0}.onboarding-form>.account-trigger{display:block;margin:12px 0 24px auto}
.account-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 48px));max-width:100%;max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid #dadfd3;border-radius:24px;background:#f5f2e9;color:#202921;padding:0;box-shadow:0 24px 90px #19362030;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.account-dialog[open]{display:flex;flex-direction:column}.account-dialog::backdrop{background:#18342670;backdrop-filter:blur(4px)}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;flex-shrink:0;background:#f5f2e9;border-bottom:1px solid #dadfd3}
.account-brand{display:flex;align-items:center;gap:9px;font:23px Georgia,serif;text-decoration:none;color:#202921;min-width:0;letter-spacing:-.6px}
.account-close{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:27px;line-height:1;cursor:pointer}
.account-close:hover{background:#e7eddf}.account-body{padding:24px;overflow:auto;min-height:0;overscroll-behavior:contain;scroll-padding:16px;flex:1}
.account-dialog h2{font:36px/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 12px;text-wrap:pretty;overflow-wrap:break-word}
.account-lead{font-size:16px;line-height:1.55;color:#5d675f;margin:0 0 20px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dadfd3;border-radius:12px;padding:4px;gap:4px;margin-bottom:20px}
.account-tabs button{border:0;border-radius:9px;padding:11px 8px;min-height:44px;font:inherit;font-size:14px;background:transparent;color:#5d675f;cursor:pointer}
.account-tabs button[aria-pressed=true]{background:#e7eddf;color:#244d3b;font-weight:600}.account-social{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-social button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px;border:1px solid #dadfd3;border-radius:12px;background:#fffefa;color:#202921;font:inherit;font-size:16px;cursor:pointer}
.account-social svg{width:20px;height:20px;fill:currentColor}.account-google{font-size:21px;font-weight:700}.account-social button:disabled{opacity:.5;cursor:not-allowed}
.account-divider{display:flex;align-items:center;gap:12px;color:#5d675f;font-size:13px;margin:20px 0}.account-divider::before,.account-divider::after{content:"";height:1px;background:#dadfd3;flex:1}
.account-field{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:16px}.account-field input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #dadfd3;border-radius:12px;background:#fffefa;padding:12px 14px;font:inherit;font-size:16px;color:#202921}
.account-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.account-dialog fieldset:disabled{opacity:.65}
.account-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;min-height:50px;padding:12px 16px;font:600 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;border:1px solid #dadfd3;text-decoration:none;background:#fffefa;color:#244d3b}
.account-dialog .btn-primary{background:#244d3b;color:#fffefa;border-color:#244d3b}.account-dialog .btn-primary:hover{background:#193d2d}.account-dialog .btn-full{width:100%}
.account-text{display:block;border:0;background:transparent;color:#244d3b;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:14px;min-height:44px;padding:10px 0;margin:6px auto;line-height:1.5}
.account-note{font-size:13px;line-height:1.55;color:#5d675f;margin:12px 0;text-align:center}.account-progress{border-top:1px solid #dadfd3;padding-top:18px;margin-top:22px}.account-guest{margin-bottom:0;color:#5d675f}
.account-message{font-size:15px;line-height:1.55;padding:14px 16px;background:#e7eddf;border-radius:12px;color:#244d3b;margin:0 0 18px}.account-error{background:#f3e4db;color:#864f3d}
.account-profile{text-align:center;margin:26px 0}.account-profile h3{font:27px Georgia,serif;margin:13px 0 8px}.account-profile p{font-size:15px;overflow-wrap:anywhere;color:#5d675f}
.account-avatar{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#e7eddf;font:30px Georgia,serif;color:#244d3b;margin:auto}
.account-membership{padding:18px;margin:18px 0;border:1px solid #dadfd3;border-radius:16px;background:#fffefa;text-align:left}
.account-membership>p{line-height:1.55;margin:8px 0 14px;font-size:15px}
.account-dialog[data-view=paywall] .account-membership{padding:0;margin:0;border:0;background:transparent}
.account-free{font-size:14px;color:#5d675f}.account-trial{font-size:15px;font-weight:600;color:#244d3b}
.account-dialog[data-paywall-variant=B] .account-lead+.account-message{margin-top:0}
.account-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.account-plan{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px 9px;padding:15px;border:1px solid #dadfd3;border-radius:14px;background:#fffefa;color:inherit;cursor:pointer;min-width:0}
.account-plan input{width:18px;height:18px;margin:0;accent-color:#244d3b}.account-plan.is-selected{border:2px solid #244d3b;padding:14px;background:#e7eddf}
.account-plan-name{font-size:15px;font-weight:600;overflow-wrap:anywhere}.account-plan-price{grid-column:2;min-width:0}.account-plan strong{font-size:23px;display:block;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.account-plan small{font-size:14px;color:#5d675f}.account-dialog[data-paywall-variant=B] .account-plans{grid-template-columns:1fr}
.account-dialog[data-paywall-variant=B] .account-plan{grid-template-columns:18px minmax(0,1fr) auto}.account-dialog[data-paywall-variant=B] .account-plan-price{grid-column:3;text-align:right}
.account-currency-details{margin-top:14px;color:#5d675f}.account-currency-details>summary{font-size:14px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none;flex-wrap:wrap}
.account-currency-details>summary::-webkit-details-marker{display:none}.account-currency-details>summary strong{font-weight:600;color:#244d3b;text-decoration:underline;text-underline-offset:4px}
.account-currency{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-top:10px}
.account-currency select{min-height:46px;border:1px solid #dadfd3;border-radius:10px;background:#fffefa;padding:10px 12px;color:inherit;font:inherit;font-size:16px}
.account-currency-note{font-size:13px;color:#5d675f;line-height:1.55;margin:8px 0 14px}.account-terms{text-align:left;font-size:13px;line-height:1.6}
.account-checkout-footer{padding:16px 24px 20px;border-top:1px solid #dadfd3;flex-shrink:0;background:#f5f2e9}
.account-renewal{font-size:14px;line-height:1.5;text-align:center;margin:0 0 10px;overflow-wrap:anywhere}.account-renewal strong{font-weight:600;white-space:nowrap}
.account-checkout-footer .account-note{font-size:13px;margin:9px 0 0}.account-back{margin:-6px 0 16px;text-decoration:none;text-align:left}
.premium-label{font-size:13px;color:#75572b;font-weight:600}.premium-callout{padding:24px;margin:20px 0;border:1px solid #dadfd3;border-radius:18px;background:#e7eddf}.premium-callout p{line-height:1.6}
@media(max-width:1100px){.site-header{flex-wrap:wrap;padding-block:18px;gap:18px}.site-header>nav{order:3;width:100%;margin-left:0}.site-header .site-language{margin-left:auto}}
@media(max-width:620px){
  .site-header .account-trigger{margin-left:auto;order:2}.site-header .site-language{margin-left:0}
  .account-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
  .account-head{padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.account-brand{font-size:23px}.account-body{padding:20px 16px;scroll-padding:16px}
  .account-dialog h2{font-size:30px;margin:0 0 12px;line-height:1.15}.account-lead{font-size:16px;margin-bottom:16px}
  .account-plans,.account-dialog[data-paywall-variant=B] .account-plans{grid-template-columns:1fr;gap:10px;margin:14px 0}
  .account-plan,.account-dialog[data-paywall-variant=B] .account-plan{grid-template-columns:18px minmax(0,1fr) auto;min-height:74px;padding:13px 14px;gap:10px}
  .account-plan.is-selected,.account-dialog[data-paywall-variant=B] .account-plan.is-selected{padding:12px 13px}
  .account-plan-price,.account-dialog[data-paywall-variant=B] .account-plan-price{grid-column:3;text-align:right;max-width:160px}
  .account-plan-name{font-size:16px}.account-plan strong{font-size:23px}.account-plan small{font-size:14px}
  .account-currency-details{margin-top:8px}.account-membership>p{font-size:14px}.account-dialog .account-trial{font-size:15px;margin:10px 0 14px}
  .account-checkout-footer{padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.account-checkout-footer .btn{font-size:16px;min-height:50px}
  .account-renewal{font-size:14px}.account-terms{font-size:13px}.account-social button{min-height:52px}.account-close{width:44px;height:44px}
}
@media(max-width:370px){.account-plan strong{font-size:21px}.account-plan-name{font-size:15px}.account-plan-price{max-width:145px}.account-dialog h2{font-size:28px}.account-brand{font-size:22px}.account-checkout-footer .account-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.account-dialog button{transition:none;animation:none}}
.account-legal{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.account-legal .legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:12px;line-height:1.7}.account-legal a{color:var(--muted);text-underline-offset:3px}
