/* HSCodeMatch — Products pages. All classes are prefixed hscm-.
   Fonts: the theme's Inter; a system serif for the chat greeting. No web fonts are loaded. */
:root{
  --hscm-ink:#10132A;--hscm-ink-2:#2A2F48;--hscm-ink-3:#40465E;--hscm-muted:#5D6380;--hscm-faint:#8A90A6;
  --hscm-line:#E8E9F0;--hscm-line-2:#EFEFF4;--hscm-field:#FCFCFE;--hscm-field-line:#E1E2EA;--hscm-bg:#FBFBFD;
  --hscm-p:#7357F6;--hscm-p-hover:#5A3EE0;--hscm-p-ink:#5B3BDB;--hscm-p-ink-2:#4A2FC4;
  --hscm-tint:#EFEBFF;--hscm-tint-2:#F6F4FF;--hscm-tint-line:#E1DCFB;
  --hscm-ok:#12805C;--hscm-ok-bg:#E3F5EC;--hscm-mid:#B26A00;--hscm-bad:#C21F32;--hscm-bad-bg:#FDECEE;
  --hscm-warn-bg:#FFFBF2;--hscm-warn-line:#F4E3BD;
  --hscm-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--hscm-display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--hscm-serif:Georgia,"Times New Roman",serif;
  --hscm-shadow:0 1px 2px rgba(16,19,42,.04),0 18px 40px -22px rgba(91,59,219,.28);
  --hscm-ease:cubic-bezier(.2,.7,.2,1);
  --hscm-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2312805C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5l3.2 3L15 7'/%3E%3C/svg%3E");
}
#hsmt .hscm :is(h1,h2,h3,h4,h5,h6){letter-spacing:normal;word-spacing:normal;text-transform:none}
#hsmt :where(.hscm button){padding:revert;background-color:revert;border:revert;border-radius:revert;display:revert;align-items:revert;gap:revert;position:revert;overflow:revert;transition:revert;outline:revert}
#hsmt :where(.hscm input),#hsmt :where(.hscm textarea){height:revert;padding:revert;border:revert;border-radius:revert;background-color:revert;margin:revert;transition:revert;box-shadow:revert}

/* ---------- Base ---------- */
/* The theme's title bar (#pxl-ptit__default, printed by hsm-teaser.php) sits above and ends in its own 120px padding, as on the blog. */
#hsmt .hscm{font-family:var(--hscm-font);color:var(--hscm-ink);-webkit-font-smoothing:antialiased;padding-bottom:clamp(40px,6vw,64px);}
#hsmt .hscm *,#hsmt .hscm *::before,#hsmt .hscm *::after{box-sizing:border-box}
#hsmt .hscm a{color:var(--hscm-p-ink);text-decoration:none}
#hsmt .hscm a:hover{color:var(--hscm-p-ink-2)}
#hsmt :where(.hscm) :where(button,input,select,textarea){font:inherit;color:inherit}
#hsmt .hscm [hidden]{display:none!important}
#hsmt .hscm svg{flex:none}
#hsmt .hscm :focus-visible{outline:2px solid var(--hscm-p);outline-offset:2px}
/* Fields show focus with their own ring (border + glow); the outline would draw a second, square one. */
#hsmt .hscm-input:focus-visible,#hsmt .hscm-select:focus-visible,#hsmt .hscm-cin:focus-visible,#hsmt .hscm-composer textarea:focus-visible{outline:none}
#hsmt .hscm-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
#hsmt .hscm-minw0{min-width:0}


/* ---------- Hero ---------- */
/* ---------- Cards, form ---------- */
#hsmt .hscm-card{background:#fff;border:1px solid var(--hscm-line);border-radius:20px;padding:clamp(14px,2.2vw,22px)}
#hsmt .hscm-form{box-shadow:var(--hscm-shadow)}
#hsmt .hscm-form__row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
#hsmt .hscm-field{flex:1 1 180px;display:flex;flex-direction:column;gap:6px;min-width:0}
#hsmt .hscm-field--grow{flex:3 1 300px}
#hsmt .hscm-label{font-size:13px;font-weight:600;color:var(--hscm-ink-3)}
#hsmt .hscm-label em{font-style:normal;font-weight:400;color:var(--hscm-faint)}
#hsmt .hscm-inputwrap{position:relative;display:block}
#hsmt .hscm-inputwrap svg{position:absolute;left:14px;top:15px;pointer-events:none;color:var(--hscm-faint)}
#hsmt .hscm-input,#hsmt .hscm-select{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--hscm-field-line);background-color:var(--hscm-field);font-size:15.5px;color:var(--hscm-ink);outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
#hsmt .hscm-inputwrap .hscm-input{padding-left:42px}
#hsmt .hscm-select{padding:0 34px 0 12px;cursor:pointer;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 12px center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%238A90A6' stroke-width='1.8'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E")}
#hsmt .hscm-input:focus,#hsmt .hscm-select:focus{border-color:var(--hscm-p);box-shadow:0 0 0 4px rgba(115,87,246,.14);background-color:#fff}

/* Overlays (citation sheet, country list) sit at z-index 10000, above the theme's scroll-top button (9999). */
/* ---------- Country picker: the home page hero's popup (search, Popular, All countries, flags) ---------- */
#hsmt .hscm select[hidden]{display:none}
#hsmt .hscm-cty{position:relative;min-width:0}
#hsmt .hscm-cbtn{display:flex;align-items:center;gap:8px;margin:0;font-family:inherit;font-weight:400;line-height:1.3;letter-spacing:normal;text-transform:none;text-align:left;box-shadow:none;cursor:text}
#hsmt .hscm-cbtn:focus-within{border-color:var(--hscm-p);background-color:#fff}
/* The country field's own text box: the look comes from .hscm-select around it. */
#hsmt .hscm-cin{flex:1;min-width:0;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;color:inherit;letter-spacing:inherit;outline:0;box-shadow:none;text-overflow:ellipsis}
#hsmt .hscm-cin::placeholder{color:var(--hscm-faint);opacity:1}
/* "Twemoji Country Flags" exists only where hsm-flags.php declared it (browsers without flag emoji). */
#hsmt .hscm-flag{flex:none;font-size:17px;line-height:1;font-family:"Twemoji Country Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
#hsmt .hscm-flag:empty{display:none}
#hsmt .hscm-cpop{position:fixed;z-index:10000;padding:8px;background:#fff;border:1px solid var(--hscm-line);border-radius:14px;box-shadow:0 16px 40px -8px rgba(24,29,39,.22);font-family:var(--hscm-font);animation:hscm-drop .15s ease-out}
#hsmt .hscm-cpop ul{max-height:280px;margin:0;padding:0;overflow:auto;list-style:none;overscroll-behavior:contain}
#hsmt .hscm-cpop li{display:flex;gap:10px;align-items:center;margin:0;padding:9px 10px;border-radius:8px;font-size:14px;line-height:1.4;color:var(--hscm-ink);cursor:pointer}
#hsmt .hscm-cpop li[aria-selected="true"],#hsmt .hscm-cpop li:hover{background:var(--hscm-tint-2)}
#hsmt .hscm-cpop li.hscm-csep{margin-top:4px;padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hscm-faint);cursor:default;background:none}
#hsmt .hscm .is-invalid{border-color:#E5484D}
#hsmt .hscm-err{margin:10px 0 0;font-size:13.5px;font-weight:500;color:var(--hscm-bad);animation:hscm-shake .3s}
#hsmt .hscm-form__foot{margin-top:14px;padding-top:14px;border-top:1px dashed #E6E7EF;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}
#hsmt .hscm-try{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--hscm-muted);min-width:0}
#hsmt .hscm-chip{max-width:100%;padding:6px 12px;border-radius:999px;border:1px solid var(--hscm-tint-line);background:var(--hscm-tint-2);color:var(--hscm-p-ink-2);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
#hsmt .hscm-chip:hover{background:#ECE7FF;border-color:#CFC5FA}

/* Quota meter */
#hsmt .hscm-quota{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--hscm-ink-3);min-height:20px}
#hsmt .hscm-quota__dots{display:flex;gap:4px}
#hsmt .hscm-quota__dots i{width:8px;height:8px;border-radius:50%;background:#DCDDE6;transition:background .3s}
#hsmt .hscm-quota__dots i.is-on{background:var(--hscm-p)}
#hsmt .hscm-quota b{font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-quota small{font-size:inherit;color:var(--hscm-faint)}

/* ---------- Buttons ---------- */
#hsmt .hscm-btn{flex:1 0 170px;height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--hscm-p);color:#fff!important;font-size:15.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(115,87,246,.9);transition:background .15s,transform .15s}
#hsmt .hscm-btn:hover{background:var(--hscm-p-hover);transform:translateY(-1px)}
#hsmt .hscm-btn:active{transform:scale(.98)}
#hsmt .hscm-btn[disabled]{background:#A797F8;cursor:progress;transform:none}
#hsmt .hscm-btn--sm{flex:none;height:42px;padding:0 18px;font-size:14.5px;border-radius:11px}
#hsmt .hscm-btn--ghost{background:#fff;color:var(--hscm-ink)!important;border:1px solid var(--hscm-tint-line);box-shadow:none}
#hsmt .hscm-btn--ghost:hover{background:#FAF9FF}
#hsmt .hscm-btn--warn{background:#fff;color:var(--hscm-ink)!important;border:1px solid #E5D6B0;box-shadow:none}
#hsmt .hscm-btn--warn:hover{background:#FFF6E2}
#hsmt .hscm-btn--dark{background:var(--hscm-ink);box-shadow:none}
#hsmt .hscm-btn--dark:hover{background:#262A45}
#hsmt .hscm-btn--white{background:#fff;color:var(--hscm-ink)!important;box-shadow:none}
#hsmt .hscm-btn--white:hover{background:#fff}
#hsmt .hscm-ext{display:inline-flex;align-items:center;gap:6px;font-weight:600}
#hsmt .hscm-actions{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Results header ---------- */
#hsmt .hscm-results{margin-top:28px;scroll-margin-top:90px}
#hsmt .hscm-rhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px;animation:hscm-fade .3s both}
#hsmt .hscm-rhead__q{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
#hsmt .hscm-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--hscm-ok-bg);color:var(--hscm-ok);font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
#hsmt .hscm-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#hsmt .hscm-tag--example{background:var(--hscm-tint);color:var(--hscm-p-ink-2)}
#hsmt .hscm-rhead__query{font-size:15px;font-weight:600;overflow-wrap:anywhere}
#hsmt .hscm-rhead__route{font-size:14px;color:var(--hscm-muted)}
#hsmt .hscm-rhead__meta{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--hscm-muted);font-variant-numeric:tabular-nums}

/* ---------- Progress ---------- */
#hsmt .hscm-progress{animation:hscm-rise .35s ease-out both}
#hsmt .hscm-progress__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
#hsmt .hscm-progress__label{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;min-width:0}
#hsmt .hscm-progress__time{font-size:13.5px;color:var(--hscm-muted);font-variant-numeric:tabular-nums}
#hsmt .hscm-spin{flex:none;width:22px;height:22px;border-radius:50%;border:2.5px solid #E6E0FF;border-top-color:var(--hscm-p);animation:hscm-spin .8s linear infinite}
#hsmt .hscm-bar{margin-top:14px;height:6px;border-radius:999px;background:#F0EEF8;overflow:hidden}
#hsmt .hscm-bar i{display:block;height:100%;width:4%;border-radius:999px;background:linear-gradient(90deg,#9A85FF,var(--hscm-p));transition:width .6s var(--hscm-ease)}
#hsmt .hscm-steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
#hsmt .hscm-steps li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#9A9FB5;transition:color .3s}
#hsmt .hscm-steps li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #E6E7EF;box-sizing:border-box}
#hsmt .hscm-steps li.is-active,#hsmt .hscm-steps li.is-done{color:var(--hscm-ink)}
#hsmt .hscm-steps li.is-active::before{border-color:#E6E0FF;border-top-color:var(--hscm-p);animation:hscm-spin .8s linear infinite}
#hsmt .hscm-steps li.is-done::before{border:0;background:var(--hscm-ok-bg) var(--hscm-check) center/12px no-repeat;animation:hscm-fade .3s}
#hsmt .hscm-progress__note{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--hscm-muted)}
#hsmt .hscm-skel{margin-top:18px;display:flex;flex-direction:column;gap:8px}
#hsmt .hscm-skel i{height:14px;width:70%;border-radius:6px;background:linear-gradient(90deg,#F3F2F8 0,#E9E7F3 50%,#F3F2F8 100%);background-size:800px 100%;animation:hscm-shimmer 1.4s linear infinite}
#hsmt .hscm-skel i+i{width:48%}
#hsmt .hscm-progress--compact{border:1px solid #ECEAF6;background:#FCFBFF;border-radius:16px;padding:14px 16px}
#hsmt .hscm-progress--compact .hscm-spin{display:none}
#hsmt .hscm-progress--compact .hscm-progress__label{font-size:14.5px}
#hsmt .hscm-progress--compact .hscm-progress__time{font-size:13px}
#hsmt .hscm-progress--compact .hscm-bar{margin-top:10px;height:5px}
#hsmt .hscm-progress--compact .hscm-steps{margin-top:12px;gap:8px}
#hsmt .hscm-progress--compact .hscm-steps li{font-size:14px}
#hsmt .hscm-progress--compact .hscm-steps li::before{width:18px;height:18px}
#hsmt .hscm-progress--compact .hscm-progress__note{margin-top:12px;font-size:13px}

/* ---------- Busy / error / limit ---------- */
#hsmt .hscm-notice{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;background:var(--hscm-warn-bg);border:1px solid var(--hscm-warn-line);border-radius:20px;padding:clamp(16px,2.4vw,24px);animation:hscm-rise .35s ease-out both}
#hsmt .hscm-notice__main{display:flex;gap:14px;align-items:flex-start;flex:1 1 380px;min-width:0}
#hsmt .hscm-notice__icon{flex:none;width:36px;height:36px;border-radius:10px;background:#FBEBC6;display:grid;place-items:center;color:#9A5B00}
#hsmt .hscm-notice h3{margin:0;font-size:16.5px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-notice p{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:#5D5440}
#hsmt .hscm-notice--chat{display:block;border-radius:16px;padding:16px}
#hsmt .hscm-notice--chat .hscm-notice__icon{display:none}
#hsmt .hscm-notice--chat h3{font-size:15px}
#hsmt .hscm-notice--chat p{font-size:14px}
#hsmt .hscm-notice--chat .hscm-actions{margin-top:12px}
#hsmt .hscm-notice--chat .hscm-btn--sm{height:38px;padding:0 14px;font-size:14px}

#hsmt .hscm-gate{position:relative;overflow:hidden;border-radius:22px;padding:clamp(22px,4vw,40px);border:1px solid var(--hscm-tint-line);animation:hscm-rise .4s ease-out both;
  background:radial-gradient(600px 240px at 90% 0,#E2DAFF 0,rgba(226,218,255,0) 70%),var(--hscm-tint-2)}
#hsmt .hscm-gate__pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--hscm-tint-line);font-size:13px;font-weight:500;color:var(--hscm-ink-3)}
#hsmt .hscm-gate__pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hscm-p)}
#hsmt .hscm-gate h2{margin:14px 0 0;font-family:var(--hscm-display);font-weight:600;font-size:clamp(26px,3.4vw,36px);line-height:1.08;letter-spacing:-.03em;max-width:620px;text-wrap:balance;color:var(--hscm-ink)}
#hsmt .hscm-gate p{margin:10px 0 0;font-size:16px;line-height:1.55;color:#4F556F;max-width:600px;text-wrap:pretty}
#hsmt .hscm-gate p b{color:var(--hscm-ink);font-weight:600}
#hsmt .hscm-gate .hscm-actions{margin-top:20px}
#hsmt .hscm-gate small{display:block;margin-top:14px;font-size:13px;color:#6B7190}
#hsmt .hscm-gate--chat{border-radius:18px;padding:20px}
#hsmt .hscm-gate--chat .hscm-gate__pill{display:none}
#hsmt .hscm-gate--chat h2{margin:0;font-size:21px;letter-spacing:-.02em}
#hsmt .hscm-gate--chat p{font-size:14.5px;margin-top:6px}
#hsmt .hscm-gate--chat .hscm-actions{margin-top:14px}

/* ---------- HS Code Match ---------- */
#hsmt .hscm-tree{display:flex;flex-direction:column;gap:6px;padding:4px 4px 16px}
#hsmt .hscm-tree__row{display:flex;gap:10px;align-items:baseline;animation:hscm-rise .4s ease-out both}
#hsmt .hscm-tree__row:nth-child(2){padding-left:18px;animation-delay:.06s}
#hsmt .hscm-tree__row:nth-child(3){padding-left:36px;animation-delay:.12s}
#hsmt .hscm-tree__glyph{flex:none;font-size:12px;color:#B3B6C8}
#hsmt .hscm-tree__code{flex:none;font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}
#hsmt .hscm-tree__text{font-size:13.5px;line-height:1.45;color:var(--hscm-muted);min-width:0}
#hsmt .hscm-hslist{display:flex;flex-direction:column;gap:10px}
#hsmt .hscm-hs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;border-radius:16px;border:1px solid #ECEDF3;background:#fff;transition:box-shadow .2s}
#hsmt .hscm-hs:hover{box-shadow:0 10px 24px -16px rgba(16,19,42,.25)}
#hsmt .hscm-hs.is-best{background:#FAF9FF;border-color:#D9D1FB}
#hsmt .hscm-rank{width:28px;height:28px;border-radius:50%;background:#F1F1F6;color:var(--hscm-ink-3);display:grid;place-items:center;font-size:13px;font-weight:700}
#hsmt .is-best .hscm-rank{background:var(--hscm-p);color:#fff}
#hsmt .hscm-hs__body{min-width:0;display:flex;flex-direction:column;gap:6px}
#hsmt .hscm-hs__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
#hsmt .hscm-hs__code{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--hscm-display);font-size:21px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#hsmt .hscm-best{padding:3px 8px;border-radius:6px;background:var(--hscm-p);color:#fff;font-family:var(--hscm-font);font-size:11.5px;font-weight:600;letter-spacing:.03em}
#hsmt .hscm-score{padding:3px 10px;border-radius:999px;border:1.5px solid currentColor;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
#hsmt .hscm-score--sm{padding:2px 8px;font-size:12.5px}
#hsmt .hscm-c--hi{color:var(--hscm-ok)}#hsmt .hscm-c--mid{color:var(--hscm-mid)}#hsmt .hscm-c--lo{color:var(--hscm-bad)}
#hsmt .hscm-meter{height:5px;border-radius:999px;background:#EFEEF5;overflow:hidden}
#hsmt .hscm-meter i{display:block;height:100%;border-radius:999px;background:currentColor;transform-origin:left;animation:hscm-grow .9s var(--hscm-ease) both;animation-delay:calc(var(--i,0) * 80ms + 120ms)}
#hsmt .hscm-hs__desc{font-size:15px;line-height:1.5;color:var(--hscm-ink-2)}
#hsmt .hscm-hs__up{color:var(--hscm-muted)}
#hsmt .hscm-hs__desc em{font-style:italic;font-weight:600;color:var(--hscm-p-ink)}
#hsmt .hscm-match{display:inline-flex;align-items:center;gap:8px}
#hsmt .hscm-match small{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--hscm-faint)}
#hsmt .hscm-prov{margin-top:2px;padding:10px 12px;border-radius:12px;background:var(--hscm-warn-bg);border:1px solid var(--hscm-warn-line)}
#hsmt .hscm-prov .hscm-k{color:var(--hscm-mid)}
#hsmt .hscm-prov ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
#hsmt .hscm-prov li{font-size:13px;line-height:1.45;color:var(--hscm-muted)}
#hsmt .hscm-prov b{color:var(--hscm-mid);font-variant-numeric:tabular-nums}
#hsmt .hscm-prov span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#hsmt .hscm-hs__more{align-self:flex-start;margin-top:4px;gap:6px;text-decoration:none}
#hsmt .hscm-noresult{margin:0;font-size:15px;color:var(--hscm-muted)}

/* ---------- Find Best Tariffs ---------- */
#hsmt .hscm-tariffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
#hsmt .hscm-tariff{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hscm-line);border-radius:18px;padding:18px;transition:transform .2s,box-shadow .2s}
#hsmt .hscm-tariff:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(16,19,42,.28)}
#hsmt .hscm-tariff__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#hsmt .hscm-tariff__code{font-family:var(--hscm-display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
#hsmt .hscm-tariff__n{font-size:12px;font-weight:600;color:var(--hscm-faint)}
#hsmt .hscm-tariff__desc{flex:1;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--hscm-muted)}
#hsmt .hscm-tariff__desc em{font-style:italic;font-weight:600;color:var(--hscm-p-ink)}
#hsmt .hscm-tariff__nums{margin-top:14px;padding-top:14px;border-top:1px solid var(--hscm-line-2);display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:end}
#hsmt .hscm-k{font-size:12px;font-weight:600;color:var(--hscm-faint);letter-spacing:.04em;text-transform:uppercase}
#hsmt .hscm-k--bad{color:var(--hscm-bad)}
#hsmt .hscm-duty{font-family:var(--hscm-display);font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--hscm-p-ink);line-height:1.1}
#hsmt .hscm-measures{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:700}
#hsmt .hscm-range{padding:2px 8px;border-radius:6px;background:var(--hscm-bad-bg);color:var(--hscm-bad);font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
#hsmt .hscm-none{margin-top:4px;font-size:15px;font-weight:600;color:var(--hscm-ok)}
#hsmt .hscm-footnote{margin:12px 2px 0;font-size:13.5px;line-height:1.5;color:var(--hscm-muted)}

/* ---------- Regulation Search ---------- */
#hsmt .hscm-reg{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
#hsmt .hscm-reg__summary{flex:1.7 1 440px;min-width:0;animation:hscm-rise .45s ease-out both}
#hsmt .hscm-reg__text{margin-top:8px}
#hsmt .hscm-reg__sources{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:10px}
#hsmt .hscm-reg__sources .hscm-eyebrow{padding:4px 4px 0}
#hsmt .hscm-eyebrow{font-size:12px;font-weight:600;color:var(--hscm-faint);letter-spacing:.06em;text-transform:uppercase}
#hsmt .hscm-prose{margin:0;font-size:15.5px;line-height:1.7;color:var(--hscm-ink-2);text-wrap:pretty}
#hsmt .hscm-prose+.hscm-prose{margin-top:12px}
#hsmt .hscm-mark{padding:1px 5px;border-radius:5px;background:var(--hscm-tint);color:var(--hscm-p-ink-2);font-weight:600}
#hsmt .hscm-cite{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin:0 2px;vertical-align:2px;border:0;border-radius:999px;background:var(--hscm-tint);color:var(--hscm-p-ink-2);font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,color .15s}
#hsmt .hscm-cite:hover,#hsmt .hscm-cite.is-active{background:var(--hscm-p);color:#fff}
#hsmt .hscm-hint{display:block;margin-top:14px;font-size:13px;color:var(--hscm-faint)}
#hsmt .hscm-src{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--hscm-line);border-radius:16px;padding:16px;transition:border-color .2s,transform .2s}
#hsmt a.hscm-src:hover{border-color:#CFC5FA;transform:translateY(-1px)}
#hsmt .hscm-src__meta{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--hscm-muted);font-variant-numeric:tabular-nums}
#hsmt .hscm-src__agency{font-weight:600;color:var(--hscm-p-ink)}
#hsmt .hscm-src__title{font-size:15px;font-weight:600;line-height:1.4;color:var(--hscm-ink)}
#hsmt .hscm-src__host{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--hscm-faint);overflow-wrap:anywhere}

/* Staggered entrance */
#hsmt .hscm-hs,#hsmt .hscm-tariff,#hsmt .hscm-src,#hsmt .hscm-page{animation:hscm-rise .45s ease-out both;animation-delay:calc(var(--i,0) * 80ms + 100ms)}

/* ---------- App strip + other tools ---------- */
#hsmt .hscm-appstrip{margin-top:14px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:clamp(16px,2.4vw,22px);border-radius:18px;background:var(--hscm-ink);color:#fff;animation:hscm-rise .45s ease-out both;animation-delay:.25s}
#hsmt .hscm-appstrip h3{margin:0;font-size:16px;font-weight:600;color:#fff}
#hsmt .hscm-appstrip ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#C9CBE0}
#hsmt .hscm-appstrip li{display:inline-flex;align-items:center;gap:8px}
#hsmt .hscm-appstrip li::before{content:"";width:5px;height:5px;border-radius:50%;background:#A895FF}
#hsmt .hscm-appstrip__text{flex:1 1 420px;min-width:0}
#hsmt .hscm-others{margin-top:clamp(40px,6vw,64px)}
#hsmt .hscm-others h2{margin:0 0 14px;font-family:var(--hscm-display);font-size:clamp(22px,2.6vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--hscm-ink)}
#hsmt .hscm-others__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
#hsmt .hscm-tool{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--hscm-line);color:inherit!important;transition:transform .2s,box-shadow .2s,border-color .2s}
#hsmt .hscm-tool:hover{transform:translateY(-2px);border-color:#D9D1FB;box-shadow:0 14px 30px -18px rgba(91,59,219,.4)}
#hsmt .hscm-tool__icon,#hsmt .hscm-dd__icon{width:40px;height:40px;border-radius:11px;background:var(--hscm-tint);display:grid;place-items:center;color:var(--hscm-p-ink)}
#hsmt .hscm-tool__name{font-size:16.5px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-tool__blurb{font-size:14px;line-height:1.5;color:var(--hscm-muted)}
#hsmt .hscm-tool__go{margin-top:auto;font-size:14px;font-weight:600;color:var(--hscm-p-ink)}

/* ---------- Citation popover (desktop card / phone sheet) ---------- */
#hsmt .hscm-pop{position:fixed;z-index:10000;right:24px;bottom:24px;width:400px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--hscm-line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(16,19,42,.35);padding:18px 18px 20px;font-family:var(--hscm-font);animation:hscm-sheet .25s ease-out both}
#hsmt .hscm-pop__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#hsmt .hscm-pop__site{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--hscm-p-ink);letter-spacing:.04em;text-transform:uppercase;min-width:0}
#hsmt .hscm-pop__n{padding:2px 8px;border-radius:999px;background:var(--hscm-p);color:#fff}
#hsmt .hscm-x{flex:none;width:32px;height:32px;border-radius:9px;border:0;background:#F3F2F8;display:grid;place-items:center;cursor:pointer;color:var(--hscm-ink-3)}
#hsmt .hscm-x:hover{background:#E9E8F1}
#hsmt .hscm-pop__title{margin-top:10px;font-size:15px;font-weight:600;line-height:1.4;color:var(--hscm-ink)}
#hsmt .hscm-quote{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#F7F5FF;font-size:14.5px;line-height:1.6;color:var(--hscm-ink-2)}
#hsmt .hscm-pop .hscm-ext{margin-top:12px;font-size:13.5px;overflow-wrap:anywhere}
@media (max-width:899px){#hsmt .hscm-pop{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:20px 20px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}

/* ---------- Regulation & Tariff Agent (chat) ---------- */
#hsmt .hscm-viewswitch{display:none}
#hsmt .hscm-chat{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:14px;align-items:stretch}
#hsmt .hscm-panel{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--hscm-line);border-radius:20px;overflow:hidden}
#hsmt .hscm-thread-panel{height:clamp(600px,80vh,860px);box-shadow:var(--hscm-shadow)}
/* The chat panel sets the row's height; Sources fills it and scrolls its list (contain:size keeps a long list from growing the card). */
#hsmt .hscm-sources{box-shadow:var(--hscm-shadow);contain:size}
#hsmt .hscm-chat.is-empty .hscm-thread-panel{height:auto;min-height:600px}
#hsmt .hscm-panel__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--hscm-line-2)}
#hsmt .hscm-panel__title{font-size:15px;font-weight:600;color:var(--hscm-ink-2)}
#hsmt .hscm-panel__actions{display:flex;gap:8px}
#hsmt .hscm-btn-line{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;border:1px solid #E6E7EF;background:#fff;color:var(--hscm-p-ink)!important;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,opacity .2s}
#hsmt .hscm-btn-line:hover{background:var(--hscm-tint-2)}
#hsmt .hscm-btn-line[disabled]{opacity:.45;cursor:default;background:#fff}
#hsmt .hscm-thread{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:22px}
/* Empty chat: no thread yet; the composer fills the panel, its text box taking the room above. */
#hsmt .hscm-chat.is-empty .hscm-thread{display:none}
#hsmt .hscm-chat.is-empty .hscm-composer-wrap{flex:1 0 auto;display:flex;flex-direction:column;padding-top:16px}
#hsmt .hscm-chat.is-empty .hscm-composer{flex:1 0 auto;display:flex;flex-direction:column}
#hsmt .hscm-chat:not(.is-empty) .hscm-suggest{display:none}

#hsmt .hscm-msg--user{align-self:flex-end;max-width:min(620px,88%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;animation:hscm-rise .3s ease-out both}
#hsmt .hscm-bubble{padding:12px 16px;border-radius:18px 18px 4px 18px;background:#EFEAFF;font-size:15px;line-height:1.5;color:var(--hscm-ink-2);overflow-wrap:anywhere;white-space:pre-wrap}
#hsmt .hscm-msg__route{font-size:12.5px;color:var(--hscm-faint)}
#hsmt .hscm-msg--agent{display:flex;gap:12px;align-items:flex-start;animation:hscm-rise .35s ease-out both}
#hsmt .hscm-msg__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}
#hsmt .hscm-done{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:#6B7190}
#hsmt .hscm-done b{font-weight:600;color:var(--hscm-ink-3)}
#hsmt .hscm-sec{display:flex;flex-direction:column;gap:8px;animation:hscm-rise .45s ease-out both}
#hsmt .hscm-sec:nth-child(3){animation-delay:.08s}#hsmt .hscm-sec:nth-child(4){animation-delay:.16s}#hsmt .hscm-sec:nth-child(5){animation-delay:.24s}
#hsmt .hscm-sec__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#hsmt .hscm-sec h3{margin:0;font-family:var(--hscm-display);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--hscm-ink)}
#hsmt .hscm-badge{padding:2px 9px;border-radius:999px;background:var(--hscm-tint);color:var(--hscm-p-ink-2);font-size:12.5px;font-weight:600}
#hsmt .hscm-sec__intro{margin:0;font-size:14px;color:var(--hscm-muted)}
#hsmt .hscm-sec .hscm-hint{margin-top:0}
#hsmt .hscm-tablewrap{overflow-x:auto;border:1px solid var(--hscm-line);border-radius:14px}
#hsmt .hscm-table{width:100%;min-width:600px;border-collapse:collapse;font-size:13.5px;line-height:1.45}
#hsmt .hscm-table th{padding:10px 12px;font-weight:600;text-align:left;background:#F7F6FC;color:var(--hscm-ink-3)}
#hsmt .hscm-table--accent th{background:var(--hscm-p);color:#fff}
#hsmt .hscm-table td{padding:10px 12px;border-top:1px solid var(--hscm-line-2);vertical-align:top;color:var(--hscm-ink-2);font-variant-numeric:tabular-nums}
#hsmt .hscm-table td:first-child{font-weight:700;color:var(--hscm-ink);white-space:nowrap}
#hsmt .hscm-table tr.is-best td{background:#FAF9FF}
#hsmt .hscm-hl{color:var(--hscm-ok);font-weight:600}
#hsmt .hscm-continue{font-size:13.5px}
/* Held-back part of an agent answer: the next section blurred and fading out, then the card. */
#hsmt .hscm-tease{position:relative;margin-top:2px;animation:hscm-rise .45s ease-out both}
/* The next section dissolving into the card: each line blurred and faded more than the one above,
   the whole masked out at the bottom; the card's translucent top blurs what runs under it. */
#hsmt .hscm-tease__preview{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow:hidden;user-select:none;pointer-events:none;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
#hsmt .hscm-tease__preview h3{margin:0;font-family:var(--hscm-display);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--hscm-ink);filter:blur(.6px);opacity:.85}
#hsmt .hscm-tease__preview p{margin:0;filter:blur(2px);opacity:.75}
#hsmt .hscm-tease__preview p:nth-of-type(2){filter:blur(3.5px);opacity:.6}
#hsmt .hscm-tease__preview p:nth-of-type(3){filter:blur(5px);opacity:.45}
#hsmt .hscm-tease__card{position:relative;margin-top:-58px;padding:18px 20px;border-radius:16px;border:1px solid var(--hscm-tint-line);background:linear-gradient(180deg,rgba(246,244,255,.72),#fff 76px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hscm-shadow);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#hsmt .hscm-tease__card b{font-size:16px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-tease__card p{margin:0;font-size:14px;line-height:1.5;color:var(--hscm-muted)}
#hsmt .hscm-tease__list{align-self:stretch;min-width:0;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px;padding:0;list-style:none}
#hsmt .hscm-tease__list li{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--hscm-tint-line);font-size:12.5px;line-height:1.4;color:var(--hscm-ink-3)}
#hsmt .hscm-tease__btn{flex:none;height:42px;padding:0 18px;font-size:14.5px}

#hsmt .hscm-composer-wrap{flex:none;padding:4px 16px 16px}
#hsmt .hscm-composer{border:1px solid var(--hscm-field-line);background:#F6F6F9;border-radius:18px;padding:10px;transition:border-color .15s,box-shadow .15s,background .15s}
#hsmt .hscm-composer:focus-within{border-color:var(--hscm-p);box-shadow:0 0 0 4px rgba(115,87,246,.12);background:#fff}
#hsmt .hscm-composer textarea{display:block;width:100%;border:0;background:transparent;resize:none;outline:none;font-size:15.5px;line-height:1.5;color:var(--hscm-ink);padding:4px 6px;min-height:46px;max-height:200px}
#hsmt .hscm-chat.is-empty .hscm-composer textarea{flex:1 0 auto;min-height:140px;max-height:none}
#hsmt .hscm-composer__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
#hsmt .hscm-composer .hscm-select{flex:1 1 140px;max-width:240px;height:40px;font-size:14px;border-radius:10px;background-color:#fff}
#hsmt .hscm-composer .hscm-cty{flex:1 1 140px;max-width:240px}
#hsmt .hscm-arrow{color:#A0A4B8;font-size:14px}
#hsmt .hscm-send{margin-left:auto;flex:none;width:42px;height:42px;border-radius:12px;border:0;background:var(--hscm-p);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s}
#hsmt .hscm-send:hover{background:var(--hscm-p-hover);transform:translateY(-1px)}
#hsmt .hscm-send:active{transform:scale(.95)}
#hsmt .hscm-send[disabled]{background:#BDB2FA;cursor:progress;transform:none}
#hsmt .hscm-composer__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:8px;padding:0 4px;font-size:12.5px;color:#6B7190}
#hsmt .hscm-composer__meta .hscm-err{margin:0}
#hsmt .hscm-composer__meta .hscm-quota{font-size:12.5px;gap:8px}
#hsmt .hscm-composer__meta .hscm-quota__dots i{width:7px;height:7px}
#hsmt .hscm-suggest{margin-top:18px}
#hsmt .hscm-suggest__grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
#hsmt .hscm-sq{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:13px 15px;border-radius:14px;border:1px solid var(--hscm-line);background:#fff;font-size:14.5px;line-height:1.45;color:var(--hscm-ink-2);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
#hsmt .hscm-sq:hover{border-color:#CFC5FA;background:#FAF9FF;transform:translateY(-1px)}
#hsmt .hscm-sq svg{margin-top:2px;color:var(--hscm-p)}
/* Answers in parts: a field still on its way, and redraws that keep the cards still. */
#hsmt .hscm-pending{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:999px;font-size:13px;color:var(--hscm-faint);background:linear-gradient(90deg,#F3F2F8 0,#E9E7F3 50%,#F3F2F8 100%);background-size:400px 100%;animation:hscm-shimmer 1.4s linear infinite}
#hsmt .hscm-partial{margin-top:14px}
#hsmt .is-settled .hscm-tariff,#hsmt .is-settled .hscm-sec,#hsmt .is-settled .hscm-reg__summary,#hsmt .is-settled .hscm-src{animation:none}
#hsmt .hscm-typing{position:absolute;z-index:1;box-sizing:border-box;overflow:hidden;pointer-events:none;color:var(--hscm-faint)}
#hsmt .hscm-sq__route{display:block;margin-top:4px;font-size:12.5px;color:var(--hscm-faint)}
#hsmt .hscm-suggest .hscm-eyebrow{padding:0 4px;letter-spacing:.07em}

#hsmt .hscm-sources__head{flex:none;padding:16px 18px 12px}
#hsmt .hscm-sources__title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#hsmt .hscm-sources__title h2{margin:0;font-family:var(--hscm-display);font-size:18px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-sources__count{font-size:13px;color:#6B7190}
#hsmt .hscm-srctabs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#hsmt .hscm-srctab{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;border:1.5px solid #E6E7EF;background:#fff;color:var(--hscm-ink-2);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
#hsmt .hscm-srctab span{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#B7BACB;color:#fff;font-size:12px;display:grid;place-items:center}
#hsmt .hscm-srctab[aria-selected="true"]{border-color:var(--hscm-p);background:#F3F0FF;color:var(--hscm-p-ink)}
#hsmt .hscm-srctab[aria-selected="true"] span{background:var(--hscm-p)}
#hsmt .hscm-srclist{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 18px;display:flex;flex-direction:column;gap:10px}
#hsmt .hscm-srcempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:32px 12px}
#hsmt .hscm-srcempty__icon{width:60px;height:60px;border-radius:50%;background:#EFEAFF;display:grid;place-items:center;color:#6A2BF0}
#hsmt .hscm-srcempty b{font-size:15.5px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-srcempty p{margin:0;font-size:14px;line-height:1.55;color:var(--hscm-muted);max-width:300px}
#hsmt .hscm-page{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid #DCD3FB;background:#fff;color:inherit!important;transition:background .15s,transform .15s}
#hsmt .hscm-page:hover{background:#FAF9FF;transform:translateY(-1px)}
#hsmt .hscm-page>svg{color:var(--hscm-p-ink)}
#hsmt .hscm-page__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
#hsmt .hscm-page__kind{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--hscm-p-ink)}
#hsmt .hscm-page__route{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--hscm-ink-2)}
#hsmt .hscm-page__route span{padding:3px 8px;border-radius:7px;background:#F3F3F7}
#hsmt .hscm-page__route i{font-style:normal;color:#A0A4B8}
#hsmt .hscm-page__label{font-size:15px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-page__label.is-code{font-size:17px;font-weight:700;color:var(--hscm-p-ink);font-variant-numeric:tabular-nums}
#hsmt .hscm-srcitem{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1.5px solid #ECEDF3;background:#fff;cursor:pointer;animation:hscm-rise .4s ease-out both;transition:background .2s,border-color .2s}
#hsmt .hscm-srcitem:hover{border-color:#CFC5FA}
#hsmt .hscm-srcitem.is-active{background:#F7F5FF;border-color:#CFC5FA}
#hsmt .hscm-srcitem__site{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--hscm-p-ink)}
#hsmt .hscm-srcitem__n{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--hscm-tint);color:var(--hscm-p-ink-2);display:grid;place-items:center;font-size:12px}
#hsmt .hscm-srcitem.is-active .hscm-srcitem__n{background:var(--hscm-p);color:#fff}
#hsmt .hscm-srcitem__title{font-size:14.5px;font-weight:600;line-height:1.4;color:var(--hscm-ink)}
#hsmt .hscm-srcitem .hscm-quote{display:none;margin:4px 0 0;padding:10px 12px;background:#fff;border:1px solid #E6E0FF;font-size:14px;animation:hscm-fade .25s both}
#hsmt .hscm-srcitem.is-active .hscm-quote{display:block}
#hsmt .hscm-srcitem a{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6B7190;overflow-wrap:anywhere}

@media (max-width:899px){
  #hsmt .hscm-viewswitch{display:flex;gap:4px;padding:4px;background:#EFEEF5;border-radius:12px}
  #hsmt .hscm-viewswitch button{flex:1;height:38px;border:0;border-radius:9px;background:transparent;color:var(--hscm-ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
  #hsmt .hscm-viewswitch button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 2px rgba(16,19,42,.08)}
  #hsmt .hscm-chat{grid-template-columns:minmax(0,1fr);margin-top:10px}
  #hsmt .hscm-chat[data-view="chat"] .hscm-sources,#hsmt .hscm-chat[data-view="sources"] .hscm-thread-panel{display:none}
  #hsmt .hscm-chat.is-empty .hscm-thread-panel{min-height:0}
  #hsmt .hscm-sources{height:clamp(520px,75vh,760px)}
}

/* ---------- Products menu (goes in the site header) ---------- */
#hsmt .hscm-nav{font-family:var(--hscm-font)}
#hsmt .hscm-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;font-size:15px;font-weight:500}
#hsmt .hscm-nav__list>li>a,#hsmt .hscm-dd__btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:0;background:transparent;color:var(--hscm-ink-2);font:inherit;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
#hsmt .hscm-nav__list>li>a:hover,#hsmt .hscm-dd__btn:hover{background:#F3F2F8;color:var(--hscm-ink)}
#hsmt .hscm-dd{position:relative}
#hsmt .hscm-dd__btn{font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-dd__btn svg{transition:transform .2s}
#hsmt .hscm-dd.is-open .hscm-dd__btn{background:#F3F0FF}
#hsmt .hscm-dd.is-open .hscm-dd__btn svg{transform:rotate(180deg)}
#hsmt .hscm-dd__panel{display:none;position:absolute;top:100%;left:-16px;padding-top:10px;z-index:50}
#hsmt .hscm-dd.is-open .hscm-dd__panel{display:block}
#hsmt .hscm-dd__grid{width:580px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:#fff;border:1px solid #ECEDF3;border-radius:18px;box-shadow:0 24px 48px -16px rgba(16,19,42,.18),0 2px 6px rgba(16,19,42,.05);animation:hscm-drop .18s ease-out both}
#hsmt .hscm-dd__item{display:flex;gap:12px;padding:12px;border-radius:12px;text-decoration:none;transition:background .15s}
#hsmt .hscm-dd__item:hover,#hsmt .hscm-dd__item[aria-current="page"]{background:var(--hscm-tint-2)}
#hsmt .hscm-dd__icon{flex:none;width:38px;height:38px;border-radius:10px}
#hsmt .hscm-dd__name{display:block;font-size:14.5px;font-weight:600;color:var(--hscm-ink)}
#hsmt .hscm-dd__blurb{display:block;margin-top:2px;font-size:13px;font-weight:400;line-height:1.4;color:var(--hscm-muted)}
@media (max-width:899px){
  #hsmt .hscm-nav__list{flex-direction:column;align-items:stretch}
  #hsmt .hscm-dd__btn{width:100%;justify-content:space-between}
  #hsmt .hscm-dd__panel{position:static;padding:0}
  #hsmt .hscm-dd__grid{width:auto;grid-template-columns:1fr;padding:2px 0 6px;border:0;box-shadow:none}
}

/* The agent's status line above the chat input, as the app's: three dots circling and a shimmering label. */
#hsmt .hscm-agentstatus{display:flex;align-items:center;gap:9px;padding:2px 6px 10px;font-size:14px;font-weight:500;line-height:1.4}
#hsmt .hscm-agentstatus[hidden]{display:none}
#hsmt .hscm-goo{position:relative;flex:none;width:18px;height:18px;animation:hscm-spin 3s linear infinite}
#hsmt .hscm-goo i{position:absolute;left:6px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--hscm-p);animation:hscm-goo 1.6s ease-in-out infinite}
#hsmt .hscm-goo i:nth-child(2){--a:120deg;animation-delay:.53s}
#hsmt .hscm-goo i:nth-child(3){--a:240deg;animation-delay:1.06s}
#hsmt .hscm-shiny{min-width:0;color:var(--hscm-p);background:linear-gradient(105deg,var(--hscm-p) 10%,#C4A7F9 50%,var(--hscm-p) 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hscm-shine 2s linear infinite}

/* ---------- Motion ---------- */
@keyframes hscm-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hscm-fade{from{opacity:0}to{opacity:1}}
@keyframes hscm-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hscm-spin{to{transform:rotate(360deg)}}
@keyframes hscm-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes hscm-sheet{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes hscm-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes hscm-shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes hscm-goo{0%,100%{transform:rotate(var(--a,0deg)) translateX(1px)}50%{transform:rotate(var(--a,0deg)) translateX(6px)}}
@keyframes hscm-shine{0%{background-position:100%}100%{background-position:-100%}}
@media (prefers-reduced-motion:reduce){
  #hsmt .hscm *,#hsmt .hscm-nav *{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
  #hsmt .hscm .hscm-spin,#hsmt .hscm .hscm-steps li.is-active::before{animation:hscm-spin 1.6s linear infinite!important}
}
#hsmt .hscm-quote{overflow-wrap:anywhere}
#hsmt .hscm-suggest__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
@media (max-width:480px){#hsmt .hscm-composer__bar .hscm-arrow{display:none}#hsmt .hscm-composer .hscm-cty{max-width:none}#hsmt .hscm-composer__bar .hscm-cty:first-of-type{flex-basis:100%}}
@media (max-width:899px){#hsmt .hscm-thread-panel{height:clamp(560px,calc(100svh - 80px),860px)}#hsmt .hscm-chat:not(.is-empty) [data-hscm-hint]{display:none}}
body.hsm-teaser-page #pxl-ptit__default{padding:136px 15px 32px}
body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__slg{margin:0 auto 16px}
body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__text{font-size:36px;letter-spacing:-1.4px;max-width:none}
body.hsm-teaser-page #pxl-ptit__default [data-hsm-start]{cursor:pointer;border-radius:50px}body.hsm-teaser-page #pxl-ptit__default [data-hsm-start]:hover{text-decoration:underline}body.hsm-teaser-page #pxl-ptit__default [data-hsm-start]:focus-visible{outline:2px solid #7357F6;outline-offset:3px}
body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__desc{font-size:16px;margin:10px auto 0;max-width:640px}
@media (max-width:767px){body.hsm-teaser-page #pxl-ptit__default{padding:28px 15px 20px}body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__slg{margin:0 auto 12px}body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__text{font-size:26px;letter-spacing:-1px;margin-bottom:0}body.hsm-teaser-page #pxl-ptit__default .pxl-ptit__desc{font-size:14px;margin-top:8px}}