/* CON-884 chat widget branding - Denis Mahony (dmd).
 * Source of truth: the designer's Figma "Ai Assistant-Denis O Mahony
 * (mobile)" (key 9qqpqG1f9CxOJqp8DuzaES), read from the local .fig export
 * (the REST API was rate-limited); the decode + census tooling lives in
 * tickets/CON-884/tools/ and the design notes in tickets/CON-884/STYLES.md.
 * Glyphs are the designer's own export pack, each cross-checked against
 * the canvas.
 *
 * Palette from the file's own nodes: the header band gradient #00A0E3 ->
 * #0078C1 (50.5%) -> #1E439C running navy-left to sky-right, with the
 * lighter #047ABD swoosh watermark over it; the launcher/send/CTA gradient
 * #48B8FE -> #2D95D5 -> #005C8F sky-left to navy-right; #0096DC opener
 * glyphs; #07659A chevrons and selected-chip outline; #066498 answer
 * links; #19323C - the site's own --primary-color - for every text
 * surface AND the user bubbles; #F4F4F4 bot bubbles with a #A3DCFF stroke;
 * #F5F6F8 conversation ground; #E4E6EA footer band and card borders.
 * Type: the character census is 91.7%% Figtree (body), with the site's own
 * two families used exactly where the artwork uses them - MuseoModerno
 * (--header-font) on the opener titles, Bitter (--body-font) on the header
 * title, opener sub-captions and the input. Figtree is the only one the
 * site does not already load, so the theme imports it (the POCC lesson:
 * naming a family is not loading it).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-884/build-theme.py - edit the generator,
 * never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 * Level 1 = --hdcw-* token overrides, Level 2 = direct .hdcw-* rules.
 */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #0096DC;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-surface: #F5F6F8;      /* conversation ground (13 of 16 artboards) */
  --hdcw-text: #19323C;         /* the site's --primary-color */
  --hdcw-muted: #6D6D6D;        /* section heads, "Searching our stock…" */
  --hdcw-footer: #504949;       /* disclosure 2008:473 */
  --hdcw-border: #19323C;       /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: linear-gradient(279.5deg, #00A0E3 -4.3%, #0078C1 54.8%, #1E439C 112.8%);
  --hdcw-head-color: #fff;      /* title, strapline and nav icons */
  --hdcw-user-bg: #19323C;      /* user bubbles 37:388 / 41:516 / 2030:495 */
  --hdcw-user-color: #fff;
  --hdcw-link: #066498;         /* answer link runs (19:516) */
  --hdcw-btn-bg: linear-gradient(107.6deg, #48B8FE -0.6%, #2D95D5 45.6%, #005C8F 81.2%);
  --hdcw-btn-color: #fff;
}

/* ---------- Launcher: the designer's own lockup (4014:698, exported as
 * icon-virtual-assistant.svg): a 253x52 gradient pill, r20, 1px white
 * stroke at 50%%, white sparkle + robot glyphs and a white wordmark, with
 * the drop shadow baked into the 261x60 export (4px sides, 7px foot). One
 * pill at every viewport (vm2/jacs2/scc precedent). */
.hdcw-fab {
  width: 261px;
  height: 60px;
  right: 2px;
  bottom: 0;
  max-width: calc(100vw - 24px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22261%22%20height=%2260%22%20viewBox=%220%200%20261%2060%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_4014_697)%22%3E%0A%3Cpath%20d=%22M257%2033C257%2044.0457%20248.046%2053%20237%2053L24%2053C12.9543%2053%204%2044.0457%204%2033L4%2021C4%209.9543%2012.9543%201%2024%201L237%201.00002C248.046%201.00002%20257%209.95433%20257%2021L257%2033Z%22%20fill=%22url(%23paint0_linear_4014_697)%22/%3E%0A%3Cpath%20d=%22M237%2052.5L24%2052.5C13.2304%2052.5%204.5%2043.7695%204.5%2033L4.5%2021C4.50001%2010.2304%2013.2305%201.49998%2024%201.49998L237%201.5C247.77%201.5%20256.5%2010.2305%20256.5%2021L256.5%2033C256.5%2043.7696%20247.77%2052.5%20237%2052.5Z%22%20stroke=%22white%22%20stroke-opacity=%220.5%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M92.8037%201.99994C77.8454%2013.4894%2068.1144%2031.4639%2067.8574%2051.6786L67.8613%2051.9999H54.0029C54.1236%2032.9055%2061.1534%2015.4478%2072.7178%201.99994H92.8037ZM112.523%2017.4814L127.607%2051.9999H110.737L106.327%2041.9843L102.158%2051.9999H85.5527L99.9219%2017.4814H112.523ZM163.093%2017.4814L177.462%2051.9999H160.872L156.777%2042.163L152.126%2051.9999H136.086L150.446%2017.4814H163.093ZM190.287%201.99994C201.85%2015.4478%20208.876%2032.9055%20208.997%2051.9999H195.145C194.987%2031.6544%20185.234%2013.5503%20170.196%201.99994H190.287Z%22%20fill=%22url(%23paint1_linear_4014_697)%22/%3E%0A%3Cpath%20d=%22M210.125%2013.8749L206.625%2012.5624L210.125%2011.2486L211.437%207.74994L212.751%2011.2486L216.25%2012.5624L212.751%2013.8749L211.437%2017.3749L210.125%2013.8749ZM203.125%2020.8749L198.75%2019.1249L203.125%2017.3749L204.875%2012.9999L206.625%2017.3749L211%2019.1249L206.625%2020.8749L204.875%2025.2499L203.125%2020.8749Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M23.875%2023.8749L27.375%2022.5624L23.875%2021.2486L22.5625%2017.7499L21.2488%2021.2486L17.75%2022.5624L21.2488%2023.8749L22.5625%2027.3749L23.875%2023.8749ZM30.875%2030.8749L35.25%2029.1249L30.875%2027.3749L29.125%2022.9999L27.375%2027.3749L23%2029.1249L27.375%2030.8749L29.125%2035.2499L30.875%2030.8749Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M223.1%2023.9999C222.543%2023.9999%20222.009%2024.2633%20221.615%2024.7322C221.221%2025.201%20221%2025.8369%20221%2026.4999C221%2027.163%20221.221%2027.7989%20221.615%2028.2677C222.009%2028.7365%20222.543%2028.9999%20223.1%2028.9999C223.657%2028.9999%20224.191%2028.7365%20224.585%2028.2677C224.979%2027.7989%20225.2%2027.163%20225.2%2026.4999C225.2%2025.8369%20224.979%2025.201%20224.585%2024.7322C224.191%2024.2633%20223.657%2023.9999%20223.1%2023.9999ZM232.9%2023.9999C232.343%2023.9999%20231.809%2024.2633%20231.415%2024.7322C231.021%2025.201%20230.8%2025.8369%20230.8%2026.4999C230.8%2027.163%20231.021%2027.7989%20231.415%2028.2677C231.809%2028.7365%20232.343%2028.9999%20232.9%2028.9999C233.457%2028.9999%20233.991%2028.7365%20234.385%2028.2677C234.779%2027.7989%20235%2027.163%20235%2026.4999C235%2025.8369%20234.779%2025.201%20234.385%2024.7322C233.991%2024.2633%20233.457%2023.9999%20232.9%2023.9999ZM222.4%2031.4999H233.6V33.9999H222.4V31.4999Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M239.7%2025.6999V21.7999C239.7%2020.3699%20238.53%2019.1999%20237.1%2019.1999H229.3V17.3929C229.69%2017.0419%20229.95%2016.5219%20229.95%2015.9499C229.95%2014.8709%20229.079%2013.9999%20228%2013.9999C226.921%2013.9999%20226.05%2014.8709%20226.05%2015.9499C226.05%2016.5219%20226.31%2017.0419%20226.7%2017.3929V19.1999H218.9C217.47%2019.1999%20216.3%2020.3699%20216.3%2021.7999V25.6999C215.585%2025.6999%20215%2026.2849%20215%2026.9999V32.1999C215%2032.9149%20215.585%2033.4999%20216.3%2033.4999V37.3999C216.3%2038.8299%20217.47%2039.9999%20218.9%2039.9999H237.1C238.53%2039.9999%20239.7%2038.8299%20239.7%2037.3999V33.4999C240.415%2033.4999%20241%2032.9149%20241%2032.1999V26.9999C241%2026.2849%20240.415%2025.6999%20239.7%2025.6999ZM218.9%2037.3999V21.7999H237.1V37.3999H218.9Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M52.797%2033.2039C52.3436%2033.2039%2051.9356%2033.0906%2051.573%2032.8639C51.2103%2032.6372%2050.9326%2032.2746%2050.74%2031.7759L47.017%2021.0999H49.261L52.423%2030.9429C52.4683%2031.0789%2052.5193%2031.1752%2052.576%2031.2319C52.644%2031.2772%2052.7176%2031.2999%2052.797%2031.2999C52.8876%2031.2999%2052.9613%2031.2772%2053.018%2031.2319C53.0746%2031.1752%2053.1256%2031.0789%2053.171%2030.9429L56.435%2021.0999H58.577L54.854%2031.7759C54.684%2032.2632%2054.412%2032.6259%2054.038%2032.8639C53.6753%2033.0906%2053.2616%2033.2039%2052.797%2033.2039Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M59.7609%2032.9999V24.3299H61.7159V32.9999H59.7609ZM60.7299%2023.1229C60.3899%2023.1229%2060.0952%2022.9982%2059.8459%2022.7489C59.5965%2022.4996%2059.4719%2022.2049%2059.4719%2021.8649C59.4719%2021.5249%2059.5965%2021.2302%2059.8459%2020.9809C60.0952%2020.7316%2060.3899%2020.6069%2060.7299%2020.6069C61.0812%2020.6069%2061.3759%2020.7316%2061.6139%2020.9809C61.8632%2021.2302%2061.9879%2021.5249%2061.9879%2021.8649C61.9879%2022.2049%2061.8632%2022.4996%2061.6139%2022.7489C61.3759%2022.9982%2061.0812%2023.1229%2060.7299%2023.1229Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M63.9927%2032.9999V26.7949C63.9927%2026.0242%2064.208%2025.4236%2064.6387%2024.9929C65.0807%2024.5509%2065.687%2024.3299%2066.4577%2024.3299H68.5487V25.9959H66.8147C66.5427%2025.9959%2066.3273%2026.0752%2066.1687%2026.2339C66.0213%2026.3926%2065.9477%2026.6079%2065.9477%2026.8799V32.9999H63.9927Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M73.2284%2032.9999C72.4578%2032.9999%2071.8514%2032.7789%2071.4094%2032.3369C70.9788%2031.8949%2070.7634%2031.2942%2070.7634%2030.5349V22.1539H72.7014V30.4499C72.7014%2030.7106%2072.7808%2030.9259%2072.9394%2031.0959C73.0981%2031.2546%2073.3078%2031.3339%2073.5684%2031.3339H75.3874V32.9999H73.2284ZM69.2674%2025.9959V24.3299H75.4044V25.9959H69.2674Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M81.3903%2033.2039C80.5516%2033.2039%2079.8206%2033.0396%2079.1973%2032.7109C78.574%2032.3709%2078.0923%2031.9062%2077.7523%2031.3169C77.4123%2030.7276%2077.2423%2030.0646%2077.2423%2029.3279V24.3299H79.1973V29.3109C79.1973%2029.7529%2079.2936%2030.1439%2079.4863%2030.4839C79.6903%2030.8126%2079.9566%2031.0732%2080.2853%2031.2659C80.6253%2031.4472%2080.9936%2031.5379%2081.3903%2031.5379C81.787%2031.5379%2082.1496%2031.4472%2082.4783%2031.2659C82.8183%2031.0732%2083.0846%2030.8126%2083.2773%2030.4839C83.4813%2030.1439%2083.5833%2029.7529%2083.5833%2029.3109V24.3299H85.5383V29.3279C85.5383%2030.0646%2085.3683%2030.7276%2085.0283%2031.3169C84.6883%2031.9062%2084.2066%2032.3709%2083.5833%2032.7109C82.96%2033.0396%2082.229%2033.2039%2081.3903%2033.2039Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M91.4029%2033.2039C90.5756%2033.2039%2089.8616%2032.9999%2089.2609%2032.5919C88.6602%2032.1839%2088.1956%2031.6399%2087.8669%2030.9599C87.5496%2030.2686%2087.3909%2029.5092%2087.3909%2028.6819C87.3909%2027.8206%2087.5722%2027.0499%2087.9349%2026.3699C88.3089%2025.6786%2088.8359%2025.1346%2089.5159%2024.7379C90.2072%2024.3299%2091.0289%2024.1259%2091.9809%2024.1259C92.9216%2024.1259%2093.7206%2024.3299%2094.3779%2024.7379C95.0466%2025.1346%2095.5566%2025.6786%2095.9079%2026.3699C96.2706%2027.0499%2096.4519%2027.8092%2096.4519%2028.6479V32.9999H94.4969V31.3849H94.4629C94.2929%2031.7022%2094.0719%2032.0026%2093.7999%2032.2859C93.5279%2032.5579%2093.1936%2032.7789%2092.7969%2032.9489C92.4002%2033.1189%2091.9356%2033.2039%2091.4029%2033.2039ZM91.9299%2031.5379C92.4399%2031.5379%2092.8819%2031.4132%2093.2559%2031.1639C93.6412%2030.9032%2093.9359%2030.5576%2094.1399%2030.1269C94.3552%2029.6849%2094.4629%2029.1919%2094.4629%2028.6479C94.4629%2028.1039%2094.3609%2027.6222%2094.1569%2027.2029C93.9529%2026.7722%2093.6639%2026.4322%2093.2899%2026.1829C92.9159%2025.9222%2092.4682%2025.7919%2091.9469%2025.7919C91.4029%2025.7919%2090.9382%2025.9222%2090.5529%2026.1829C90.1676%2026.4322%2089.8729%2026.7722%2089.6689%2027.2029C89.4649%2027.6336%2089.3629%2028.1209%2089.3629%2028.6649C89.3629%2029.1976%2089.4649%2029.6849%2089.6689%2030.1269C89.8729%2030.5576%2090.1619%2030.9032%2090.5359%2031.1639C90.9212%2031.4132%2091.3859%2031.5379%2091.9299%2031.5379Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M98.7911%2032.9999V20.5899H100.746V32.9999H98.7911Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M105.919%2032.9999L109.88%2022.3239C110.073%2021.8366%20110.351%2021.4796%20110.713%2021.2529C111.076%2021.0149%20111.49%2020.8959%20111.954%2020.8959C112.43%2020.8959%20112.85%2021.0092%20113.212%2021.2359C113.586%2021.4626%20113.864%2021.8196%20114.045%2022.3069L118.023%2032.9999H115.796L114.878%2030.3649H108.996L108.044%2032.9999H105.919ZM109.608%2028.5629H114.266L112.362%2023.0039C112.317%2022.8906%20112.26%2022.8056%20112.192%2022.7489C112.136%2022.6922%20112.062%2022.6639%20111.971%2022.6639C111.881%2022.6639%20111.807%2022.6979%20111.75%2022.7659C111.694%2022.8226%20111.648%2022.9019%20111.614%2023.0039L109.608%2028.5629Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M119.177%2032.9999V31.3339H123.359C123.563%2031.3339%20123.739%2031.2886%20123.886%2031.1979C124.045%2031.1072%20124.164%2030.9882%20124.243%2030.8409C124.334%2030.6936%20124.379%2030.5406%20124.379%2030.3819C124.379%2030.2006%20124.339%2030.0419%20124.26%2029.9059C124.181%2029.7699%20124.067%2029.6622%20123.92%2029.5829C123.773%2029.4922%20123.603%2029.4469%20123.41%2029.4469H121.71C121.155%2029.4469%20120.662%2029.3562%20120.231%2029.1749C119.8%2028.9936%20119.46%2028.7159%20119.211%2028.3419C118.962%2027.9566%20118.837%2027.4749%20118.837%2026.8969C118.837%2026.4322%20118.95%2026.0072%20119.177%2025.6219C119.415%2025.2366%20119.732%2024.9249%20120.129%2024.6869C120.526%2024.4489%20120.973%2024.3299%20121.472%2024.3299H125.501V25.9959H121.659C121.398%2025.9959%20121.183%2026.0809%20121.013%2026.2509C120.843%2026.4096%20120.758%2026.6079%20120.758%2026.8459C120.758%2027.0726%20120.843%2027.2709%20121.013%2027.4409C121.183%2027.6109%20121.41%2027.6959%20121.693%2027.6959H123.342C123.965%2027.6959%20124.498%2027.7922%20124.94%2027.9849C125.382%2028.1776%20125.716%2028.4666%20125.943%2028.8519C126.181%2029.2372%20126.3%2029.7246%20126.3%2030.3139C126.3%2030.7899%20126.181%2031.2376%20125.943%2031.6569C125.705%2032.0649%20125.376%2032.3936%20124.957%2032.6429C124.549%2032.8809%20124.084%2032.9999%20123.563%2032.9999H119.177Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M128.208%2032.9999V31.3339H132.39C132.594%2031.3339%20132.77%2031.2886%20132.917%2031.1979C133.076%2031.1072%20133.195%2030.9882%20133.274%2030.8409C133.365%2030.6936%20133.41%2030.5406%20133.41%2030.3819C133.41%2030.2006%20133.371%2030.0419%20133.291%2029.9059C133.212%2029.7699%20133.099%2029.6622%20132.951%2029.5829C132.804%2029.4922%20132.634%2029.4469%20132.441%2029.4469H130.741C130.186%2029.4469%20129.693%2029.3562%20129.262%2029.1749C128.832%2028.9936%20128.492%2028.7159%20128.242%2028.3419C127.993%2027.9566%20127.868%2027.4749%20127.868%2026.8969C127.868%2026.4322%20127.982%2026.0072%20128.208%2025.6219C128.446%2025.2366%20128.764%2024.9249%20129.16%2024.6869C129.557%2024.4489%20130.005%2024.3299%20130.503%2024.3299H134.532V25.9959H130.69C130.43%2025.9959%20130.214%2026.0809%20130.044%2026.2509C129.874%2026.4096%20129.789%2026.6079%20129.789%2026.8459C129.789%2027.0726%20129.874%2027.2709%20130.044%2027.4409C130.214%2027.6109%20130.441%2027.6959%20130.724%2027.6959H132.373C132.997%2027.6959%20133.529%2027.7922%20133.971%2027.9849C134.413%2028.1776%20134.748%2028.4666%20134.974%2028.8519C135.212%2029.2372%20135.331%2029.7246%20135.331%2030.3139C135.331%2030.7899%20135.212%2031.2376%20134.974%2031.6569C134.736%2032.0649%20134.408%2032.3936%20133.988%2032.6429C133.58%2032.8809%20133.116%2032.9999%20132.594%2032.9999H128.208Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M137.274%2032.9999V24.3299H139.229V32.9999H137.274ZM138.243%2023.1229C137.903%2023.1229%20137.608%2022.9982%20137.359%2022.7489C137.109%2022.4996%20136.985%2022.2049%20136.985%2021.8649C136.985%2021.5249%20137.109%2021.2302%20137.359%2020.9809C137.608%2020.7316%20137.903%2020.6069%20138.243%2020.6069C138.594%2020.6069%20138.889%2020.7316%20139.127%2020.9809C139.376%2021.2302%20139.501%2021.5249%20139.501%2021.8649C139.501%2022.2049%20139.376%2022.4996%20139.127%2022.7489C138.889%2022.9982%20138.594%2023.1229%20138.243%2023.1229Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M141.539%2032.9999V31.3339H145.721C145.925%2031.3339%20146.101%2031.2886%20146.248%2031.1979C146.407%2031.1072%20146.526%2030.9882%20146.605%2030.8409C146.696%2030.6936%20146.741%2030.5406%20146.741%2030.3819C146.741%2030.2006%20146.702%2030.0419%20146.622%2029.9059C146.543%2029.7699%20146.43%2029.6622%20146.282%2029.5829C146.135%2029.4922%20145.965%2029.4469%20145.772%2029.4469H144.072C143.517%2029.4469%20143.024%2029.3562%20142.593%2029.1749C142.163%2028.9936%20141.823%2028.7159%20141.573%2028.3419C141.324%2027.9566%20141.199%2027.4749%20141.199%2026.8969C141.199%2026.4322%20141.313%2026.0072%20141.539%2025.6219C141.777%2025.2366%20142.095%2024.9249%20142.491%2024.6869C142.888%2024.4489%20143.336%2024.3299%20143.834%2024.3299H147.863V25.9959H144.021C143.761%2025.9959%20143.545%2026.0809%20143.375%2026.2509C143.205%2026.4096%20143.12%2026.6079%20143.12%2026.8459C143.12%2027.0726%20143.205%2027.2709%20143.375%2027.4409C143.545%2027.6109%20143.772%2027.6959%20144.055%2027.6959H145.704C146.328%2027.6959%20146.86%2027.7922%20147.302%2027.9849C147.744%2028.1776%20148.079%2028.4666%20148.305%2028.8519C148.543%2029.2372%20148.662%2029.7246%20148.662%2030.3139C148.662%2030.7899%20148.543%2031.2376%20148.305%2031.6569C148.067%2032.0649%20147.739%2032.3936%20147.319%2032.6429C146.911%2032.8809%20146.447%2032.9999%20145.925%2032.9999H141.539Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M153.348%2032.9999C152.577%2032.9999%20151.971%2032.7789%20151.529%2032.3369C151.098%2031.8949%20150.883%2031.2942%20150.883%2030.5349V22.1539H152.821V30.4499C152.821%2030.7106%20152.9%2030.9259%20153.059%2031.0959C153.217%2031.2546%20153.427%2031.3339%20153.688%2031.3339H155.507V32.9999H153.348ZM149.387%2025.9959V24.3299H155.524V25.9959H149.387Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M160.582%2033.2039C159.754%2033.2039%20159.04%2032.9999%20158.44%2032.5919C157.839%2032.1839%20157.374%2031.6399%20157.046%2030.9599C156.728%2030.2686%20156.57%2029.5092%20156.57%2028.6819C156.57%2027.8206%20156.751%2027.0499%20157.114%2026.3699C157.488%2025.6786%20158.015%2025.1346%20158.695%2024.7379C159.386%2024.3299%20160.208%2024.1259%20161.16%2024.1259C162.1%2024.1259%20162.899%2024.3299%20163.557%2024.7379C164.225%2025.1346%20164.735%2025.6786%20165.087%2026.3699C165.449%2027.0499%20165.631%2027.8092%20165.631%2028.6479V32.9999H163.676V31.3849H163.642C163.472%2031.7022%20163.251%2032.0026%20162.979%2032.2859C162.707%2032.5579%20162.372%2032.7789%20161.976%2032.9489C161.579%2033.1189%20161.114%2033.2039%20160.582%2033.2039ZM161.109%2031.5379C161.619%2031.5379%20162.061%2031.4132%20162.435%2031.1639C162.82%2030.9032%20163.115%2030.5576%20163.319%2030.1269C163.534%2029.6849%20163.642%2029.1919%20163.642%2028.6479C163.642%2028.1039%20163.54%2027.6222%20163.336%2027.2029C163.132%2026.7722%20162.843%2026.4322%20162.469%2026.1829C162.095%2025.9222%20161.647%2025.7919%20161.126%2025.7919C160.582%2025.7919%20160.117%2025.9222%20159.732%2026.1829C159.346%2026.4322%20159.052%2026.7722%20158.848%2027.2029C158.644%2027.6336%20158.542%2028.1209%20158.542%2028.6649C158.542%2029.1976%20158.644%2029.6849%20158.848%2030.1269C159.052%2030.5576%20159.341%2030.9032%20159.715%2031.1639C160.1%2031.4132%20160.565%2031.5379%20161.109%2031.5379Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M167.97%2032.9999V28.0019C167.97%2027.2539%20168.14%2026.5909%20168.48%2026.0129C168.82%2025.4236%20169.302%2024.9646%20169.925%2024.6359C170.548%2024.2959%20171.279%2024.1259%20172.118%2024.1259C172.957%2024.1259%20173.682%2024.2959%20174.294%2024.6359C174.917%2024.9646%20175.399%2025.4236%20175.739%2026.0129C176.079%2026.5909%20176.249%2027.2539%20176.249%2028.0019V32.9999H174.311V28.0189C174.311%2027.5769%20174.209%2027.1916%20174.005%2026.8629C173.801%2026.5229%20173.529%2026.2622%20173.189%2026.0809C172.86%2025.8882%20172.498%2025.7919%20172.101%2025.7919C171.716%2025.7919%20171.353%2025.8882%20171.013%2026.0809C170.684%2026.2622%20170.418%2026.5229%20170.214%2026.8629C170.021%2027.1916%20169.925%2027.5769%20169.925%2028.0189V32.9999H167.97Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M181.587%2032.9999C180.816%2032.9999%20180.21%2032.7789%20179.768%2032.3369C179.337%2031.8949%20179.122%2031.2942%20179.122%2030.5349V22.1539H181.06V30.4499C181.06%2030.7106%20181.139%2030.9259%20181.298%2031.0959C181.457%2031.2546%20181.666%2031.3339%20181.927%2031.3339H183.746V32.9999H181.587ZM177.626%2025.9959V24.3299H183.763V25.9959H177.626Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_4014_697%22%20x=%220%22%20y=%220%22%20width=%22261%22%20height=%2260%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%223%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_4014_697%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_4014_697%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_4014_697%22%20x1=%2212%22%20y1=%22-29.0001%22%20x2=%22212.289%22%20y2=%2234.628%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2348B8FE%22/%3E%0A%3Cstop%20offset=%220.563735%22%20stop-color=%22%232D95D5%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23005C8F%22/%3E%0A%3C/linearGradient%3E%0A%3ClinearGradient%20id=%22paint1_linear_4014_697%22%20x1=%2254.0029%22%20y1=%2226.9999%22%20x2=%22208.997%22%20y2=%2226.9999%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%231796DF%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23015C8F%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
  box-shadow: none;
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); }
/* dmd's own mobile stock-alert floater shifts the launcher 92px in
 * (CHAT_WIDGET_FAB_RIGHT_MOBILE); never let the pill run off a 320px
 * phone (kcd2 lesson). */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }
/* Under the site's own overlays (Bootstrap modals sit at 1050); the open
 * panel keeps the widget's 99999. */
.hdcw-fab { z-index: 1030; }

/* ---------- Header (24:711): an 81px gradient band, top corners r15, with
 * the #047ABD swoosh watermark (12002:513) centred over it. The white
 * 42x32 robot mark at x16 y16, a Bitter 700 16/20 title at x81 wrapping in
 * a 156px column, and the strapline bottom-right under the nav icons
 * (Figtree 400 12, white, right 22 top 54 - not beside the title, and not
 * the widget's .85 opacity). */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 18px 0 16px;
  gap: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22155%22%20height=%2281%22%20viewBox=%220%200%20155%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M41.5576%200C25.05%2011.3373%2014.1299%2030.2488%2013.8574%2051.6787L13.8672%2052.5C13.8672%2062.2413%2016.0717%2071.4764%2020.0039%2079.7432L45.9219%2017.4814H58.5234L85.5283%2079.2812L84.6865%2081H69.5088L52.3271%2041.9844L36.0879%2081H5.41113C1.91934%2072.1779%200%2062.5626%200%2052.5C1.24076e-07%2032.2479%207.77366%2013.8081%2020.498%200H41.5576ZM134.507%200C147.229%2013.8081%20155%2032.2478%20155%2052.5C155%2062.5626%20153.081%2072.1779%20149.589%2081H118.941L102.777%2042.1631L89.5654%2070.1064L81.3574%2053.751L96.4463%2017.4814H109.093L135.011%2079.7432C138.943%2071.4764%20141.147%2062.2414%20141.147%2052.5C141.147%2030.7325%20130.161%2011.482%20113.442%200H134.507Z%22%20fill=%22%23047ABD%22/%3E%0A%3C/svg%3E"), linear-gradient(279.5deg, #00A0E3 -4.3%, #0078C1 54.8%, #1E439C 112.8%);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, 0 0;
  background-size: 155px 81px, auto;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 42px;
  height: 32px;
  margin: 16px 23px 0 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2243%22%20height=%2233%22%20viewBox=%220%200%2043%2033%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M40.95%2017.95V14.05C40.95%2012.62%2039.78%2011.45%2038.35%2011.45H30.55V9.643C30.94%209.292%2031.2%208.772%2031.2%208.2C31.2%207.121%2030.329%206.25%2029.25%206.25C28.171%206.25%2027.3%207.121%2027.3%208.2C27.3%208.772%2027.56%209.292%2027.95%209.643V11.45H20.15C18.72%2011.45%2017.55%2012.62%2017.55%2014.05V17.95C16.835%2017.95%2016.25%2018.535%2016.25%2019.25V24.45C16.25%2025.165%2016.835%2025.75%2017.55%2025.75V29.65C17.55%2031.08%2018.72%2032.25%2020.15%2032.25H38.35C39.78%2032.25%2040.95%2031.08%2040.95%2029.65V25.75C41.665%2025.75%2042.25%2025.165%2042.25%2024.45V19.25C42.25%2018.535%2041.665%2017.95%2040.95%2017.95ZM20.15%2029.65V14.05H38.35V29.65H20.15Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M11.375%206.12499L7.875%204.81249L11.375%203.49867L12.6875%200L14.0012%203.49867L17.5%204.81249L14.0012%206.12499L12.6875%209.62497L11.375%206.12499ZM4.37497%2013.125L0%2011.375L4.37497%209.62497L6.12499%205.25L7.875%209.62497L12.25%2011.375L7.875%2013.125L6.12499%2017.5L4.37497%2013.125Z%22%20fill=%22white%22/%3E%0A%3Cg%20transform=%22translate(-198.75,-7.75)%22%3E%3Cpath%20d=%22M223.1%2023.9999C222.543%2023.9999%20222.009%2024.2633%20221.615%2024.7322C221.221%2025.201%20221%2025.8369%20221%2026.4999C221%2027.163%20221.221%2027.7989%20221.615%2028.2677C222.009%2028.7365%20222.543%2028.9999%20223.1%2028.9999C223.657%2028.9999%20224.191%2028.7365%20224.585%2028.2677C224.979%2027.7989%20225.2%2027.163%20225.2%2026.4999C225.2%2025.8369%20224.979%2025.201%20224.585%2024.7322C224.191%2024.2633%20223.657%2023.9999%20223.1%2023.9999ZM232.9%2023.9999C232.343%2023.9999%20231.809%2024.2633%20231.415%2024.7322C231.021%2025.201%20230.8%2025.8369%20230.8%2026.4999C230.8%2027.163%20231.021%2027.7989%20231.415%2028.2677C231.809%2028.7365%20232.343%2028.9999%20232.9%2028.9999C233.457%2028.9999%20233.991%2028.7365%20234.385%2028.2677C234.779%2027.7989%20235%2027.163%20235%2026.4999C235%2025.8369%20234.779%2025.201%20234.385%2024.7322C233.991%2024.2633%20233.457%2023.9999%20232.9%2023.9999ZM222.4%2031.4999H233.6V33.9999H222.4V31.4999Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 22px; max-width: 156px; }
.hdcw-head b {
  font-family: 'Bitter', Georgia, serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.hdcw-head small {
  position: absolute;
  right: 22px;
  top: 54px;
  opacity: 1;
  font-size: 12px;
  line-height: 14px;
}
/* Nav icons ("3 icons" 12:143): the designer's start-new / expand / close
 * glyphs, white, tops at y24, right edge 18px in. The reset export carries
 * a 1px bezel (22x18 for the 20x16 glyph - jacs2 lesson). flex:none - a
 * long dealer name must never squeeze them (jacs2 round 8). */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 16px;
  height: 16px;
  margin: 24px 0 0 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2216%22%20height=%2216%22%20viewBox=%220%200%2016%2016%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 16px 16px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin-top: 24px; margin-left: 18px; }
.hdcw-close {
  width: 15px;
  height: 15px;
  margin: 24px 0 0 19px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2215%22%20viewBox=%220%200%2015%2015%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 15px 15px;
}

/* ---------- Bubbles. Bot (1:14 / 16:205 / 31:256 / 4048:652): #F4F4F4
 * with a 1px #A3DCFF stroke, uniform r10 (this file squares no corner),
 * capped at 334 of the 372px message column = 90%%, body 15/20. User
 * (37:388-class): #19323C, WHITE 15px, uniform r10, 14/20 padding. */
.hdcw-msg {
  max-width: 90%;
  padding: 14px 22px;
  font-size: 15px;
  line-height: 1.33;
}
.hdcw-bot {
  background: #F4F4F4;
  border-color: #A3DCFF;
  border-radius: 10px;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-user { border-radius: 10px; padding: 14px 20px; }
.hdcw-typing {
  background: #F4F4F4;
  border-color: #A3DCFF;
  border-radius: 10px;
  padding: 14px 22px;
}
/* "Searching our stock…" (2030:573): 12px #6D6D6D. */
.hdcw-status { font-size: 12px; line-height: 16px; }

/* ---------- Openers (lozenge 12:145): 361x72 white, r10, 1px #EEEEEE
 * stroke, drop shadow 0 4 4 rgba(0,0,0,.25), the #0096DC glyph at the
 * left, a MuseoModerno 500 17/16 title at x79 (the artwork's captions ride
 * in via CHAT_WIDGET_OPENER_LABELS), a Bitter 12 sub-caption under it
 * (::after - the widget renders a single label), and the #07659A 12x6
 * chevron 6px off the right edge on the sub-caption's line. 14px between
 * lozenges. On context pages these render as slim "hdcw-else" pills - full
 * treatment off that variant only (kcd2 pattern). */
.hdcw-opener { gap: 14px; margin-top: 12px; }
.hdcw-opener button {
  position: relative;
  border-radius: 10px;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%226%22%20height=%2212%22%20viewBox=%220%200%206%2012%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%2307659A%22/%3E%0A%3C/svg%3E") no-repeat right 18px center / 6px 12px;
  color: #19323C;
  text-align: left;
  padding: 16px 26px 33px 79px;
  font-family: 'MuseoModerno', var(--hdcw-font);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover { background-color: #F2FAFF; opacity: 1; }
/* Glyphs at the exports' natural sizes, on the artwork's left offsets. */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before {
  content: '';
  position: absolute;
  left: 31px;
  top: 50%;
  transform: translateY(-50%);
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { width: 22px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15.862%209.50904e-09C16.2191%20-3.25651e-05%2016.5709%200.0836271%2016.8869%200.243752C17.203%200.403877%2017.4738%200.635653%2017.6759%200.919059L17.7716%201.06729L21.7096%207.70082C21.8677%207.96719%2021.9638%208.26343%2021.9912%208.56906L22%208.75224V13.5148C22%2013.7774%2021.9493%2014.0377%2021.8504%2014.2825L21.7679%2014.4625L20.5381%2016.8289C20.369%2017.155%2020.1152%2017.4335%2019.8015%2017.6376C19.4878%2017.8416%2019.1247%2017.9643%2018.7473%2017.9936L18.5702%2018H16.5C15.945%2018.0002%2015.4104%2017.7984%2015.0034%2017.4351C14.5964%2017.0718%2014.3471%2016.5739%2014.3055%2016.0412L14.3%2015.8824H7.7C7.70018%2016.4166%207.49055%2016.9312%207.11315%2017.3229C6.73575%2017.7147%206.21847%2017.9546%205.665%2017.9947L5.5%2018H3.4298C3.05156%2017.9999%202.67974%2017.9059%202.35025%2017.7271C2.02076%2017.5483%201.74473%2017.2907%201.5488%2016.9793L1.4619%2016.8289L0.2321%2014.4614C0.110346%2014.2266%200.0350001%2013.972%200.00990007%2013.7107L9.79142e-10%2013.5148V8.75224C-9.49458e-06%208.44586%200.0690459%208.14313%200.2024%207.86494L0.2904%207.70082L4.2284%201.06729C4.4056%200.768786%204.65563%200.516294%204.95691%200.331633C5.25819%200.146971%205.60164%200.0356925%205.9576%200.00741174L6.138%209.50904e-09H15.862ZM15.862%202.11765H6.138L2.2%208.75224V13.5148L3.4298%2015.8824H5.5V14.9294C5.49985%2014.6424%205.60979%2014.3655%205.80873%2014.1517C6.00768%2013.9379%206.28162%2013.8024%206.578%2013.7711L6.71%2013.7647H15.29C15.5882%2013.7646%2015.8759%2013.8704%2016.098%2014.0619C16.3201%2014.2534%2016.4609%2014.5171%2016.4934%2014.8024L16.5%2014.9294V15.8824H18.5702L19.8%2013.5148V8.75224L15.862%202.11765ZM16.0094%207.52294C16.2703%207.39796%2016.572%207.37772%2016.8483%207.46665C17.1247%207.55559%2017.3531%207.74643%2017.4834%207.99729C17.611%208.24908%2017.6308%208.53898%2017.5387%208.8047C17.4465%209.07041%2017.2497%209.29071%2016.9906%209.41824C15.1822%2010.2865%2012.991%2010.5882%2011%2010.5882C8.9694%2010.5882%206.853%2010.2896%205.0138%209.42035C4.75477%209.29214%204.55791%209.07173%204.46506%208.80598C4.37221%208.54024%204.3907%208.25012%204.5166%207.99729C4.63952%207.76596%204.84588%207.58574%205.097%207.49042C5.34811%207.3951%205.62673%207.39123%205.8806%207.47953L6.1743%207.60129L6.4427%207.704L6.6836%207.78871L6.9696%207.87977L7.3018%207.97718L7.6758%208.07353L8.0905%208.16882L8.5426%208.25565C9.35331%208.39855%2010.1758%208.4705%2011%208.47059C12.6676%208.47059%2014.4848%208.22494%2016.0094%207.52294Z%22%20fill=%22%230096DC%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 33px; width: 20px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2220%22%20height=%2226%22%20viewBox=%220%200%2020%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12.9008%2013.1289V7.96251C12.9008%206.08107%2011.3305%204.55002%209.40082%204.55002C7.47114%204.55002%205.90083%206.08107%205.90083%207.96251V15.2403C5.25295%2014.7104%204.44433%2014.4098%203.59502%2014.4098C2.58395%2014.4098%201.61327%2014.8275%200.934206%2015.5562C-0.378917%2016.9592%20-0.293417%2019.1239%201.10033%2020.4402C1.10208%2020.442%201.10277%2020.4439%201.10452%2020.4457L7.00001%2026H20V15.275L12.9008%2013.1289ZM17.3333%2023.4H8.00001C8.00001%2023.4%203.32889%2019.1071%202.87445%2018.7033C2.35739%2018.2441%202.32008%2017.463%202.79114%2016.9587C3.26233%2016.4545%204.06345%2016.4182%204.58058%2016.8775C4.92683%2017.185%207.20257%2019.0125%207.20257%2019.0125L8.2342%2018.4924V7.96245C8.2342%207.33419%208.75657%206.82499%209.40082%206.82499C10.0452%206.82499%2010.5675%207.33425%2010.5675%207.96251V15.1455L17.3333%2017.225V23.4ZM1.50896%209.97595C1.33583%209.33153%201.23421%208.65915%201.23421%207.96251C1.23421%203.57246%204.89758%200%209.40082%200C13.9041%200%2017.5675%203.57246%2017.5675%207.96251C17.5675%208.65915%2017.4659%209.33153%2017.2927%209.97595L14.7632%209.12221C14.8484%208.74769%2014.9008%208.36171%2014.9008%207.96251C14.9008%205.00558%2012.4336%202.60002%209.40082%202.60002C6.36808%202.60002%203.90083%205.00558%203.90083%207.96251C3.90083%208.36178%203.95327%208.74769%204.03845%209.12215L1.50896%209.97595Z%22%20fill=%22%230096DC%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 33px; width: 24px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2223%22%20viewBox=%220%200%2024%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M2.14492%2011.5C2.14492%206.2926%206.56622%202.05554%2012%202.05554C17.4338%202.05554%2021.8552%206.2926%2021.8552%2011.5C21.8552%2012.9455%2021.5137%2014.3158%2020.9049%2015.5425L16.8918%206.30366H14.9338L12.5974%2011.6856L13.8681%2014.1125L15.9139%209.96605L19.3228%2017.8147C17.5168%2019.7353%2014.9037%2020.9444%2012.0023%2020.9444C9.10092%2020.9444%206.4855%2019.7353%204.68193%2017.8147L8.10226%209.93953L11.8755%2018.1506L13.2432%2015.474L9.06172%206.30366H7.11052L3.09745%2015.5425C2.48857%2014.3158%202.14723%2012.9455%202.14723%2011.5M12%200C5.37384%200%200%205.1499%200%2011.5C0%2017.85%205.37384%2023%2012%2023C18.6262%2023%2024%2017.85%2024%2011.5C24%205.1499%2018.6285%200%2012%200Z%22%20fill=%22%230096DC%22/%3E%0A%3C/svg%3E"); }
/* The artwork's sub-captions (Bitter 400 12, #19323C at x79 y41). CSS
 * content is how they exist at all - the widget renders one label. */
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  position: absolute;
  left: 79px;
  top: 41px;
  font-family: 'Bitter', Georgia, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #19323C;
}
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after { content: '300+ cars available'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): the slimmer 361x54 lozenge - same white,
 * stroke and shadow, the #0096DC question mark at x39, label at x80, no
 * sub-caption. (The artwork also carries an older #2E3094 roundel under
 * that glyph - a superseded layer, not built.) */
.hdcw-opener .hdcw-else {
  background: #fff;
  color: #19323C;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-opener .hdcw-else:hover { background: #F2FAFF; opacity: 1; }
.hdcw-opener button.hdcw-op-else {
  min-height: 54px;
  text-align: left;
  padding: 16px 26px 16px 80px;
  font-family: 'MuseoModerno', var(--hdcw-font);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%226%22%20height=%2212%22%20viewBox=%220%200%206%2012%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%2307659A%22/%3E%0A%3C/svg%3E") no-repeat right 18px center / 6px 12px;
}
.hdcw-opener button.hdcw-op-else:hover { background-color: #F2FAFF; }
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  left: 39px;
  top: 50%;
  width: 16px;
  height: 24px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2216%22%20height=%2224%22%20viewBox=%220%200%2016%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8.02141%200C4.3923%200%202.04172%201.53295%200.19627%204.26684C-0.138502%204.76278%20-0.0352925%205.44275%200.431696%205.80781L2.39304%207.34105C2.86467%207.70972%203.53571%207.62352%203.90494%207.14661C5.04384%205.67562%205.88866%204.82869%207.66763%204.82869C9.06637%204.82869%2010.7965%205.75677%2010.7965%207.15514C10.7965%208.21227%209.95002%208.75517%208.56892%209.55345C6.95835%2010.4844%204.82705%2011.643%204.82705%2014.5412V15C4.82705%2015.6213%205.31559%2016.125%205.91826%2016.125H9.21327C9.81594%2016.125%2010.3045%2015.6213%2010.3045%2015V14.7294C10.3045%2012.7203%2016%2012.6367%2016%207.2C16%203.10575%2011.8807%200%208.02141%200ZM7.56579%2017.5059C5.82914%2017.5059%204.41626%2018.9625%204.41626%2020.753C4.41626%2022.5434%205.82914%2024%207.56579%2024C9.30243%2024%2010.7153%2022.5434%2010.7153%2020.7529C10.7153%2018.9625%209.30243%2017.5059%207.56579%2017.5059Z%22%20fill=%22%230096DC%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}

/* Context CTA ("Tell me about this car", 19:679): the 349x50 bar, r10,
 * white 600 16 label. The artwork paints this one Kylemore red (a
 * shared-template leftover) - it is built in the file's own CTA gradient. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  border-radius: 10px;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 600;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (16:208 component): 31px white pills, r10, NO border,
 * the lozenges' shadow, #19323C 400 13/13 centred. Selected = a 1px
 * #07659A outline (I37:328 - the quiz's own answered state; the one other
 * stroked chip in the file, I19:414, carries the header gradient's #1E439C
 * end stop). Hover is this theme's own. */
.hdcw-chip {
  background: #fff;
  color: #19323C;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  padding: 9px 15px;
  font-size: 13px;
  line-height: 13px;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F2FAFF; border-color: transparent; color: #19323C; }
.hdcw-chip--sel { border-color: #07659A; box-shadow: 0 4px 4px rgba(0,0,0,.25); }
/* POPULAR/LIFESTYLE/MAKES (16:213): 11px bold #6D6D6D, tracking 0. */
.hdcw-ghead {
  letter-spacing: 0;
  line-height: 15px;
}

/* ---------- Car cards ("csr search" 19:566): white, #E4E6EA border, r10 -
 * the photo squares off the top corners, so the radius lives on the bottom
 * only (kcd2 corner rule). Title 400 13, price 700 15, monthly 500 12,
 * meta 400 11 #1B1B1B (19:545 run 122). Flush split action bar: Details on
 * an #E4E6EA outline with a #19323C label / I'm Interested filled with the
 * CTA gradient under a WHITE label (2023:442). */
.hdcw-cars { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
/* The artwork leaves 7px between the meta line and the action bar (text
 * block 19:545 ends at y206, the buttons start at y213); with the body
 * padded to 0 the widget's auto margin collapses and the two touch. */
.hdcw-car .hdcw-carbody { padding: 10px 12px 7px; }
.hdcw-car h4.hdcw-cartitle {
  margin: 0;
  /* the DMD site styles every h4 with --header-font (MuseoModerno); an
   * element selector beats the panel's inherited family, so the card title
   * has to name the body font itself. */
  font-family: var(--hdcw-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  max-height: 34px;
}
.hdcw-car .hdcw-price { font-size: 15px; font-weight: 700; line-height: 19px; }
/* The monthly run carries no fill override in 19:545 - it inherits the
 * card's #19323C like the title and price (no gradient text here). Needs
 * the .hdcw-car prefix: the widget's own `.hdcw-car .hdcw-mo` paints it
 * with --hdcw-link and outranks a bare .hdcw-mo. */
.hdcw-car .hdcw-mo { color: #19323C; font-size: 12px; font-weight: 500; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #1B1B1B; font-size: 11px; line-height: 17px; margin-top: 0; }
/* New-car range cards (CON-823) end in their title - no action bar (jacs2). */
.hdcw-ncgrid .hdcw-carbody { padding: 12px 14px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 31px;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  background: #fff;
  color: #19323C;
}
.hdcw-car .hdcw-pick:hover { background: #F2FAFF; color: #19323C; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 0;
  border-radius: 0 0 9px 0;
  background: linear-gradient(107.6deg, #48B8FE -0.6%, #2D95D5 45.6%, #005C8F 81.2%);
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 9px 9px; border-left: 1px solid #E4E6EA; }
.hdcw-car .hdcw-pick--primary:hover { opacity: .9; color: #fff; }

/* ---------- Footer (24:712): one #E4E6EA band (400x129). Input 299x51,
 * r10, 1px #19323C stroke, a Bitter 15 placeholder 21px in at full colour
 * (opacity:1 - Firefox dims placeholders). The .fig draws no focus state,
 * so the box keeps its stroke while focused. Send: the designer's 52x52
 * gradient circle + white plane (the canvas copy of that circle is painted
 * in a stray dealer's red - the export is the truth). Disclosure: one
 * centred paragraph, 400 12/15 #504949, flowing inline with the joining
 * period restored (jacs2 mechanism). */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 21px 11px;
  gap: 7px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 0 21px;
  font-family: 'Bitter', Georgia, serif;
  font-size: 15px;
  line-height: 49px;
  letter-spacing: .01em;
}
.hdcw-input input::placeholder { color: #19323C; opacity: 1; }
.hdcw-input input:focus { border-color: #19323C; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22url(%23paint0_linear_2003_411)%22/%3E%0A%3Cpath%20d=%22M35.865%2024.875L19.83%2017.3C19.612%2017.195%2019.368%2017.1561%2019.1281%2017.1881C18.8882%2017.22%2018.6629%2017.3215%2018.48%2017.48C18.1%2017.805%2017.955%2018.305%2018.095%2018.785L20.015%2025.255H26.495V26.75H20.02L18.1%2033.215C17.96%2033.695%2018.105%2034.195%2018.485%2034.52C18.668%2034.6781%2018.8929%2034.7798%2019.1326%2034.8126C19.3722%2034.8455%2019.6162%2034.8081%2019.835%2034.705L35.865%2027.14C36.305%2026.93%2036.58%2026.495%2036.58%2026.01C36.58%2025.52%2036.305%2025.09%2035.865%2024.88V24.875Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_2003_411%22%20x1=%2257.3182%22%20y1=%22112.5%22%20x2=%22-7.67938%22%20y2=%22109.29%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2348B8FE%22/%3E%0A%3Cstop%20offset=%220.45145%22%20stop-color=%22%232D95D5%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23005C8F%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .4; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 0 56px 17px;
}
.hdcw-powered a.hdcw-tc { color: #504949; }
.hdcw-powered > div { display: inline; }
/* Dealer request (Mick, 2026-09-04): no HappyDealer branding in this
 * dealer's panel. The widget hardcodes that line (chat-widget.js builds it
 * as the first div of .hdcw-powered, with no embed attribute behind it),
 * so the theme drops it here - which also retires the '. ' that joined the
 * two lines into one paragraph. Note this HIDES it rather than stopping it
 * being emitted: the string still sits in the DOM. Taking it out at the
 * source needs an embed flag in nodejs-api. */
.hdcw-powered > div:first-child { display: none; }

/* iOS zoom guard re-asserted (CON-781/CON-853 trap). */
@media (pointer: coarse) {
  .hdcw-input input { font-size: 16px; }
}