/* Shared full-width workspace, beneath the retained HSD header. */
html.hsd-workspace-open, body.hsd-workspace-open { overflow: hidden; overscroll-behavior: none; }
/* The returning rows settle into their natural layout after the shell exits. */
html.hsd-header-landing, html.hsd-header-landing body { overflow-anchor: none; }
html.hsd-header-landing .site-header { overflow: clip; }
body.hsd-workspace-open .site-header { position: fixed; inset: 0 0 auto; width: 100%; transform: none !important; }
body.hsd-workspace-open #nav1,
body.hsd-workspace-open .nav2-center { display: none !important; }
body.hsd-workspace-open .nav2-container { grid-template-rows: auto !important; min-height: 92px; }
body.hsd-workspace-open #askHkxButton { display: none; }
.hsd-tool-workspace { position: fixed; z-index: 9980; inset: var(--hsd-workspace-top, 92px) 0 0; background: #f4f7fa; color: var(--hsd-blue); font-family: Manrope, Arial, sans-serif; opacity: 0; visibility: hidden; transform: translateY(-115%); transition: transform .7s cubic-bezier(.18,.9,.22,1), opacity .32s ease, visibility 0s linear .72s; box-shadow: 0 -8px 30px #00102547; }
.hsd-tool-workspace.is-open { opacity: 1; visibility: visible; transform: translateY(0); transition: transform .7s cubic-bezier(.18,.9,.22,1), opacity .32s ease, visibility 0s; }
.hsd-tool-workspace[hidden], .hsd-tool-workspace [data-hsd-workspace-panel][hidden] { display: none; }
.hsd-tool-workspace [data-hsd-workspace-panel] { width: 100%; height: 100%; min-height: 0; }
.hsd-tool-workspace iframe { display: block; width: 100%; height: 100%; border: 0; background: #f4f7fa; }
/* Keep the shared close control clear of model content at every viewport width. */
.hsd-tool-workspace [data-hsd-workspace-panel="model"] { box-sizing: border-box; padding-top: 64px; }
.hsd-workspace-close { position: absolute; z-index: 20; top: 14px; right: 18px; min-height: 40px; padding: 8px 14px; border: 1px solid #fff; border-radius: 6px; background: #00346f; box-shadow: 0 3px 10px #001b3650; color: #fff; font: 800 12px/1 Manrope, Arial, sans-serif; text-transform: uppercase; cursor: pointer; }
.hsd-workspace-close:focus-visible { outline: 3px solid var(--hsd-gold-bright); outline-offset: 2px; }
.hsd-workspace-close:hover { background: var(--hsd-gold-bright); border-color: var(--hsd-gold-bright); color: var(--hsd-blue-deep); }
.hsd-tool-workspace .quick-tools-slider { position: absolute; z-index: 0; inset: 0; --qe-header-offset: 0px; --qe-navy: var(--hsd-blue); --qe-navy-deep: var(--hsd-blue-deep); --qe-accent: var(--brand-blue); --qe-accent-dark: var(--hsd-blue-deep); --qe-gold: var(--hsd-gold); }
.hsd-tool-workspace .quick-tools-detail { position: absolute; inset: 0; height: 100% !important; transition: none; transform: none; }
.hsd-tool-workspace .qo-pro-left { background: linear-gradient(180deg,var(--hsd-blue),var(--hsd-blue-deep)); border-top: 3px solid var(--hsd-gold); }
.hsd-tool-workspace .qo-pro-badge { border-color: var(--hsd-gold); background: var(--hsd-blue-deep); color: var(--hsd-gold-bright); }
.hsd-tool-workspace .qo-pro-store-name { margin: 0 0 8px; color: var(--hsd-gold-bright); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
/* The full currency amount gets a whole row instead of one narrow third. */
.hsd-tool-workspace .qo-pro-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hsd-tool-workspace .qo-pro-metric--estimated { grid-column: 1 / -1; }
.hsd-tool-workspace .qo-pro-metric--estimated strong { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.hsd-tool-workspace .qo-redesign-workflow__icon { background: var(--hsd-gold); color: var(--hsd-blue-deep); }
.hsd-tool-workspace .qo-redesign-workflow.is-active,
.hsd-tool-workspace .qo-redesign-workflow:hover { border-color: var(--hsd-gold); background: #ffffff12; }
.hsd-tool-workspace .qo-pro-btn--primary { border-color: var(--hsd-gold); background: var(--hsd-gold); color: var(--hsd-blue-deep); }
.hsd-tool-workspace .qo-pro-btn--primary:hover:not(:disabled) { border-color: var(--hsd-gold-bright); background: var(--hsd-gold-bright); color: var(--hsd-blue-deep); }
.hsd-tool-workspace .qo-pro-add-row { background: var(--hsd-blue); border-color: var(--hsd-blue); color: #fff; }
.hsd-tool-workspace .qo-pro-add-row:hover:not(:disabled) { background: var(--hsd-gold); border-color: var(--hsd-gold); color: var(--hsd-blue-deep); }
.hsd-tool-workspace .qo-redesign-trustbar i { color: var(--hsd-gold); }
.hsd-tool-workspace .qo-pro-table tr.qo-row-added td { animation: qoAddedPulse 2700ms .7s cubic-bezier(.22,.8,.25,1); }
.hsd-tool-workspace .qo-row-added .qo-pro-desc strong,
.hsd-tool-workspace .qo-row-added .qo-pro-muted,
.hsd-tool-workspace .qo-row-added .qo-pro-price { animation: hsdAddedTextPulse 2700ms .7s cubic-bezier(.22,.8,.25,1); }
@keyframes qoAddedPulse {
  0%,25%,58%,90%,100% { background: #fff; color: #00224b; box-shadow: inset 0 0 0 #00224b00; }
  12%,76% { background: #00346f; color: #fff; box-shadow: inset 0 3px 0 #f9b001, inset 0 -3px 0 #f9b001; }
  43% { background: #00224b; color: #fff; box-shadow: inset 0 3px 0 #ffc000, inset 0 -3px 0 #ffc000; }
}
@keyframes hsdAddedTextPulse { 0%,25%,58%,90%,100% { color: #00224b; } 12%,43%,76% { color: #fff; } }
.hsd-tool-workspace .qo-pro-image-preview__empty i { background: #00346f; }
.hsd-tool-workspace .qo-eyebrow, .hsd-tool-workspace .qo-pro-head h2, .hsd-tool-workspace .qo-redesign-trustbar b { color: #00346f; }
.hsd-tool-workspace .qo-redesign-frame { background-image: linear-gradient(135deg,#00224b0a,transparent 34%),repeating-linear-gradient(90deg,#243c520b 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,#243c520a 0 1px,transparent 1px 44px); }
.hsd-tool-workspace .quick-tool-panel__close, .hsd-tool-workspace .qo-mobile-close { visibility: hidden; }
@media (min-width:1001px) and (max-width:1700px) {
  .hsd-tool-workspace .qo-pro-head { padding-right: 90px; }
}
@media (max-width:1000px) {
  body.hsd-workspace-open .nav2-container { min-height: 72px; }
  .hsd-workspace-close { top: 10px; right: 12px; min-height: 40px; }
  .hsd-tool-workspace .qo-pro-main { padding-top: 62px; }
  .hsd-tool-workspace .qo-pro-table tr { border-left-color: var(--hsd-gold); }
  .hsd-tool-workspace .qo-pro-table tr.qo-row-added { animation: qoAddedPulse 2700ms .7s cubic-bezier(.22,.8,.25,1); }
  .hsd-tool-workspace .qo-pro-table tr.qo-row-added td { animation: none; background: transparent; color: inherit; box-shadow: none; }
}
@media (prefers-reduced-motion:reduce) { .hsd-tool-workspace, .hsd-tool-workspace.is-open { transition: none; } .hsd-tool-workspace *, .hsd-tool-workspace *::after { animation: none !important; scroll-behavior: auto !important; } .hsd-tool-workspace .qo-pro-table tr.qo-row-added td { background: #fff6d8; box-shadow: inset 0 3px 0 var(--hsd-gold); } }
@media (prefers-reduced-motion:reduce) and (max-width:1000px) { .hsd-tool-workspace .qo-pro-table tr.qo-row-added { background: #fff6d8; } .hsd-tool-workspace .qo-pro-table tr.qo-row-added td { background: transparent; box-shadow: none; } }