/* Native Huqo pages. Deliberately scoped: published customer themes keep their own palette. */
.hqn-native {
  --ink:var(--hq-ink,#10263f);--blue:var(--hq-blue,#2563eb);--muted:var(--hq-muted,#52647b);
  --line:var(--hq-line,#dde6f1);--bg:var(--hq-ice,#f5f8fc);
  color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.hqn-native *, .hqn-public-form *, .hqn-linkpage *, .hqn-storefront * {box-sizing:border-box}
body.hqn-native.hq-public{padding-top:88px}
.hqn-native [hidden],.hqn-public-form [hidden],.hqn-storefront [hidden]{display:none!important}
.hqn-native :is(a,button,input,select,textarea,summary):focus-visible,
.hqn-public-form :is(a,button,input,select,textarea,summary):focus-visible,
.hqn-linkpage :is(a,button):focus-visible,.hqn-storefront :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid #2563eb;outline-offset:3px;
}
.hqn-native :is(h1,h2,h3){color:var(--ink);line-height:1.25;text-wrap:balance}
.hqn-native h1{letter-spacing:-.04em}.hqn-native h2{letter-spacing:-.025em}
.hqn-native p{line-height:1.65}.hqn-native small{font-size:12px;line-height:1.5}
.hqn-native .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.12em;color:#365b8a}
.hqn-native :is(.muted,.empty){color:var(--muted)}
.hqn-native .button{min-height:46px;padding:11px 18px;border-radius:12px;font-size:14px;line-height:1.5;font-weight:700;gap:8px;text-align:center}
.hqn-native .button.primary{background:var(--blue);color:#fff;box-shadow:0 3px 8px #2563eb12}
.hqn-native .button.primary:hover{background:#1d4ed8;transform:none;box-shadow:0 5px 14px #2563eb20}
.hqn-native .button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:none}
.hqn-native .button.secondary:hover{background:#f5f8ff;border-color:#aec5e6}
.hqn-native .button:disabled{cursor:not-allowed;opacity:.58;transform:none}
.hqn-native label,.hqn-native legend{font-size:14px;line-height:1.5;color:#29435f;gap:8px}
.hqn-native :is(input,select,textarea){font-size:16px;line-height:1.5;border:1px solid #cbd8e7;border-radius:12px;color:var(--ink);background:#fff;min-width:0;padding:11px 13px}
.hqn-native :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:46px}
.hqn-native :is(input,select,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb12}
.hqn-native :is(input,textarea)::placeholder{color:#63748c;opacity:1}
.hqn-native input[readonly]{background:#f5f8fc;color:#52647b}
.hqn-native input[type=checkbox],.hqn-native input[type=radio]{accent-color:var(--blue);flex-shrink:0}
.hqn-native textarea{line-height:1.7;min-height:120px}
.hqn-native :is(.form-grid,.form-stack){gap:20px}
.hqn-native :is(.panel,.suh-card,.hq-ticket-panel,.hq-message){border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 20px #10263f04;padding:26px;min-width:0}
.hqn-native :is(.panel,.suh-card,.hq-ticket-panel) :is(.panel,.suh-card){box-shadow:none}
.hqn-native .panel+.panel{margin-top:24px}
.hqn-native .panel-head h2{font-size:21px;line-height:1.3}
.hqn-native .page-heading{align-items:flex-start;gap:24px;margin:8px 0 30px}
.hqn-native .page-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.18;margin:9px 0 12px}
.hqn-native .page-heading p{font-size:16px;max-width:720px;color:var(--muted)}
.hqn-native .page-heading>.button{flex-shrink:0;margin-top:8px}
.hqn-native .alert{font-size:14px;line-height:1.6;border-radius:12px;padding:14px 16px}
.hqn-native .status{font-size:12px!important;line-height:1.5;padding:5px 10px;letter-spacing:.025em;text-transform:none}
.hqn-native .table-wrap{max-width:100%;overflow:auto;border-radius:12px;overscroll-behavior-x:contain;scrollbar-width:thin}
.hqn-native table{margin:0;min-width:620px;font-size:14px}
.hqn-native th{font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.05em;padding:14px 16px;background:#f8fafd}
.hqn-native td{font-size:14px;line-height:1.6;padding:17px 16px;overflow-wrap:anywhere}
.hqn-native td small{font-size:12px;color:var(--muted)}
.hqn-native .filters{align-items:flex-end;gap:12px;flex-wrap:wrap}
.hqn-native .filters :is(input,select){margin:0}
.hqn-native .empty{font-size:14px;line-height:1.7;padding:30px 20px}
.hqn-native .empty-state{padding:44px 24px}.hqn-native .empty-state p{font-size:15px}

/* One stable native workspace: only apps scroll; file views and account controls stay put. */
body.hqn-native.suh-shell .app-shell{grid-template-columns:244px minmax(0,1fr)}
body.hqn-native.suh-shell .sidebar{width:244px;padding:23px 12px 14px;overflow:hidden;border-color:var(--line);height:100dvh;max-height:100dvh}
body.hqn-native.suh-shell .suh-brand{padding:0 14px 21px;font-size:27px;color:var(--ink)!important;flex-shrink:0}
body.hqn-native.suh-shell .suh-brand small{font-size:12px;letter-spacing:.16em;color:var(--muted);padding-top:5px}
body.hqn-native.suh-shell .suh-create{margin:0 3px 18px;min-height:46px;padding:11px 15px;border-radius:12px;background:var(--ink);font-size:14px;flex-shrink:0}
body.hqn-native.suh-shell .suh-apps-scroll{flex:1;min-height:80px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d6e8 transparent;padding:0 2px 10px}
body.hqn-native.suh-shell .side-nav{display:grid;gap:3px;padding:0;overflow:visible;flex:none;min-height:0;align-content:start}
body.hqn-native.suh-shell .side-nav>a{font-size:14px;line-height:1.5;min-height:44px;padding:10px 12px;border-radius:10px;color:#42607f!important;gap:12px;box-shadow:none}
body.hqn-native.suh-shell .side-nav>a:hover{background:#f1f5fc!important}
body.hqn-native.suh-shell .side-nav>a.active{background:#eaf1ff!important;color:#1d4ed8!important;box-shadow:inset 3px 0 var(--blue)}
body.hqn-native.suh-shell .side-nav>a>span{width:25px;min-width:25px;font-size:15px;color:#47658a}
body.hqn-native.suh-shell .side-nav .nav-label{font-size:12px;line-height:1.5;letter-spacing:.08em;padding:15px 12px 7px;color:#61748d}
body.hqn-native.suh-shell .suh-nav-app{height:27px;border-radius:8px;background:#f0f5ff;border-color:#dfe8f7;font-size:12px!important}
body.hqn-native.suh-shell .suh-file-nav{border-top:1px solid var(--line);padding-top:7px;flex-shrink:0}
body.hqn-native.suh-shell .suh-file-nav .nav-label{padding-top:7px}
body.hqn-native.suh-shell .suh-side-bottom{margin-top:10px;padding-top:7px;flex-shrink:0;border-top:1px solid var(--line)}
body.hqn-native.suh-shell .suh-side-bottom details>summary{min-height:44px;font-size:14px;padding:10px 12px;color:var(--muted)}
body.hqn-native.suh-shell .suh-side-bottom details nav>a{min-height:40px;font-size:13px!important;padding:8px 12px!important}
body.hqn-native.suh-shell .suh-side-bottom details[open]>nav{max-height:180px;overflow:auto}
body.hqn-native.suh-shell .suh-user{font-size:13px;padding:12px 5px 0;margin-top:7px}.hqn-native .suh-user button{width:36px;height:36px}
body.hqn-native.suh-shell .topbar{height:72px;min-height:72px;padding:0 30px;gap:16px;background:#fff;border-color:var(--line)}
body.hqn-native.suh-shell .suh-breadcrumb{font-size:14px;gap:10px;min-width:0}
body.hqn-native.suh-shell .suh-breadcrumb>a{font-size:14px;white-space:nowrap;color:var(--ink)}
body.hqn-native.suh-shell .suh-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.hqn-native.suh-shell .suh-toolbar-links{gap:10px;align-items:center}
body.hqn-native.suh-shell .suh-toolbar-links .suh-cash{font-size:14px;padding:9px 12px;min-height:42px;border-radius:10px;line-height:1.5}
body.hqn-native.suh-shell .suh-credits{border-color:var(--line);border-radius:10px;min-height:42px;align-items:stretch}
body.hqn-native.suh-shell .suh-credits>a{font-size:14px;padding:9px 11px;display:flex;align-items:center;gap:5px}
body.hqn-native.suh-shell .suh-credits>.suh-credit-plus{font-size:22px;min-width:38px;justify-content:center;padding:5px}
body.hqn-native.suh-shell .suh-profile-menu>summary{width:40px;height:40px;font-size:14px;border-color:#cedbec}
body.hqn-native.suh-shell .suh-profile-options{border-color:var(--line);border-radius:16px;box-shadow:0 14px 48px #10263f18}
body.hqn-native.suh-shell .suh-profile-options :is(a,button){font-size:14px;min-height:44px;padding:11px 12px;line-height:1.5}
body.hqn-native.suh-shell .suh-profile-options strong{font-size:14px}.hqn-native .suh-profile-options header span{font-size:12px}
body.hqn-native.suh-shell .main-content{width:100%;max-width:1400px;padding:32px clamp(20px,3vw,42px) 60px}
body.hqn-native.suh-shell .suh-intro{margin:4px 0 30px}.hqn-native .suh-intro h1{font-size:clamp(30px,3.4vw,40px);letter-spacing:-.04em;margin:12px 0}
body.hqn-native.suh-shell .suh-intro p{font-size:16px;line-height:1.65;color:var(--muted)}
.hqn-native .suh-grid{gap:24px;margin-bottom:24px}.hqn-native .suh-card{padding:26px;margin-bottom:24px}
.hqn-native .suh-card h2{font-size:22px;margin:12px 0;line-height:1.3}.hqn-native .suh-card p{font-size:15px;color:var(--muted);line-height:1.7}
.hqn-native .suh-card form label{font-size:14px;margin:18px 0;line-height:1.5;color:#29435f}
.hqn-native .suh-card :is(input,select){font-size:16px;min-height:46px;padding:11px 13px;border-radius:12px}
.hqn-native .suh-card input[type=checkbox]{min-height:16px;padding:0}
.hqn-native .suh-card .button{font-size:14px}.hqn-native .suh-text-link{font-size:14px;line-height:1.6;min-height:32px;padding-block:4px;color:#1d4ed8}
.hqn-native .suh-status{font-size:12px!important;line-height:1.6;color:#345784!important;padding:9px 11px;border-radius:9px}
.hqn-native .suh-tabs{gap:5px;padding:0 0 16px;margin:0 0 26px;border-color:var(--line)}
.hqn-native .suh-tabs>a{min-height:44px;font-size:14px;line-height:1.5;border-radius:10px;padding:11px 13px;color:#47617f}
.hqn-native .suh-tabs>a[aria-current=page]{color:#1d4ed8;background:#eaf1ff;font-weight:700}
.hqn-native .suh-service-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain}
.hqn-native .suh-service-tabs>a{white-space:nowrap;flex-shrink:0}
.hqn-native .suh-card-link strong{font-size:14px}.hqn-native .suh-project{padding:20px 0}.hqn-native .suh-project p{margin:5px 0}
.hqn-native .addon-panel{gap:32px;margin-top:24px;align-items:start}
.hqn-native .addon-copy p{font-size:15px;line-height:1.7}.hqn-native .addon-price span{font-size:14px}
.hqn-native .addon-form{background:#f8fafd;border-radius:14px;border-color:var(--line);padding:22px;box-shadow:none}
.hqn-native .addon-copy>a{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#1d4ed8}
.hqn-native .qr-page{gap:32px}.hqn-native .qr-preview{background:#edf3ff;border-radius:18px}
.hqn-native .billing-lines>div{font-size:14px;line-height:1.6;padding:16px 0}

/* Authentication: a focused form beside a quiet Suite introduction. */
body.hqn-native.auth-body{display:block;padding:88px 0 0;background:#f5f8fc;min-height:100vh}
body.hqn-native.auth-body .auth-shell{width:min(1240px,100%);padding:52px 36px 64px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:start}
body.hqn-native.auth-body .auth-story{display:block;padding:30px 12px 0 0;position:sticky;top:30px}
body.hqn-native.auth-body .auth-brand{display:none}
body.hqn-native.auth-body .auth-story>.eyebrow{font-size:12px;line-height:1.6;color:#365b8a}
body.hqn-native.auth-body .auth-story h2{font-size:clamp(35px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em;margin:20px 0 24px;max-width:440px}
body.hqn-native.auth-body .auth-story h2 span{color:var(--blue)}
body.hqn-native.auth-body .auth-story>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:420px}
body.hqn-native.auth-body .auth-story-features{display:grid;gap:16px;margin:32px 0}
body.hqn-native.auth-body .auth-story-features>span{font-size:14px;line-height:1.6;gap:12px;color:#36516e}
body.hqn-native.auth-body .auth-story-features svg{width:18px;height:18px;color:var(--blue);flex-shrink:0}
body.hqn-native.auth-body .auth-story>small{font-size:12px;color:var(--muted);line-height:1.6}
body.hqn-native.auth-body .auth-form-side{min-width:0}
body.hqn-native.auth-body .auth-card{padding:34px;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 30px #10263f05;background:#fff}
body.hqn-native.auth-body .auth-heading{margin-bottom:26px}
body.hqn-native.auth-body .auth-heading h1{font-size:clamp(27px,3vw,34px);line-height:1.2;margin:10px 0 16px;letter-spacing:-.035em}
body.hqn-native.auth-body .auth-heading p{font-size:16px;line-height:1.65;margin:0;color:var(--muted)}
body.hqn-native.auth-body .auth-card label{font-size:14px;line-height:1.5}
body.hqn-native.auth-body .auth-card label small{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)}
body.hqn-native.auth-body .auth-card :is(input,select):not([type=checkbox]):not([type=radio]){font-size:16px;min-height:48px}
body.hqn-native.auth-body .auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
body.hqn-native.auth-body .auth-options a{color:#1d4ed8;min-height:40px;display:inline-flex;align-items:center}
body.hqn-native.auth-body .auth-options .check{font-size:14px;line-height:1.5;min-height:40px}
body.hqn-native.auth-body .auth-submit{font-size:15px;min-height:48px}
body.hqn-native.auth-body .password-input{position:relative;min-width:0}
body.hqn-native.auth-body .password-input input{padding-right:72px}
body.hqn-native.auth-body .password-input button{position:absolute;right:5px;top:3px;bottom:3px;border:0;border-radius:9px;background:#f0f5ff;color:#24519a;padding:0 12px;min-width:56px;font-size:14px;cursor:pointer}
body.hqn-native.auth-body .auth-switch{margin:24px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
body.hqn-native.auth-body .auth-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:14px}
body.hqn-native.auth-body .auth-bottom a{display:inline-flex;align-items:center;min-height:40px;color:#47617f}
body.hqn-native.auth-body .auth-foot{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 8px 0}
body.hqn-native.auth-body .hq-note{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
body.hqn-native.auth-body .hq-consent{font-size:14px;line-height:1.65;font-weight:400}
body.hqn-native.auth-body .auth-verification{padding:20px 0;margin:18px 0;border-block:1px solid var(--line)}
body.hqn-native.auth-body .auth-verification input[name=code]{font-variant-numeric:tabular-nums;letter-spacing:.3em;font-size:24px;text-align:center;max-width:280px}
body.hqn-native.auth-body .auth-verification .button{width:100%}

/* Administration: readable operations rather than a second visual product. */
body.hqn-native.hqa{background:var(--bg);font-size:16px}
body.hqn-native.hqa .hqa-sidebar{background:#fff;border-color:var(--line);color:var(--ink)}
body.hqn-native.hqa .hqa-brand{color:var(--ink)!important}
body.hqn-native.hqa .hqa-brand span{color:var(--muted);font-size:12px}
body.hqn-native.hqa .hqa-nav{scrollbar-color:#c8d6e8 transparent}
body.hqn-native.hqa .hqa-nav a{font-size:14px;min-height:44px;border-radius:10px;color:#42607f}
body.hqn-native.hqa .hqa-nav a svg{color:#58769b}
body.hqn-native.hqa .hqa-nav a:hover{color:#173f79;background:#f0f5ff}
body.hqn-native.hqa .hqa-nav-label{font-size:12px;color:var(--muted);letter-spacing:.08em}
body.hqn-native.hqa .hqa-nav a.is-active{color:#1d4ed8;background:#eaf1ff}
body.hqn-native.hqa .hqa-nav a.is-active svg{color:#1d4ed8}
body.hqn-native.hqa .hqa-sidebar-foot{border-color:var(--line)}
body.hqn-native.hqa .hqa-sidebar-foot>a{font-size:14px;min-height:44px;color:#42607f}
body.hqn-native.hqa .hqa-staff strong{font-size:14px;color:var(--ink)}
body.hqn-native.hqa .hqa-staff small{color:var(--muted)}
body.hqn-native.hqa .hqa-staff .hqa-avatar{background:#eaf1ff;color:#2453a2;border-color:#d2def3}
body.hqn-native.hqa .hqa-mobile-close{color:var(--ink);background:#edf3ff;border-radius:10px}
body.hqn-native.hqa .hqa-topbar{background:#fff;border-color:var(--line);min-height:72px}
body.hqn-native.hqa .hqa-breadcrumb{font-size:14px}.hqn-native.hqa .hqa-search input{font-size:14px}
body.hqn-native.hqa .hqa-main{padding:32px clamp(20px,3vw,42px) 56px;max-width:1480px}
body.hqn-native.hqa .hqa-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.04em}
body.hqn-native.hqa .hqa-heading p{font-size:15px;line-height:1.65;color:var(--muted)}
body.hqn-native.hqa :is(.hqa-card,.hqa-kpi,.hqa-queue-card){border-color:var(--line);border-radius:18px;box-shadow:0 4px 20px #10263f04}
body.hqn-native.hqa .hqa-card header{padding:22px 24px}
body.hqn-native.hqa .hqa-card header h2{font-size:19px;line-height:1.3}
body.hqn-native.hqa :is(.hqa-btn,.hqa select,.hqa-form-pad label,.hqa-profile a,.hqa-profile button){font-size:14px;line-height:1.5}
body.hqn-native.hqa :is(.hqa-btn,.hqa select){min-height:44px;border-radius:10px}
body.hqn-native.hqa :is(.hqa-eyebrow,.hqa-card header .hqa-eyebrow,.hqa-chart-y,.hqa-chart-axis,.hqa-product-strip small,.hqa-activity time,.hqa-activity small,.hqa-kpi>small,.hqa-footer){font-size:12px;line-height:1.5}
body.hqn-native.hqa :is(.hqa-card header>a,.hqa-queue-list strong,.hqa-member-list strong,.hqa-activity strong,.hqa-system-grid strong,.hqa-system-grid p,.hqa-breakdown>div,.hqa-details>div,.hqa-notes article p,.hqa-queue-card p,.hqa-tool-grid strong,.hqa-help,.hqa-empty p){font-size:14px;line-height:1.6}
body.hqn-native.hqa :is(.hqa-queue-list small,.hqa-member-list small,.hqa-tool-grid small,.hqa-profile small){font-size:12px;line-height:1.6;color:var(--muted)}
body.hqn-native.hqa :is(th,td,td strong){font-size:14px;line-height:1.6}
body.hqn-native.hqa th{font-size:12px;color:var(--muted)}
body.hqn-native.hqa .hqa-profile>summary{min-width:44px;min-height:44px}
body.hqn-native.hqa .hqa-profile>div{border-color:var(--line);border-radius:16px;box-shadow:0 14px 48px #10263f18}
body.hqn-native.hqa .hqa-profile :is(a,button){min-height:44px}
body.hqn-native.hqa .hqa-table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin}

/* Service-specific rhythm, with payment mounts and user-generated content untouched. */
.hqn-native .hq-support-head{margin:6px 0 28px;align-items:flex-start}.hqn-native .hq-support-head p{font-size:16px;color:var(--muted)}
.hqn-native .hq-ticket-stats>div{border-color:var(--line);border-radius:16px;padding:20px 24px;box-shadow:none}
.hqn-native .hq-ticket-row{padding:24px 2px}.hqn-native .hq-ticket-row p{font-size:14px}.hqn-native .hq-ticket-meta{font-size:12px;line-height:1.6}
.hqn-native .hq-ticket-status{font-size:12px;line-height:1.5}.hqn-native .hq-ticket-guide{background:#edf3fc;box-shadow:none}
.hqn-native .hq-ticket-guide p,.hqn-native .hq-ticket-guide li{font-size:14px;line-height:1.7}
.hqn-native .hq-message-team{background:#eef4ff;border-color:#d3e2fa}.hqn-native .hq-message-body{font-size:16px;line-height:1.8}
.hqn-native .hq-back{font-size:14px;display:inline-flex;align-items:center;min-height:40px;color:#1d4ed8}
.hqn-native .hq-checkout{max-width:1000px}.hqn-native .hq-checkout-head{margin-bottom:26px}.hqn-native .hq-checkout-head h1{font-size:clamp(28px,3vw,36px);line-height:1.2;margin:12px 0}
.hqn-native .hq-checkout-head p{font-size:16px;line-height:1.7;color:var(--muted);max-width:680px}
.hqn-native .hq-checkout-frame{border-radius:20px;border-color:var(--line);box-shadow:0 6px 28px #10263f05;min-height:400px}
.hqn-native .hq-checkout-loading{font-size:14px;line-height:1.6;padding:30px;display:flex;align-items:center;gap:12px}
.hqn-native .hq-checkout-loading::before{content:'';width:18px;height:18px;border:2px solid #dce7f8;border-top-color:var(--blue);border-radius:50%;flex-shrink:0;animation:hqn-spin .9s linear infinite}
.hqn-native .hq-checkout-foot{font-size:14px;line-height:1.6;gap:16px;margin-top:20px}.hqn-native .hq-checkout-foot a{min-height:44px;display:inline-flex;align-items:center;color:#345c90}
.hqn-native .hq-checkout-error{font-size:14px;line-height:1.7;padding:24px;background:#fff5f5;color:#923a45}
.hqn-native .hq-dashboard-plans .wp-intro{padding-top:6px}.hqn-native .hq-dashboard-plans :is(.wp-plan,.wp-detail,.wp-logo-offer){border-color:var(--line);border-radius:20px;box-shadow:0 4px 20px #10263f04}
.hqn-native .hq-dashboard-plans :is(p,.wp-features li){font-size:15px;line-height:1.7}.hqn-native .hq-dashboard-plans .wp-button{font-size:14px;min-height:46px;border-radius:12px}
.hqn-native .hq-dashboard-plans .wp-plan{padding:28px}.hqn-native .hq-dashboard-plans .wp-section{margin-top:36px}
.hqn-native .checkout-card{max-width:660px;margin:24px auto;padding:32px}.hqn-native .checkout-card h1{font-size:30px}.hqn-native .checkout-summary span{font-size:12px}
.hqn-native .hero-panel{border-radius:20px;background:#102b4d;box-shadow:none;padding:30px;gap:28px}.hqn-native .hero-panel h1,.hqn-native .hero-panel h2{color:#fff}.hqn-native .hero-panel p{font-size:16px;line-height:1.7;color:#d2def0}
.hqn-native .hero-panel .eyebrow{color:#c1d5fa}.hqn-native .hero-panel:after{display:none}

/* Public native reading and help pages share the same readable content width. */
body.hqn-native.legal-body .legal-page{max-width:880px;margin:0 auto;padding:56px 30px 80px;font-size:16px;line-height:1.8}
body.hqn-native.legal-body .legal-page h1{font-size:clamp(30px,4vw,44px);line-height:1.18;margin:16px 0 28px}
body.hqn-native.legal-body .legal-page h2{font-size:23px;line-height:1.35;margin:36px 0 14px}
body.hqn-native.legal-body .legal-page p,body.hqn-native.legal-body .legal-page li{font-size:16px;line-height:1.85;color:#435b76}
body.hqn-native.legal-body .legal-page a{color:#1d4ed8;text-decoration:underline;text-underline-offset:4px}
body.hqn-native.hw-body .hw{max-width:1260px;padding-inline:30px}.hqn-native.hw-body .hw-topline{margin-block:26px 42px}
body.hqn-native.hw-body :is(.hw-eyebrow,.hw-kicker,.hw-card small,.hw-wiki-label){font-size:12px;line-height:1.6}
body.hqn-native.hw-body :is(.hw-card p,.hw-sidebar a,.hw-breadcrumb,.hw-open){font-size:14px;line-height:1.65}
body.hqn-native.hw-body .hw-article{font-size:16px;line-height:1.8;min-width:0}.hqn-native.hw-body .hw-article p,.hqn-native.hw-body .hw-article li{font-size:16px;line-height:1.8}
body.hqn-native.hw-body :is(.hw-button,.hw-open){min-height:44px;border-radius:12px;display:inline-flex;align-items:center}
.hqn-native .hs-public{max-width:1200px;margin:auto;padding:52px 30px 72px}.hqn-native .hs-section>h1{font-size:clamp(30px,4vw,44px)}
.hqn-native .hs-section p,.hqn-native .hs-section li{font-size:16px;line-height:1.8}.hqn-native .hs-eyebrow{font-size:12px;line-height:1.6}
.hqn-native.hqn-links-landing main{padding:56px 30px 80px;max-width:1040px}.hqn-native.hqn-links-landing header{margin-bottom:52px}.hqn-native.hqn-links-landing .actions a{min-height:46px;border-radius:12px;font-size:15px}
.hqn-native.hqn-links-landing h1{color:#10263f}.hqn-native.hqn-links-landing h1 span{color:#2563eb}
.hqn-native.hqn-links-landing .actions a{background:#2563eb}.hqn-native.hqn-links-landing .actions a+a{background:#eaf1ff;color:#234c86}

/* Shared documents and storefronts retain creator themes: interaction safety only. */
.hqn-public-form :is(input,select,textarea,button){font-size:16px;line-height:1.5}
.hqn-public-form :is(input,select,button):not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:46px}
.hqn-public-form :is(.form-card,.form-intro){min-width:0}.hqn-public-form :is(.form-description,.form-field){overflow-wrap:anywhere}
.hqn-public-form :is(.form-brand-label,.form-required-note,.form-privacy p,.form-intro-meta,.form-card-heading){font-size:12px;line-height:1.6}
.hqn-public-form textarea{max-width:100%;resize:vertical}.hqn-public-form .form-card{scroll-margin-top:24px}
.hqn-linkpage .page{max-width:100%;overflow-wrap:anywhere}.hqn-linkpage .link{min-height:48px;font-size:16px;line-height:1.5}
.hqn-storefront :is(input,select,textarea,button){font-size:16px;line-height:1.5}.hqn-storefront :is(input,select,button):not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px}
.hqn-storefront :is(.hc-product-copy,.hc-main,.hc-checkout){min-width:0}.hqn-storefront .hc-footer-bottom{line-height:1.6;font-size:12px}

@keyframes hqn-spin{to{transform:rotate(360deg)}}
@media(max-height:760px){body.hqn-native.suh-shell .sidebar{padding-top:16px}.hqn-native.suh-shell .suh-brand{padding-bottom:14px}.hqn-native.suh-shell .suh-create{margin-bottom:12px}.hqn-native.suh-shell .suh-user{display:none}}
@media(max-height:560px){body.hqn-native.suh-shell .sidebar{padding-block:14px}.hqn-native.suh-shell .suh-brand{font-size:23px;padding-bottom:12px}.hqn-native.suh-shell .suh-brand small{display:none}.hqn-native.suh-shell .suh-side-bottom{margin-top:5px;padding-top:3px}.hqn-native.suh-shell .suh-file-nav .nav-label{padding-top:4px}}
@media(max-height:460px){body.hqn-native.suh-shell .sidebar{overflow-y:auto}.hqn-native.suh-shell .suh-apps-scroll{flex:0 0 120px;min-height:80px}.hqn-native.suh-shell .suh-side-bottom details[open]>nav{max-height:none}}
@media(max-width:1100px){body.hqn-native.auth-body .auth-shell{gap:36px;padding:40px 26px 56px}.hqn-native .addon-panel{grid-template-columns:1fr}.hqn-native .suh-grid{gap:20px}}
@media(max-width:900px){body.hqn-native.suh-shell .main-content{padding:28px 24px 48px}.hqn-native .suh-grid{grid-template-columns:1fr}body.hqn-native.auth-body .auth-story{padding-top:22px}.hqn-native .hq-ticket-compose{grid-template-columns:1fr}}
@media(max-width:760px){
 body.hqn-native.hq-public,body.hqn-native.auth-body{padding-top:68px}
 body.hqn-native.suh-shell .app-shell{display:block!important}body.hqn-native.suh-shell .sidebar{width:min(300px,88vw);padding:24px 12px 14px;transform:translateX(-100%)}body.hqn-native.suh-shell .sidebar.open{transform:none}
 body.hqn-native.suh-shell .topbar{height:68px;min-height:68px;padding:0 16px;gap:10px}body.hqn-native.suh-shell .suh-breadcrumb{font-size:14px;flex:1}body.hqn-native.suh-shell .suh-breadcrumb>span{display:none!important}
 body.hqn-native.suh-shell .suh-toolbar-links{gap:8px}body.hqn-native.suh-shell .suh-cash{display:none!important}body.hqn-native.suh-shell .suh-credits>a{font-size:12px;padding:8px}body.hqn-native.suh-shell .suh-credits>.suh-credit-plus{font-size:22px;min-width:34px}body.hqn-native.suh-shell .suh-profile-menu{display:block!important}
 body.hqn-native.suh-shell .main-content{padding:24px 18px 44px}body.hqn-native.suh-shell .suh-intro{margin-bottom:24px}
 .hqn-native :is(.panel,.suh-card,.hq-ticket-panel,.hq-message){padding:22px;border-radius:18px}.hqn-native .page-heading{flex-direction:column;gap:16px;margin:3px 0 24px}.hqn-native .page-heading>.button{margin:0}.hqn-native .page-heading h1{font-size:29px}
 .hqn-native .suh-tabs{margin-bottom:24px;padding-bottom:12px}.hqn-native .suh-tabs>a{font-size:14px;padding:10px 12px}.hqn-native .suh-inline,.hqn-native .suh-project{align-items:flex-start;flex-direction:column;gap:16px}
 .hqn-native .addon-panel{gap:22px}.hqn-native .addon-form{padding:18px}.hqn-native .filters{align-items:stretch}.hqn-native .filters :is(input,select){max-width:none;flex:1 1 100%}.hqn-native .filters>.button{width:100%}
 body.hqn-native.auth-body .auth-shell{display:flex;flex-direction:column;gap:28px;padding:26px 18px 40px;width:min(640px,100%)}body.hqn-native.auth-body .auth-form-side{order:0;width:100%}body.hqn-native.auth-body .auth-story{order:1;position:static;padding:5px 8px 0;width:100%}
 body.hqn-native.auth-body .auth-story>:not(.auth-brand){display:block}body.hqn-native.auth-body .auth-story h2{font-size:29px;margin:12px 0 16px}body.hqn-native.auth-body .auth-story h2 br{display:none}body.hqn-native.auth-body .auth-story h2 span{display:block}
 body.hqn-native.auth-body .auth-story-features{display:grid!important;gap:12px;margin:20px 0}body.hqn-native.auth-body .auth-story-features>span{display:flex!important;font-size:14px}body.hqn-native.auth-body .auth-story>p{max-width:none;font-size:15px}body.hqn-native.auth-body .auth-story>small{font-size:12px}
 body.hqn-native.auth-body .auth-card{padding:26px 22px;border-radius:18px}body.hqn-native.auth-body .auth-heading h1{font-size:28px}body.hqn-native.auth-register .form-grid{grid-template-columns:1fr}body.hqn-native.auth-register .form-grid .wide{grid-column:auto}
 body.hqn-native.hqa .hqa-main{padding:24px 18px 44px}body.hqn-native.hqa .hqa-card header{padding:20px}body.hqn-native.hqa .hqa-topbar{min-height:68px}body.hqn-native.hqa .hqa-search input{font-size:16px}
 .hqn-native .hq-ticket-stats{gap:10px}.hqn-native .hq-ticket-stats>div{padding:16px 12px}.hqn-native .hq-ticket-stats span{font-size:12px}.hqn-native .hq-checkout-foot{flex-direction:column;gap:4px}.hqn-native .hq-checkout-loading{padding:24px}.hqn-native .hq-checkout-frame{border-radius:16px}
 .hqn-native .hq-dashboard-plans .wp-plan{padding:24px}.hqn-native .hero-panel{padding:24px;display:block}.hqn-native .hero-panel p{font-size:15px}.hqn-native .hero-panel>div+div{margin-top:20px}
 body.hqn-native.legal-body .legal-page{padding:32px 22px 54px}body.hqn-native.legal-body .legal-page h2{font-size:22px}body.hqn-native.hw-body .hw{padding-inline:20px}.hqn-native.hw-body .hw-topline{margin-block:20px 28px}.hqn-native .hs-public{padding:32px 22px 54px}
 .hqn-public-form .form-brand-label{display:none}.hqn-native.hqn-links-landing main{padding:32px 22px 54px}.hqn-native.hqn-links-landing header{margin-bottom:36px}
}
@media(max-width:390px){body.hqn-native.suh-shell .topbar{padding:0 12px;gap:7px}body.hqn-native.suh-shell .suh-breadcrumb>a{font-size:13px}.hqn-native .suh-toolbar-links .suh-credits>a{font-size:12px}body.hqn-native.suh-shell .main-content{padding-inline:14px}.hqn-native :is(.panel,.suh-card,.hq-ticket-panel,.hq-message){padding:19px}body.hqn-native.auth-body .auth-card{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.hqn-native .hq-checkout-loading::before{animation:none}.hqn-native *,.hqn-native *::before,.hqn-native *::after{scroll-behavior:auto!important;transition:none!important}}
@media print{.hqn-native .hqn-native-assets{display:none}body.hqn-native.suh-shell .main-content{padding:0}body.hqn-native{background:#fff}.hqn-native .panel,.hqn-native .suh-card{box-shadow:none}}

/* Account tools keep the same Suite chrome, including a separate dollar wallet. */
body.hqn-native.suh-shell .suh-workspace-home{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;margin:0 2px 4px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:650;color:#42607f}
body.hqn-native.suh-shell .suh-workspace-home:hover{background:#edf3ff;color:#1d4ed8}.suh-workspace-home>span{width:25px;text-align:center}
body.hqn-native.suh-shell .suh-footer-nav{display:grid;gap:0;padding:0 5px}
body.hqn-native.suh-shell .suh-footer-nav>a{display:flex;align-items:center;min-height:44px;padding:7px;font-size:12px;line-height:1.5;color:#52647b;border-radius:8px}
body.hqn-native.suh-shell .suh-footer-nav>a:hover{background:#f0f5ff;color:#2453a2}
body.hqn-native.suh-shell .suh-app-launcher{position:relative;flex-shrink:0}
body.hqn-native.suh-shell .suh-app-launcher>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;min-height:42px;padding:9px 12px;border:1px solid #dde6f1;border-radius:10px;cursor:pointer;color:#284d7b;font-size:14px;font-weight:650;background:#fff}
.suh-app-launcher>summary::-webkit-details-marker{display:none}.suh-app-launcher>summary svg{width:17px;height:17px}
body.hqn-native.suh-shell .suh-app-launcher[open]>summary{background:#eaf1ff;color:#1d4ed8;border-color:#bcd0f2}
.suh-app-launcher-panel{position:absolute;top:calc(100% + 12px);right:0;width:370px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:16px;border:1px solid #dde6f1;border-radius:16px;background:#fff;box-shadow:0 16px 48px #10263f1c;z-index:1500;overscroll-behavior:contain;scrollbar-width:thin}
.suh-app-launcher-panel>header{display:grid;gap:4px;padding:4px 4px 14px;border-bottom:1px solid #e6ecf4;margin-bottom:10px}.suh-app-launcher-panel>header strong{font-size:16px;color:#10263f}.suh-app-launcher-panel>header span{font-size:12px;color:#52647b}
.suh-app-launcher-panel>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
body.hqn-native.suh-shell .suh-app-launcher-panel nav>a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:86px;padding:12px 5px;border:0;border-radius:12px;font-size:12px;line-height:1.45;text-align:center;color:#294562}
.suh-app-launcher-panel nav>a:hover{background:#f0f5ff}.suh-app-launcher-panel .suh-nav-app{width:31px;height:31px;font-size:13px!important;border-radius:9px}.suh-app-launcher-panel .suh-app-lock{position:absolute;right:8px;top:8px;width:12px;height:12px}
body.hqn-native.suh-shell .suh-cash{display:inline-flex;align-items:center;justify-content:center;max-width:118px;font-variant-numeric:tabular-nums}
body.hqn-native.suh-shell .suh-cash>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hqn-native .suh-account-tabs{margin-bottom:28px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.hqn-native .suh-account-tabs>a{white-space:nowrap;flex-shrink:0}
.hqn-native .suh-settings-page .suh-card h2{font-size:21px}.hqn-native .suh-session-form{display:flex;align-items:flex-end;gap:14px;max-width:660px;margin-top:20px}.hqn-native .suh-session-form>label{flex:1;margin:0!important}.hqn-native .suh-session-form>.button{flex-shrink:0}
.hqn-native .suh-billing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.hqn-native .suh-billing-layout>.suh-card{margin-bottom:24px}
.hqn-native .suh-billing-aside{min-width:0}.hqn-native .suh-billing-aside .suh-card{padding:24px}.hqn-native .suh-billing-aside .suh-card h2{font-size:20px}
.hqn-native .suh-plan-price{margin:14px 0!important;font-variant-numeric:tabular-nums;color:#10263f!important}.hqn-native .suh-plan-price strong{font-size:clamp(27px,3vw,34px);line-height:1.25;letter-spacing:-.04em}.hqn-native .suh-plan-price span{font-size:14px;color:#52647b}
.hqn-native .suh-pro-plan .suh-purchase{max-width:none}.hqn-native .suh-pro-plan .suh-purchase .button{width:100%}
.hqn-native .suh-payment-actions{display:block}.hqn-native .suh-payment-actions>form{margin:20px 0 0}.hqn-native .suh-renewal-details{margin-top:18px;border-top:1px solid #dde6f1;padding-top:4px}
.hqn-native .suh-renewal-details>summary,.hqn-native .suh-website-records>summary{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:#365b8a;font-weight:650;cursor:pointer;list-style:none}.hqn-native .suh-renewal-details>summary::after,.hqn-native .suh-website-records>summary::after{content:'\2304';margin-left:auto;color:#63748c}.hqn-native .suh-renewal-details[open]>summary::after,.hqn-native .suh-website-records[open]>summary::after{content:'\2303'}.hqn-native .suh-renewal-details form{padding:0 0 12px}
.hqn-native .suh-free-note{border-top:1px solid #e6edf5;margin:22px 0 0;padding-top:16px;font-size:14px!important;color:#52647b}
.hqn-native .suh-addon-billing>header{margin-bottom:12px}.hqn-native .suh-addon-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #e6ecf4}.hqn-native .suh-addon-row>div{min-width:0}.hqn-native .suh-addon-row h3{font-size:17px;margin:0 0 5px}.hqn-native .suh-addon-row p{margin:0;font-size:14px}.hqn-native .suh-addon-row>.button{flex-shrink:0}.hqn-native .suh-website-records{padding:0 0 12px}.hqn-native .suh-website-records .suh-project p{font-size:14px}
.hqn-native .suh-saved-records>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:46px}.hqn-native .suh-saved-records>summary::after{content:'\2304';color:#63748c;font-size:18px}.hqn-native .suh-saved-records[open]>summary::after{content:'\2303'}.hqn-native .suh-saved-records>summary strong{font-size:18px}.hqn-native .suh-saved-records>summary small{display:block;font-size:12px;color:#52647b;margin-top:4px}.hqn-native .suh-saved-records[open]>summary{padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid #e6ecf4}.hqn-native .suh-saved-records .suh-actions{gap:15px}
body.hqn-native.suh-shell .hgb{max-width:1120px}.hqn-native .hgb .eyebrow{font-size:12px}.hqn-native .hgb-hero{background:#fff;color:#10263f;border:1px solid #dde6f1;box-shadow:none}.hqn-native .hgb-hero::after{display:none}.hqn-native .hgb-hero small,.hqn-native .hgb-hero p{color:#52647b}.hqn-native .hgb-hero strong{font-size:40px;line-height:1.25}.hqn-native .hgb .hgb-white{background:#2563eb;color:#fff;border-color:#2563eb}.hqn-native .hgb .hgb-card{border-radius:18px;border-color:#dde6f1;box-shadow:none}.hqn-native .hgb label,.hqn-native .hgb button,.hqn-native .hgb a.hgb-primary{font-size:14px}.hqn-native .hgb :is(input,select,textarea){font-size:16px;border-radius:12px}.hqn-native .hgb button,.hqn-native .hgb a.hgb-primary{min-height:46px;border-radius:12px}.hqn-native .hgb nav a{font-size:14px;min-height:44px;border-radius:10px}.hqn-native .hgb .hgb-list p{font-size:14px}.hqn-native .hgb-check input{min-height:17px}
@media(max-width:1100px){.hqn-native .suh-billing-layout{grid-template-columns:minmax(0,1fr)}.hqn-native .suh-billing-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hqn-native .suh-billing-aside .suh-card{margin-bottom:24px}}
@media(max-width:760px){body.hqn-native.suh-shell .suh-app-launcher>summary{width:40px;min-height:40px;padding:9px}.suh-app-label{display:none}.suh-app-launcher-panel{position:fixed;top:76px;left:14px;right:14px;width:auto;max-width:none;max-height:calc(100dvh - 100px)}body.hqn-native.suh-shell .suh-toolbar-links .suh-cash{display:inline-flex!important;font-size:13px;min-height:40px;padding:8px 9px;max-width:100px}.hqn-native .suh-addon-row{gap:15px}.hqn-native .suh-session-form{display:grid}.hqn-native .suh-session-form>.button{justify-self:start}}
@media(max-width:650px){body.hqn-native.suh-shell .suh-breadcrumb{display:none}body.hqn-native.suh-shell .suh-toolbar-links{margin-left:auto;gap:7px;flex:1;min-width:0;justify-content:flex-end}body.hqn-native.suh-shell .suh-toolbar-links .suh-cash{flex:0 1 auto;min-width:0}.suh-credit-label{display:none}.hqn-native .suh-billing-aside{display:block}.hqn-native .suh-addon-row{align-items:flex-start;flex-direction:column}.hqn-native .suh-addon-row>.button{align-self:flex-start}.hqn-native .suh-saved-records>summary strong{font-size:17px}}
@media(max-width:390px){body.hqn-native.suh-shell .suh-toolbar-links{gap:4px}body.hqn-native.suh-shell .suh-app-launcher>summary{width:36px;min-height:38px;padding:8px}body.hqn-native.suh-shell .suh-profile-menu>summary{width:36px;height:36px}body.hqn-native.suh-shell .suh-toolbar-links .suh-cash{max-width:92px;min-width:68px;font-size:12px;padding:8px}.hqn-native .suh-credits>a:first-child{max-width:88px}.hqn-native .suh-credits b{overflow:hidden;text-overflow:ellipsis}.hqn-native .hgb-hero strong{font-size:34px}}

/* Text entry uses a quiet border and caret; keyboard actions retain their focus ring. */
:is(.hqn-native,.hqn-public-form,.hqn-storefront) :is(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):not([type=color]):not([type=range]):not([type=hidden]),textarea,[contenteditable]:not([contenteditable=false])):focus{outline:none!important;box-shadow:none!important;border-color:#2563eb;caret-color:#2563eb}

@media(min-width:761px) and (max-width:1050px){body.hqn-native.suh-shell .suh-breadcrumb>span{display:none}}