/* Product entry is intentionally scoped away from the legacy directory styles. */
.router-launchbar,.router-launchhero{font-family:'Helvetica Neue',Arial,'PingFang SC',sans-serif;color:#253128;position:relative;z-index:2;box-sizing:border-box}
.router-launchbar *,.router-launchhero *{box-sizing:border-box}
.router-launchbar{position:sticky;top:0;z-index:60;background:#fbfcf9;border-bottom:1px solid #dce3d5}
.router-launchbar-inner{max-width:1288px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px;min-height:76px}
.router-entry-brand{display:flex;gap:10px;align-items:center;color:#253128;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}
.router-entry-brand svg{width:30px;height:30px;flex-shrink:0}
.router-entry-subtitle{font-size:14px;color:#65715c}
.router-entry-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#344c2c;color:#fff!important;border:1px solid #344c2c;border-radius:5px;padding:12px 20px;font-size:16px;font-weight:550;line-height:1.5;text-decoration:none!important;transition:background .15s;white-space:nowrap}
.router-entry-button:hover{background:#46633c}
.router-entry-button:focus-visible,.router-entry-secondary:focus-visible,.router-entry-brand:focus-visible{outline:3px solid #83a569;outline-offset:4px}
.router-launchbar-inner>.router-entry-button{margin-left:auto}
.router-launchhero{background:#edf3e7;border-bottom:1px solid #d8e1d0}
.router-launchhero-inner{max-width:1288px;margin:0 auto;padding:44px 24px 42px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}
.router-entry-eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.4px;color:#5b784b;font-weight:550}
.router-launchhero h2{font-family:inherit;font-size:clamp(32px,3.3vw,44px);line-height:1.17;letter-spacing:-1.6px;font-weight:550;color:#253128;margin:13px 0 17px;text-transform:none}
.router-entry-copy>p{font-size:17px;line-height:1.8;color:#5b6a51;max-width:560px;margin:0}
.router-entry-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.router-entry-primary{padding:14px 22px}
.router-entry-secondary{font-size:15px;color:#426331;text-decoration:none;line-height:1.6}
.router-entry-secondary:hover{text-decoration:underline}
.router-entry-note{font-size:13px;line-height:1.8;color:#6c7d60;margin-top:17px}
.router-entry-example{background:#fbfdf8;border:1px solid #d1ddc5;border-radius:8px;overflow:hidden;min-width:0}
.router-entry-example-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e0e8d8;padding:15px 20px;font:11px/1.6 ui-monospace,monospace;letter-spacing:.6px;color:#6b7e5c}
.router-entry-example pre{margin:0;padding:24px 24px 26px;color:#3e5930;font:15px/1.9 ui-monospace,'SFMono-Regular',Consolas,monospace;overflow:auto;background:none;text-align:left}
.router-entry-example pre code{font:inherit;background:none;color:inherit;padding:0}
.router-entry-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-top:1px solid #e0e8d8;font:10px/1.7 ui-monospace,monospace;color:#7b8c6d}
.router-entry-flow strong{font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;color:#46643a;white-space:nowrap}
@media(max-width:1000px){.router-entry-subtitle{display:none}.router-launchhero-inner{gap:30px}.router-entry-example pre{font-size:14px;padding:20px}.router-entry-flow{gap:7px;padding:15px;font-size:9px}.router-entry-flow strong{font-size:12px}}
@media(max-width:700px){.router-launchbar-inner{padding:12px 18px;gap:12px;min-height:68px}.router-entry-brand{font-size:17px;gap:7px}.router-entry-brand svg{width:25px;height:25px}.router-launchbar-inner>.router-entry-button{font-size:14px;padding:10px 12px;gap:10px}.router-launchhero-inner{grid-template-columns:1fr;padding:29px 20px 31px;gap:24px}.router-launchhero h2{font-size:34px;letter-spacing:-1px}.router-entry-eyebrow{font-size:11px;letter-spacing:1px}.router-entry-copy>p{font-size:16px}.router-entry-actions{gap:18px;margin-top:21px}.router-entry-primary{font-size:16px;padding:13px 18px}.router-entry-note{font-size:12px}.router-entry-example{display:none}}
@media(max-width:360px){.router-entry-brand{font-size:15px}.router-launchbar-inner{padding-left:12px;padding-right:12px}.router-launchbar-inner>.router-entry-button{font-size:13px;padding:9px 10px}.router-launchhero h2{font-size:31px}.router-entry-primary{font-size:15px}.router-entry-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.router-entry-button{transition:none}}
/* The larger public-page type must also fit the legacy directory on phones. */
@media(max-width:640px){
  .router-launchbar~header .topbar{flex-wrap:wrap;gap:18px}
  .router-launchbar~header .brand{min-width:0;max-width:100%}
  .router-launchbar~header .brand-tag{overflow-wrap:anywhere}
  .router-launchbar~header .topbar-actions{flex-wrap:wrap;gap:8px;max-width:100%}
  .router-launchbar~header .topbar-actions a,.router-launchbar~header .lang-btn{font-size:14px;letter-spacing:.5px;padding:8px 10px}
  .router-launchbar~main .grid{grid-template-columns:minmax(0,1fr)}
  .router-launchbar~main .card,.router-launchbar~main .fval{min-width:0;overflow-wrap:anywhere}
  .router-launchbar~main .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:640px){.router-launchbar~* .footnav{flex-wrap:wrap;gap:10px 16px;max-width:100%}}
