/* chat widget branding - Hornibrooks of Lismore (hbol, template HBOL).
 * Source of truth: the designer's ORIGINAL Figma file oed9cs8yOF1jegVvUaaSD1
 * and its 16 @2x artboard PNGs, which outrank the node dump wherever the two
 * disagree. Tooling and QA: tickets/CON-1165/hbol/qa-hbol/; design notes and
 * the probe table: tickets/CON-1165/hbol/DESIGN-hbol.md. Glyphs are SVG
 * exports of the file's own nodes.
 *
 * Teal and magenta on white: an 81px header band shading from purple
 * (bottom-left) through deep teal to #16A1B4 with a lighter teal swoosh, the
 * white sparkle roundel and the dealer name in Lato Bold; #EDEDED bot bubbles
 * with a 1px #C7C7C7 stroke and a squared bottom-left corner, Lato 15/19;
 * pale-teal #A1D6DD user bubbles; the openers as a white LIST - rows split by
 * 1px #B7B7B7 rules, teal glyphs, black Bold 17 titles and chevrons; white r10
 * chips on a 0/4/4 25% shadow; white cards with a flush Details | I'm
 * Interested (#16A1B4) bar; a #E4E6EA footer band with a black stroked input
 * and a teal-to-magenta send circle. The launcher is the designer's black
 * "Virtual Assistant" tab with the gradient sparkle roundel.
 * Type: Lato throughout (loaded by the HBOL template itself); nothing is
 * imported. SemiBold runs render Bold (Google serves no Lato 600).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1165/hbol/build-theme-hbol.py - edit the
 * generator, never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #16A1B4;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;               /* cards, input, chips */
  --hdcw-surface: #fff;          /* the conversation ground (Rectangle 8 15:158, style ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 2008:473 - the runs override the #504949 base to black */
  --hdcw-border: #000000;          /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;           /* panel 1:7 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #056876;       /* the band's middle stop; the band itself is the SVG below */
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #A1D6DD;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #16A1B4;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 9px;           /* on a page with a pinned bar the tab rests 9px above it, as it rests 9px above the screen edge on 03-home */
}

/* ---------- Launcher (ai-assistant-icon 52004:617 on the 400x719 home
 * artboard): the designer's 121x47 black tab with "Virtual Assistant" in
 * white Lato Bold 15/15 and the 50px gradient roundel with the white sparkle
 * mark, as one 141x50 SVG. The lockup ends 7px from the right edge and 9px
 * from the bottom (x252..393, y660..710). */
.hdcw-fab {
  width: 141px;
  height: 50px;
  right: 7px;
  bottom: 9px;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22141%22%20height=%2250%22%20viewBox=%220%200%20141%2050%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M112.291%208.8296C111.274%204.25475%20107.216%201%20102.529%201L9.99999%201.00001C4.47715%201.00001%200%205.47717%200%2011V38C0%2043.5229%204.47715%2048%2010%2048H108.532C114.93%2048%20119.683%2042.075%20118.294%2035.8296L112.291%208.8296Z%22%20fill=%22black%22%20fill-opacity=%220.95%22/%3E%0A%3Cpath%20d=%22M42.2322%2010.247L37.8522%2021.092H36.0297L31.6497%2010.247H33.2697C33.4447%2010.247%2033.5872%2010.2895%2033.6972%2010.3745C33.8072%2010.4595%2033.8897%2010.5695%2033.9447%2010.7045L36.5022%2017.3195C36.5872%2017.5345%2036.6672%2017.772%2036.7422%2018.032C36.8222%2018.287%2036.8972%2018.5545%2036.9672%2018.8345C37.0272%2018.5545%2037.0922%2018.287%2037.1622%2018.032C37.2322%2017.772%2037.3097%2017.5345%2037.3947%2017.3195L39.9372%2010.7045C39.9772%2010.5895%2040.0547%2010.4845%2040.1697%2010.3895C40.2897%2010.2945%2040.4347%2010.247%2040.6047%2010.247H42.2322ZM44.9822%2013.397V21.092H43.1222V13.397H44.9822ZM45.2372%2011.1545C45.2372%2011.3145%2045.2047%2011.4645%2045.1397%2011.6045C45.0747%2011.7445%2044.9872%2011.867%2044.8772%2011.972C44.7722%2012.077%2044.6472%2012.162%2044.5022%2012.227C44.3572%2012.287%2044.2022%2012.317%2044.0372%2012.317C43.8772%2012.317%2043.7247%2012.287%2043.5797%2012.227C43.4397%2012.162%2043.3172%2012.077%2043.2122%2011.972C43.1072%2011.867%2043.0222%2011.7445%2042.9572%2011.6045C42.8972%2011.4645%2042.8672%2011.3145%2042.8672%2011.1545C42.8672%2010.9895%2042.8972%2010.8345%2042.9572%2010.6895C43.0222%2010.5445%2043.1072%2010.4195%2043.2122%2010.3145C43.3172%2010.2095%2043.4397%2010.127%2043.5797%2010.067C43.7247%2010.002%2043.8772%209.96954%2044.0372%209.96954C44.2022%209.96954%2044.3572%2010.002%2044.5022%2010.067C44.6472%2010.127%2044.7722%2010.2095%2044.8772%2010.3145C44.9872%2010.4195%2045.0747%2010.5445%2045.1397%2010.6895C45.2047%2010.8345%2045.2372%2010.9895%2045.2372%2011.1545ZM48.6183%2014.732C48.8583%2014.272%2049.1433%2013.912%2049.4733%2013.652C49.8033%2013.387%2050.1933%2013.2545%2050.6433%2013.2545C50.9983%2013.2545%2051.2833%2013.332%2051.4983%2013.487L51.3783%2014.8745C51.3533%2014.9645%2051.3158%2015.0295%2051.2658%2015.0695C51.2208%2015.1045%2051.1583%2015.122%2051.0783%2015.122C51.0033%2015.122%2050.8908%2015.1095%2050.7408%2015.0845C50.5958%2015.0595%2050.4533%2015.047%2050.3133%2015.047C50.1083%2015.047%2049.9258%2015.077%2049.7658%2015.137C49.6058%2015.197%2049.4608%2015.2845%2049.3308%2015.3995C49.2058%2015.5095%2049.0933%2015.6445%2048.9933%2015.8045C48.8983%2015.9645%2048.8083%2016.147%2048.7233%2016.352V21.092H46.8708V13.397H47.9583C48.1483%2013.397%2048.2808%2013.432%2048.3558%2013.502C48.4308%2013.567%2048.4808%2013.687%2048.5058%2013.862L48.6183%2014.732ZM55.0315%2021.212C54.3615%2021.212%2053.8465%2021.0245%2053.4865%2020.6495C53.1315%2020.2695%2052.954%2019.747%2052.954%2019.082V14.7845H52.1665C52.0665%2014.7845%2051.9815%2014.752%2051.9115%2014.687C51.8415%2014.622%2051.8065%2014.5245%2051.8065%2014.3945V13.6595L53.044%2013.457L53.434%2011.357C53.459%2011.257%2053.5065%2011.1795%2053.5765%2011.1245C53.6465%2011.0695%2053.7365%2011.042%2053.8465%2011.042H54.8065V13.4645H56.8615V14.7845H54.8065V18.9545C54.8065%2019.1945%2054.864%2019.382%2054.979%2019.517C55.099%2019.652%2055.2615%2019.7195%2055.4665%2019.7195C55.5815%2019.7195%2055.6765%2019.707%2055.7515%2019.682C55.8315%2019.652%2055.899%2019.622%2055.954%2019.592C56.014%2019.562%2056.0665%2019.5345%2056.1115%2019.5095C56.1565%2019.4795%2056.2015%2019.4645%2056.2465%2019.4645C56.3015%2019.4645%2056.3465%2019.4795%2056.3815%2019.5095C56.4165%2019.5345%2056.454%2019.5745%2056.494%2019.6295L57.049%2020.5295C56.779%2020.7545%2056.469%2020.9245%2056.119%2021.0395C55.769%2021.1545%2055.4065%2021.212%2055.0315%2021.212ZM64.6776%2013.397V21.092H63.5451C63.3001%2021.092%2063.1451%2020.9795%2063.0801%2020.7545L62.9526%2020.1395C62.6376%2020.4595%2062.2901%2020.7195%2061.9101%2020.9195C61.5301%2021.1145%2061.0826%2021.212%2060.5676%2021.212C60.1476%2021.212%2059.7751%2021.142%2059.4501%2021.002C59.1301%2020.857%2058.8601%2020.6545%2058.6401%2020.3945C58.4201%2020.1345%2058.2526%2019.827%2058.1376%2019.472C58.0276%2019.112%2057.9726%2018.717%2057.9726%2018.287V13.397H59.8251V18.287C59.8251%2018.757%2059.9326%2019.122%2060.1476%2019.382C60.3676%2019.637%2060.6951%2019.7645%2061.1301%2019.7645C61.4501%2019.7645%2061.7501%2019.6945%2062.0301%2019.5545C62.3101%2019.4095%2062.5751%2019.212%2062.8251%2018.962V13.397H64.6776ZM70.5793%2017.807C70.0443%2017.832%2069.5943%2017.8795%2069.2294%2017.9495C68.8643%2018.0145%2068.5718%2018.0995%2068.3518%2018.2045C68.1319%2018.3095%2067.9743%2018.432%2067.8793%2018.572C67.7844%2018.712%2067.7369%2018.8645%2067.7369%2019.0295C67.7369%2019.3545%2067.8319%2019.587%2068.0219%2019.727C68.2169%2019.867%2068.4693%2019.937%2068.7794%2019.937C69.1594%2019.937%2069.4869%2019.8695%2069.7618%2019.7345C70.0419%2019.5945%2070.3144%2019.3845%2070.5793%2019.1045V17.807ZM66.3344%2014.4695C67.2193%2013.6595%2068.2844%2013.2545%2069.5294%2013.2545C69.9794%2013.2545%2070.3819%2013.3295%2070.7369%2013.4795C71.0919%2013.6245%2071.3918%2013.8295%2071.6369%2014.0945C71.8819%2014.3545%2072.0668%2014.667%2072.1918%2015.032C72.3218%2015.397%2072.3868%2015.797%2072.3868%2016.232V21.092H71.5469C71.3718%2021.092%2071.2369%2021.067%2071.1418%2021.017C71.0468%2020.962%2070.9719%2020.8545%2070.9169%2020.6945L70.7519%2020.1395C70.5569%2020.3145%2070.3669%2020.4695%2070.1819%2020.6045C69.9968%2020.7345%2069.8044%2020.8445%2069.6044%2020.9345C69.4044%2021.0245%2069.1894%2021.092%2068.9594%2021.137C68.7343%2021.187%2068.4843%2021.212%2068.2094%2021.212C67.8843%2021.212%2067.5844%2021.1695%2067.3093%2021.0845C67.0344%2020.9945%2066.7968%2020.862%2066.5969%2020.687C66.3969%2020.512%2066.2419%2020.2945%2066.1319%2020.0345C66.0219%2019.7745%2065.9669%2019.472%2065.9669%2019.127C65.9669%2018.932%2065.9994%2018.7395%2066.0644%2018.5495C66.1293%2018.3545%2066.2343%2018.1695%2066.3793%2017.9945C66.5294%2017.8195%2066.7219%2017.6545%2066.9568%2017.4995C67.1918%2017.3445%2067.4794%2017.2095%2067.8194%2017.0945C68.1643%2016.9795%2068.5644%2016.887%2069.0194%2016.817C69.4743%2016.742%2069.9944%2016.697%2070.5793%2016.682V16.232C70.5793%2015.717%2070.4693%2015.337%2070.2494%2015.092C70.0294%2014.842%2069.7118%2014.717%2069.2969%2014.717C68.9968%2014.717%2068.7468%2014.752%2068.5468%2014.822C68.3518%2014.892%2068.1794%2014.972%2068.0294%2015.062C67.8793%2015.147%2067.7419%2015.2245%2067.6169%2015.2945C67.4968%2015.3645%2067.3619%2015.3995%2067.2118%2015.3995C67.0818%2015.3995%2066.9719%2015.367%2066.8819%2015.302C66.7919%2015.232%2066.7193%2015.152%2066.6643%2015.062L66.3344%2014.4695ZM76.0065%209.94704V21.092H74.154V9.94704H76.0065ZM22.7322%2031.997L21.4122%2028.3895C21.3472%2028.2295%2021.2797%2028.0395%2021.2097%2027.8195C21.1397%2027.5995%2021.0697%2027.362%2020.9997%2027.107C20.9347%2027.362%2020.8672%2027.602%2020.7972%2027.827C20.7272%2028.047%2020.6597%2028.2395%2020.5947%2028.4045L19.2822%2031.997H22.7322ZM26.2947%2036.092H24.7347C24.5597%2036.092%2024.4172%2036.0495%2024.3072%2035.9645C24.1972%2035.8745%2024.1147%2035.7645%2024.0597%2035.6345L23.2497%2033.422H18.7572L17.9472%2035.6345C17.9072%2035.7495%2017.8297%2035.8545%2017.7147%2035.9495C17.5997%2036.0445%2017.4572%2036.092%2017.2872%2036.092H15.7122L19.9797%2025.247H22.0347L26.2947%2036.092ZM31.8197%2029.897C31.7697%2029.977%2031.7172%2030.0345%2031.6622%2030.0695C31.6072%2030.0995%2031.5372%2030.1145%2031.4522%2030.1145C31.3622%2030.1145%2031.2647%2030.0895%2031.1597%2030.0395C31.0597%2029.9895%2030.9422%2029.9345%2030.8072%2029.8745C30.6722%2029.8095%2030.5172%2029.752%2030.3422%2029.702C30.1722%2029.652%2029.9697%2029.627%2029.7347%2029.627C29.3697%2029.627%2029.0822%2029.7045%2028.8722%2029.8595C28.6672%2030.0145%2028.5647%2030.217%2028.5647%2030.467C28.5647%2030.632%2028.6172%2030.772%2028.7222%2030.887C28.8322%2030.997%2028.9747%2031.0945%2029.1497%2031.1795C29.3297%2031.2645%2029.5322%2031.342%2029.7572%2031.412C29.9822%2031.477%2030.2097%2031.5495%2030.4397%2031.6295C30.6747%2031.7095%2030.9047%2031.802%2031.1297%2031.907C31.3547%2032.007%2031.5547%2032.137%2031.7297%2032.297C31.9097%2032.452%2032.0522%2032.6395%2032.1572%2032.8595C32.2672%2033.0795%2032.3222%2033.3445%2032.3222%2033.6545C32.3222%2034.0245%2032.2547%2034.367%2032.1197%2034.682C31.9897%2034.992%2031.7947%2035.262%2031.5347%2035.492C31.2747%2035.717%2030.9522%2035.8945%2030.5672%2036.0245C30.1872%2036.1495%2029.7472%2036.212%2029.2472%2036.212C28.9822%2036.212%2028.7222%2036.187%2028.4672%2036.137C28.2172%2036.092%2027.9747%2036.027%2027.7397%2035.942C27.5097%2035.857%2027.2947%2035.757%2027.0947%2035.642C26.8997%2035.527%2026.7272%2035.402%2026.5772%2035.267L27.0047%2034.562C27.0597%2034.477%2027.1247%2034.412%2027.1997%2034.367C27.2747%2034.322%2027.3697%2034.2995%2027.4847%2034.2995C27.5997%2034.2995%2027.7072%2034.332%2027.8072%2034.397C27.9122%2034.462%2028.0322%2034.532%2028.1672%2034.607C28.3022%2034.682%2028.4597%2034.752%2028.6397%2034.817C28.8247%2034.882%2029.0572%2034.9145%2029.3372%2034.9145C29.5572%2034.9145%2029.7447%2034.8895%2029.8997%2034.8395C30.0597%2034.7845%2030.1897%2034.7145%2030.2897%2034.6295C30.3947%2034.5445%2030.4697%2034.447%2030.5147%2034.337C30.5647%2034.222%2030.5897%2034.1045%2030.5897%2033.9845C30.5897%2033.8045%2030.5347%2033.657%2030.4247%2033.542C30.3197%2033.427%2030.1772%2033.327%2029.9972%2033.242C29.8222%2033.157%2029.6197%2033.082%2029.3897%2033.017C29.1647%2032.947%2028.9322%2032.872%2028.6922%2032.792C28.4572%2032.712%2028.2247%2032.6195%2027.9947%2032.5145C27.7697%2032.4045%2027.5672%2032.267%2027.3872%2032.102C27.2122%2031.937%2027.0697%2031.7345%2026.9597%2031.4945C26.8547%2031.2545%2026.8022%2030.9645%2026.8022%2030.6245C26.8022%2030.3095%2026.8647%2030.0095%2026.9897%2029.7245C27.1147%2029.4395%2027.2972%2029.192%2027.5372%2028.982C27.7822%2028.767%2028.0847%2028.597%2028.4447%2028.472C28.8097%2028.342%2029.2297%2028.277%2029.7047%2028.277C30.2347%2028.277%2030.7172%2028.3645%2031.1522%2028.5395C31.5872%2028.7145%2031.9497%2028.9445%2032.2397%2029.2295L31.8197%2029.897ZM38.4115%2029.897C38.3615%2029.977%2038.309%2030.0345%2038.254%2030.0695C38.199%2030.0995%2038.129%2030.1145%2038.044%2030.1145C37.954%2030.1145%2037.8565%2030.0895%2037.7515%2030.0395C37.6515%2029.9895%2037.534%2029.9345%2037.399%2029.8745C37.264%2029.8095%2037.109%2029.752%2036.934%2029.702C36.764%2029.652%2036.5615%2029.627%2036.3265%2029.627C35.9615%2029.627%2035.674%2029.7045%2035.464%2029.8595C35.259%2030.0145%2035.1565%2030.217%2035.1565%2030.467C35.1565%2030.632%2035.209%2030.772%2035.314%2030.887C35.424%2030.997%2035.5665%2031.0945%2035.7415%2031.1795C35.9215%2031.2645%2036.124%2031.342%2036.349%2031.412C36.574%2031.477%2036.8015%2031.5495%2037.0315%2031.6295C37.2665%2031.7095%2037.4965%2031.802%2037.7215%2031.907C37.9465%2032.007%2038.1465%2032.137%2038.3215%2032.297C38.5015%2032.452%2038.644%2032.6395%2038.749%2032.8595C38.859%2033.0795%2038.914%2033.3445%2038.914%2033.6545C38.914%2034.0245%2038.8465%2034.367%2038.7115%2034.682C38.5815%2034.992%2038.3865%2035.262%2038.1265%2035.492C37.8665%2035.717%2037.544%2035.8945%2037.159%2036.0245C36.779%2036.1495%2036.339%2036.212%2035.839%2036.212C35.574%2036.212%2035.314%2036.187%2035.059%2036.137C34.809%2036.092%2034.5665%2036.027%2034.3315%2035.942C34.1015%2035.857%2033.8865%2035.757%2033.6865%2035.642C33.4915%2035.527%2033.319%2035.402%2033.169%2035.267L33.5965%2034.562C33.6515%2034.477%2033.7165%2034.412%2033.7915%2034.367C33.8665%2034.322%2033.9615%2034.2995%2034.0765%2034.2995C34.1915%2034.2995%2034.299%2034.332%2034.399%2034.397C34.504%2034.462%2034.624%2034.532%2034.759%2034.607C34.894%2034.682%2035.0515%2034.752%2035.2315%2034.817C35.4165%2034.882%2035.649%2034.9145%2035.929%2034.9145C36.149%2034.9145%2036.3365%2034.8895%2036.4915%2034.8395C36.6515%2034.7845%2036.7815%2034.7145%2036.8815%2034.6295C36.9865%2034.5445%2037.0615%2034.447%2037.1065%2034.337C37.1565%2034.222%2037.1815%2034.1045%2037.1815%2033.9845C37.1815%2033.8045%2037.1265%2033.657%2037.0165%2033.542C36.9115%2033.427%2036.769%2033.327%2036.589%2033.242C36.414%2033.157%2036.2115%2033.082%2035.9815%2033.017C35.7565%2032.947%2035.524%2032.872%2035.284%2032.792C35.049%2032.712%2034.8165%2032.6195%2034.5865%2032.5145C34.3615%2032.4045%2034.159%2032.267%2033.979%2032.102C33.804%2031.937%2033.6615%2031.7345%2033.5515%2031.4945C33.4465%2031.2545%2033.394%2030.9645%2033.394%2030.6245C33.394%2030.3095%2033.4565%2030.0095%2033.5815%2029.7245C33.7065%2029.4395%2033.889%2029.192%2034.129%2028.982C34.374%2028.767%2034.6765%2028.597%2035.0365%2028.472C35.4015%2028.342%2035.8215%2028.277%2036.2965%2028.277C36.8265%2028.277%2037.309%2028.3645%2037.744%2028.5395C38.179%2028.7145%2038.5415%2028.9445%2038.8315%2029.2295L38.4115%2029.897ZM42.2283%2028.397V36.092H40.3683V28.397H42.2283ZM42.4833%2026.1545C42.4833%2026.3145%2042.4508%2026.4645%2042.3858%2026.6045C42.3208%2026.7445%2042.2333%2026.867%2042.1233%2026.972C42.0183%2027.077%2041.8933%2027.162%2041.7483%2027.227C41.6033%2027.287%2041.4483%2027.317%2041.2833%2027.317C41.1233%2027.317%2040.9708%2027.287%2040.8258%2027.227C40.6858%2027.162%2040.5633%2027.077%2040.4583%2026.972C40.3533%2026.867%2040.2683%2026.7445%2040.2033%2026.6045C40.1433%2026.4645%2040.1133%2026.3145%2040.1133%2026.1545C40.1133%2025.9895%2040.1433%2025.8345%2040.2033%2025.6895C40.2683%2025.5445%2040.3533%2025.4195%2040.4583%2025.3145C40.5633%2025.2095%2040.6858%2025.127%2040.8258%2025.067C40.9708%2025.002%2041.1233%2024.9695%2041.2833%2024.9695C41.4483%2024.9695%2041.6033%2025.002%2041.7483%2025.067C41.8933%2025.127%2042.0183%2025.2095%2042.1233%2025.3145C42.2333%2025.4195%2042.3208%2025.5445%2042.3858%2025.6895C42.4508%2025.8345%2042.4833%2025.9895%2042.4833%2026.1545ZM48.8119%2029.897C48.7619%2029.977%2048.7094%2030.0345%2048.6544%2030.0695C48.5994%2030.0995%2048.5294%2030.1145%2048.4444%2030.1145C48.3544%2030.1145%2048.2569%2030.0895%2048.1519%2030.0395C48.0519%2029.9895%2047.9344%2029.9345%2047.7994%2029.8745C47.6644%2029.8095%2047.5094%2029.752%2047.3344%2029.702C47.1644%2029.652%2046.9619%2029.627%2046.7269%2029.627C46.3619%2029.627%2046.0744%2029.7045%2045.8644%2029.8595C45.6594%2030.0145%2045.5569%2030.217%2045.5569%2030.467C45.5569%2030.632%2045.6094%2030.772%2045.7144%2030.887C45.8244%2030.997%2045.9669%2031.0945%2046.1419%2031.1795C46.3219%2031.2645%2046.5244%2031.342%2046.7494%2031.412C46.9744%2031.477%2047.2019%2031.5495%2047.4319%2031.6295C47.6669%2031.7095%2047.8969%2031.802%2048.1219%2031.907C48.3469%2032.007%2048.5469%2032.137%2048.7219%2032.297C48.9019%2032.452%2049.0444%2032.6395%2049.1494%2032.8595C49.2594%2033.0795%2049.3144%2033.3445%2049.3144%2033.6545C49.3144%2034.0245%2049.2469%2034.367%2049.1119%2034.682C48.9819%2034.992%2048.7869%2035.262%2048.5269%2035.492C48.2669%2035.717%2047.9444%2035.8945%2047.5594%2036.0245C47.1794%2036.1495%2046.7394%2036.212%2046.2394%2036.212C45.9744%2036.212%2045.7144%2036.187%2045.4594%2036.137C45.2094%2036.092%2044.9669%2036.027%2044.7319%2035.942C44.5019%2035.857%2044.2869%2035.757%2044.0869%2035.642C43.8919%2035.527%2043.7194%2035.402%2043.5694%2035.267L43.9969%2034.562C44.0519%2034.477%2044.1169%2034.412%2044.1919%2034.367C44.2669%2034.322%2044.3619%2034.2995%2044.4769%2034.2995C44.5919%2034.2995%2044.6994%2034.332%2044.7994%2034.397C44.9044%2034.462%2045.0244%2034.532%2045.1594%2034.607C45.2944%2034.682%2045.4519%2034.752%2045.6319%2034.817C45.8169%2034.882%2046.0494%2034.9145%2046.3294%2034.9145C46.5494%2034.9145%2046.7369%2034.8895%2046.8919%2034.8395C47.0519%2034.7845%2047.1819%2034.7145%2047.2819%2034.6295C47.3869%2034.5445%2047.4619%2034.447%2047.5069%2034.337C47.5569%2034.222%2047.5819%2034.1045%2047.5819%2033.9845C47.5819%2033.8045%2047.5269%2033.657%2047.4169%2033.542C47.3119%2033.427%2047.1694%2033.327%2046.9894%2033.242C46.8144%2033.157%2046.6119%2033.082%2046.3819%2033.017C46.1569%2032.947%2045.9244%2032.872%2045.6844%2032.792C45.4494%2032.712%2045.2169%2032.6195%2044.9869%2032.5145C44.7619%2032.4045%2044.5594%2032.267%2044.3794%2032.102C44.2044%2031.937%2044.0619%2031.7345%2043.9519%2031.4945C43.8469%2031.2545%2043.7944%2030.9645%2043.7944%2030.6245C43.7944%2030.3095%2043.8569%2030.0095%2043.9819%2029.7245C44.1069%2029.4395%2044.2894%2029.192%2044.5294%2028.982C44.7744%2028.767%2045.0769%2028.597%2045.4369%2028.472C45.8019%2028.342%2046.2219%2028.277%2046.6969%2028.277C47.2269%2028.277%2047.7094%2028.3645%2048.1444%2028.5395C48.5794%2028.7145%2048.9419%2028.9445%2049.2319%2029.2295L48.8119%2029.897ZM53.2737%2036.212C52.6037%2036.212%2052.0887%2036.0245%2051.7287%2035.6495C51.3737%2035.2695%2051.1962%2034.747%2051.1962%2034.082V29.7845H50.4087C50.3087%2029.7845%2050.2237%2029.752%2050.1537%2029.687C50.0837%2029.622%2050.0487%2029.5245%2050.0487%2029.3945V28.6595L51.2862%2028.457L51.6762%2026.357C51.7012%2026.257%2051.7487%2026.1795%2051.8187%2026.1245C51.8887%2026.0695%2051.9787%2026.042%2052.0887%2026.042H53.0487V28.4645H55.1037V29.7845H53.0487V33.9545C53.0487%2034.1945%2053.1062%2034.382%2053.2212%2034.517C53.3412%2034.652%2053.5037%2034.7195%2053.7087%2034.7195C53.8237%2034.7195%2053.9187%2034.707%2053.9937%2034.682C54.0737%2034.652%2054.1412%2034.622%2054.1962%2034.592C54.2562%2034.562%2054.3087%2034.5345%2054.3537%2034.5095C54.3987%2034.4795%2054.4437%2034.4645%2054.4887%2034.4645C54.5437%2034.4645%2054.5887%2034.4795%2054.6237%2034.5095C54.6587%2034.5345%2054.6962%2034.5745%2054.7362%2034.6295L55.2912%2035.5295C55.0212%2035.7545%2054.7112%2035.9245%2054.3612%2036.0395C54.0112%2036.1545%2053.6487%2036.212%2053.2737%2036.212ZM60.3547%2032.807C59.8197%2032.832%2059.3697%2032.8795%2059.0047%2032.9495C58.6397%2033.0145%2058.3472%2033.0995%2058.1272%2033.2045C57.9072%2033.3095%2057.7497%2033.432%2057.6547%2033.572C57.5597%2033.712%2057.5122%2033.8645%2057.5122%2034.0295C57.5122%2034.3545%2057.6072%2034.587%2057.7972%2034.727C57.9922%2034.867%2058.2447%2034.937%2058.5547%2034.937C58.9347%2034.937%2059.2622%2034.8695%2059.5372%2034.7345C59.8172%2034.5945%2060.0897%2034.3845%2060.3547%2034.1045V32.807ZM56.1097%2029.4695C56.9947%2028.6595%2058.0597%2028.2545%2059.3047%2028.2545C59.7547%2028.2545%2060.1572%2028.3295%2060.5122%2028.4795C60.8672%2028.6245%2061.1672%2028.8295%2061.4122%2029.0945C61.6572%2029.3545%2061.8422%2029.667%2061.9672%2030.032C62.0972%2030.397%2062.1622%2030.797%2062.1622%2031.232V36.092H61.3222C61.1472%2036.092%2061.0122%2036.067%2060.9172%2036.017C60.8222%2035.962%2060.7472%2035.8545%2060.6922%2035.6945L60.5272%2035.1395C60.3322%2035.3145%2060.1422%2035.4695%2059.9572%2035.6045C59.7722%2035.7345%2059.5797%2035.8445%2059.3797%2035.9345C59.1797%2036.0245%2058.9647%2036.092%2058.7347%2036.137C58.5097%2036.187%2058.2597%2036.212%2057.9847%2036.212C57.6597%2036.212%2057.3597%2036.1695%2057.0847%2036.0845C56.8097%2035.9945%2056.5722%2035.862%2056.3722%2035.687C56.1722%2035.512%2056.0172%2035.2945%2055.9072%2035.0345C55.7972%2034.7745%2055.7422%2034.472%2055.7422%2034.127C55.7422%2033.932%2055.7747%2033.7395%2055.8397%2033.5495C55.9047%2033.3545%2056.0097%2033.1695%2056.1547%2032.9945C56.3047%2032.8195%2056.4972%2032.6545%2056.7322%2032.4995C56.9672%2032.3445%2057.2547%2032.2095%2057.5947%2032.0945C57.9397%2031.9795%2058.3397%2031.887%2058.7947%2031.817C59.2497%2031.742%2059.7697%2031.697%2060.3547%2031.682V31.232C60.3547%2030.717%2060.2447%2030.337%2060.0247%2030.092C59.8047%2029.842%2059.4872%2029.717%2059.0722%2029.717C58.7722%2029.717%2058.5222%2029.752%2058.3222%2029.822C58.1272%2029.892%2057.9547%2029.972%2057.8047%2030.062C57.6547%2030.147%2057.5172%2030.2245%2057.3922%2030.2945C57.2722%2030.3645%2057.1372%2030.3995%2056.9872%2030.3995C56.8572%2030.3995%2056.7472%2030.367%2056.6572%2030.302C56.5672%2030.232%2056.4947%2030.152%2056.4397%2030.062L56.1097%2029.4695ZM65.6394%2029.342C65.7944%2029.187%2065.9569%2029.0445%2066.1269%2028.9145C66.3019%2028.7795%2066.4844%2028.667%2066.6744%2028.577C66.8694%2028.482%2067.0769%2028.4095%2067.2969%2028.3595C67.5169%2028.3045%2067.7569%2028.277%2068.0169%2028.277C68.4369%2028.277%2068.8094%2028.3495%2069.1344%2028.4945C69.4594%2028.6345%2069.7294%2028.8345%2069.9444%2029.0945C70.1644%2029.3495%2070.3294%2029.657%2070.4394%2030.017C70.5544%2030.372%2070.6119%2030.7645%2070.6119%2031.1945V36.092H68.7594V31.1945C68.7594%2030.7245%2068.6519%2030.362%2068.4369%2030.107C68.2219%2029.847%2067.8944%2029.717%2067.4544%2029.717C67.1344%2029.717%2066.8344%2029.7895%2066.5544%2029.9345C66.2744%2030.0795%2066.0094%2030.277%2065.7594%2030.527V36.092H63.9069V28.397H65.0394C65.2794%2028.397%2065.4369%2028.5095%2065.5119%2028.7345L65.6394%2029.342ZM74.8362%2036.212C74.1662%2036.212%2073.6512%2036.0245%2073.2912%2035.6495C72.9362%2035.2695%2072.7587%2034.747%2072.7587%2034.082V29.7845H71.9712C71.8712%2029.7845%2071.7862%2029.752%2071.7162%2029.687C71.6462%2029.622%2071.6112%2029.5245%2071.6112%2029.3945V28.6595L72.8487%2028.457L73.2387%2026.357C73.2637%2026.257%2073.3112%2026.1795%2073.3812%2026.1245C73.4512%2026.0695%2073.5412%2026.042%2073.6512%2026.042H74.6112V28.4645H76.6662V29.7845H74.6112V33.9545C74.6112%2034.1945%2074.6687%2034.382%2074.7837%2034.517C74.9037%2034.652%2075.0662%2034.7195%2075.2712%2034.7195C75.3862%2034.7195%2075.4812%2034.707%2075.5562%2034.682C75.6362%2034.652%2075.7037%2034.622%2075.7587%2034.592C75.8187%2034.562%2075.8712%2034.5345%2075.9162%2034.5095C75.9612%2034.4795%2076.0062%2034.4645%2076.0512%2034.4645C76.1062%2034.4645%2076.1512%2034.4795%2076.1862%2034.5095C76.2212%2034.5345%2076.2587%2034.5745%2076.2987%2034.6295L76.8537%2035.5295C76.5837%2035.7545%2076.2737%2035.9245%2075.9237%2036.0395C75.5737%2036.1545%2075.2112%2036.212%2074.8362%2036.212Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M116%2050C129.807%2050%20141%2038.8071%20141%2025C141%2011.1929%20129.807%200%20116%200C102.193%200%2091%2011.1929%2091%2025C91%2038.8071%20102.193%2050%20116%2050Z%22%20fill=%22url(%23paint0_linear_52004_617)%22/%3E%0A%3Cpath%20d=%22M116%2040C113.975%2040%20112.011%2039.6036%20110.161%2038.821C108.375%2038.0653%20106.77%2036.9841%20105.393%2035.6066C104.016%2034.2291%20102.935%2032.625%20102.179%2030.839C101.396%2028.9895%20101%2027.0251%20101%2025C101%2024.2712%20101.053%2023.5384%20101.157%2022.8222C101.213%2022.432%20101.576%2022.162%20101.966%2022.2186C102.356%2022.2753%20102.626%2022.638%20102.57%2023.0281C102.475%2023.6763%20102.428%2024.3398%20102.428%2025C102.428%2032.4837%20108.516%2038.5721%20116%2038.5721C123.484%2038.5721%20129.572%2032.4837%20129.572%2025C129.572%2017.5163%20123.484%2011.4279%20116%2011.4279C115.378%2011.4279%20114.752%2011.4702%20114.14%2011.5543C113.749%2011.6081%20113.389%2011.3346%20113.335%2010.9439C113.282%2010.5532%20113.555%2010.1934%20113.946%2010.1396C114.622%2010.0469%20115.313%2010%20116%2010C118.025%2010%20119.989%2010.3964%20121.839%2011.179C123.626%2011.9347%20125.23%2013.0159%20126.607%2014.3934C127.984%2015.7709%20129.065%2017.375%20129.821%2019.161C130.604%2021.0104%20131%2022.9755%20131%2025C131%2027.0245%20130.604%2028.989%20129.821%2030.839C129.065%2032.6256%20127.984%2034.2296%20126.607%2035.6066C125.229%2036.9841%20123.625%2038.0653%20121.839%2038.821C119.99%2039.6036%20118.025%2040%20116%2040ZM118.746%2021.6929L115.918%2015.045C115.876%2014.9357%20115.721%2014.9357%20115.68%2015.045L112.851%2021.6929L106.203%2024.5218C106.094%2024.5629%20106.094%2024.718%20106.203%2024.7592L112.851%2027.588L115.68%2034.2359C115.721%2034.3452%20115.876%2034.3452%20115.918%2034.2359L118.746%2027.588L125.394%2024.7592C125.504%2024.718%20125.504%2024.5629%20125.394%2024.5218L118.746%2021.6929ZM108.21%2014.7098L107.054%2011.9925C107.036%2011.9479%20106.973%2011.9479%20106.956%2011.9925L105.8%2014.7098L103.082%2015.8665C103.038%2015.8836%20103.038%2015.9466%20103.082%2015.9637L105.8%2017.1204L106.956%2019.8377C106.973%2019.8823%20107.036%2019.8823%20107.054%2019.8377L108.21%2017.1204L110.928%2015.9637C110.972%2015.9466%20110.972%2015.8836%20110.928%2015.8665L108.21%2014.7098ZM122.382%2030.7235L121.927%2029.6549C121.92%2029.6371%20121.896%2029.6371%20121.889%2029.6549L121.434%2030.7235L120.365%2031.1783C120.348%2031.1851%20120.348%2031.2097%20120.365%2031.2166L121.434%2031.6714L121.889%2032.74C121.896%2032.7577%20121.92%2032.7577%20121.927%2032.74L122.382%2031.6714L123.451%2031.2166C123.468%2031.2097%20123.468%2031.1851%20123.451%2031.1783L122.382%2030.7235Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_52004_617%22%20x1=%2298.3222%22%20y1=%227.32218%22%20x2=%22144.629%22%20y2=%2246.7747%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20offset=%220.336538%22%20stop-color=%22%2316A1B4%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23FF22FF%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 141px 50px no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.03); transform-origin: right bottom; }

/* ---------- Header (24:711): an 81px band, the gradient of 1:9 with the
 * lighter swoosh 64004:745 at x122. Mark 37x37 (with its bezel) at x18 y23;
 * title "Hornibrooks of Lismore" Lato Bold 18 on an 18px line (64009:568) at
 * x68 y24, one line; subtitle Regular 12 (62001:764) at x68 y45, UNDER the
 * title. Nav icons at x295 / x333 / x368 (exports with their 1px margin), y23. */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;              /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 18px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22196%22%20height=%2281%22%20viewBox=%220%200%20196%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M23.4004%200L52.1855%2051.5166L130.879%207.5459L126.662%200H150.063L195.324%2081H171.922L147.942%2038.084L71.1396%2081H5.53711L35.8086%2064.085L0%200H23.4004Z%22%20fill=%22url(%23paint0_linear_64004_745)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_64004_745%22%20x1=%22195.324%22%20y1=%2240.5%22%20x2=%220%22%20y2=%2240.5%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2316A1B4%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23008698%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") no-repeat 122px 0 / 196px 81px, url("data:image/svg+xml;charset=utf-8,%3Csvg%20preserveAspectRatio=%22none%22%20width=%22400%22%20height=%2281%22%20viewBox=%220%200%20400%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20width=%22400%22%20height=%2281%22%20fill=%22url(%23paint0_linear_1_9)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_1_9%22%20x1=%22423.073%22%20y1=%22158.056%22%20x2=%22214.975%22%20y2=%22368.498%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20offset=%220.0703483%22%20stop-color=%22%2316A1B4%22/%3E%0A%3Cstop%20offset=%220.444914%22%20stop-color=%22%23056876%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23C207C2%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") no-repeat 0 0 / 100% 81px, #056876;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 37px;
  height: 37px;
  margin: 23px 13px 0 0;         /* title at x68 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2237%22%20height=%2237%22%20viewBox=%22-1%20-1%2037%2037%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M17.5%2035C15.1381%2035%2012.8462%2034.5375%2010.6878%2033.6245C8.60417%2032.7428%206.7321%2031.4814%205.12566%2029.8743C3.51855%2028.2672%202.25716%2026.3958%201.37552%2024.3122C0.46251%2022.1545%200%2019.8626%200%2017.5C0%2016.6497%200.0614005%2015.7948%200.182868%2014.9592C0.248941%2014.504%200.672076%2014.189%201.12725%2014.2551C1.58241%2014.3212%201.89743%2014.7443%201.83136%2015.1995C1.72123%2015.9556%201.66584%2016.7298%201.66584%2017.5C1.66584%2026.231%208.76902%2033.3342%2017.5%2033.3342C26.231%2033.3342%2033.3342%2026.231%2033.3342%2017.5C33.3342%208.76902%2026.231%201.66584%2017.5%201.66584C16.7739%201.66584%2016.0437%201.71523%2015.3296%201.81334C14.8738%201.87607%2014.454%201.55705%2014.3912%201.10122C14.3285%200.64538%2014.6475%200.225582%2015.1034%200.162846C15.8922%200.0547263%2016.6984%200%2017.5%200C19.8619%200%2022.1538%200.46251%2024.3122%201.37552C26.3965%202.25716%2028.2679%203.51855%2029.8743%205.12566C31.4808%206.73277%2032.7428%208.60417%2033.6245%2010.6878C34.5375%2012.8455%2035%2015.1381%2035%2017.5C35%2019.8619%2034.5375%2022.1538%2033.6245%2024.3122C32.7428%2026.3965%2031.4814%2028.2679%2029.8743%2029.8743C28.2672%2031.4814%2026.3958%2032.7428%2024.3122%2033.6245C22.1545%2034.5375%2019.8626%2035%2017.5%2035ZM20.7042%2013.6417L17.4039%205.88584C17.3558%205.75836%2017.175%205.75836%2017.1269%205.88584L13.8266%2013.6417L6.07071%2016.9421C5.94323%2016.9901%205.94323%2017.171%206.07071%2017.219L13.8266%2020.5193L17.1269%2028.2752C17.175%2028.4027%2017.3558%2028.4027%2017.4039%2028.2752L20.7042%2020.5193L28.4601%2017.219C28.5876%2017.171%2028.5876%2016.9901%2028.4601%2016.9421L20.7042%2013.6417ZM8.41196%205.49474L7.06247%202.32457C7.04245%202.27251%206.96903%202.27251%206.94901%202.32457L5.59952%205.49474L2.42935%206.84423C2.37729%206.86425%202.37729%206.93766%202.42935%206.95769L5.59952%208.30718L6.94901%2011.4773C6.96903%2011.5294%207.04245%2011.5294%207.06247%2011.4773L8.41196%208.30718L11.5821%206.95769C11.6342%206.93766%2011.6342%206.86425%2011.5821%206.84423L8.41196%205.49474ZM24.9456%2024.1774L24.415%2022.9307C24.407%2022.91%2024.3783%2022.91%2024.3703%2022.9307L23.8397%2024.1774L22.593%2024.708C22.5723%2024.716%2022.5723%2024.7447%2022.593%2024.7527L23.8397%2025.2833L24.3703%2026.53C24.3783%2026.5507%2024.407%2026.5507%2024.415%2026.53L24.9456%2025.2833L26.1923%2024.7527C26.213%2024.7447%2026.213%2024.716%2026.1923%2024.708L24.9456%2024.1774Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 4.5px 0 0;             /* ink cap 48.5 (Chrome sets Lato's cap 1.5px higher in its line than Figma) */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;           /* Lato "auto" = 1.2 */
  white-space: nowrap;
}
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;         /* reset 4028:981 ink x295..315 */
  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-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;         /* expand 12:142 at x334 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%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: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;         /* close 12:128 at x369 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%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: 17px 17px;
}
/* The trade-in sheet (CON-1019, no artboard) reuses .hdcw-close in its own
 * header: keep the artwork's X there, centred in that bar. */
.hdcw-sheet-head .hdcw-close { align-self: center; margin: 0 0 0 12px; }

/* ---------- Message column: bubbles at x16, 334 wide; user bubbles end at
 * x382; the opener rows run x16..377 and the cards x18..384. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }  /* bubbles 10-11px apart (02: 190 -> 201, 269 -> 279; 04: 269 -> 280) */

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Lato Regular 15 on a
 * 19px line, no tracking, the text box 16px under the outer edge and 22px in;
 * one line 51 tall (37:325), two 68 (37:322): the designer's bottom inset is
 * 14 / 12, so 13 lands each within 1px. Fixed 334 (91.26%) wide.
 * User (37:388 / 42:676): #A1D6DD, no stroke, Lato SemiBold 14 (-> Bold),
 * r10 with the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 16px 22px;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-bot {
  width: 91.26%;
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 17px 12px 21px;  /* + the 1px stroke: ink cap 20.5px under the outer edge (Chrome sits Lato 1px higher in its 19px line than Figma), text 22px in */
  color: #000000;
}
/* The greeting (1:11 on 01-chat, 11, 15, 16): a Bold 15 headline, then two
 * Regular 15 lines, all on the 19px pitch (ink cap rows 113 / 132 / 150.5),
 * the text box 14px under the bubble's top edge and 24px above its bottom
 * (95 tall). The quiz artboards draw the same text 5px lower (hand placed).
 * A first bubble followed by a car card (the vehicle page's "Interested in
 * this car?") or by the stock section heads (/search) is not the greeting and
 * keeps the plain bubble (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) {
  padding: 13px 17px 23px 21px;  /* 1 + 13 + 3 x 19 + 23 + 1 = 95 */
}
/* Bold runs: the greeting headline (Bold) and "18 cars" (16:206) / "50
 * automatic cars" (19:516), SemiBold in the artwork -> Bold. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The stock counters bubble (16:205 on 15-browse, 19:391 on 16-browse-auto),
 * the one the POPULAR / LIFESTYLE / MAKES heads follow: drawn 63 tall for two
 * lines, the text box 14px under the top, and 15px under the greeting instead
 * of the column's 11. On /search it is the first bubble (no greeting above
 * it), so the extra 4px only apply after another bubble. */
.hdcw-msgs > .hdcw-bot:has(+ .hdcw-ghead) { padding-top: 13px; padding-bottom: 10px; }
.hdcw-msgs > .hdcw-bot + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* A reply that links cars (19:515 on 16-browse-auto): WHITE, 1px #E4E6EA
 * stroke, Regular 15 on a 19px line; the car names (the links) SemiBold ->
 * Bold black, NOT underlined; the text box (19:516, 284 wide) 28px under the
 * top edge, 28px off the right one and 68px above the bottom one, as drawn. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;  /* the node's 284px measure */
}
.hdcw-bot a.hdcw-link { font-weight: 700; color: #000000; text-decoration: none; }
.hdcw-bot a.hdcw-link:hover { color: #000000; text-decoration: underline; }
/* 'Adventurous' (37:388 on 04-help2): 130x48, text box 25px in and 14px down
 * (SemiBold 14 on its 17px auto line), 25px from the right edge; the bot
 * bubble that answers it sits 8px under it (04: 328 -> 336), not the 11px
 * column gap. */
.hdcw-user {
  border: 0;
  border-radius: 10px 10px 0 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0;
  padding: 14px 25px 17px;
  margin-bottom: -3px;
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573 on 09-help7, 19:537, 19:652): REGULAR 12
 * (not italic in this artwork) #6D6D6D at x20, 13px under the user bubble and
 * 16px above the reply. */
.hdcw-status { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14.4px; margin: 2px 0 5px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 60019:652 / 6001:1031 /
 * 2023:430): a white LIST, not buttons. Rows x16..377, each ending in a 1px
 * #B7B7B7 rule (rules at 267 / 338 / 409 / 480 on 01-chat), "Something else"
 * with none; no radius, no shadow; the first row 6px under the greeting.
 * Titles Lato Bold 17 black on a 20px line, captions Regular 12 black right
 * under them; teal glyphs, the black chevron 6x12 at x353.5 (row 1) / x352.5.
 * The designer placed each row by hand (72 / 71 / 71 / 71 tall, the title box
 * 19 / 17 / 17 / 16 under the row top): each row carries its own offsets
 * below, keyed on the opener's identity class, so they hold whichever rows
 * the admin shows.
 * The artwork orders the rows used, TRADE-IN, quiz, alert, else (no new-cars
 * row: hbol sells used only); the widget appends trade-in after the quiz, so
 * the column is re-ordered with `order` (a no-op while trade-in is off; the
 * context CTA keeps order 0 and stays first). Same pattern as aot2 / dtc / hme. */
.hdcw-opener { gap: 0; margin: -5px 5px 0 0; }
.hdcw-opener button { position: relative; }
.hdcw-opener .hdcw-op-used { order: 1; }
.hdcw-opener .hdcw-op-new { order: 2; }
.hdcw-opener .hdcw-op-tradein { order: 3; }
.hdcw-opener .hdcw-op-quiz { order: 4; }
.hdcw-opener .hdcw-op-alert { order: 5; }
.hdcw-opener .hdcw-op-else { order: 6; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #B7B7B7;
  border-radius: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 27px / 8px 14px border-box,
    #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert {
  min-height: 71px;
  padding: 17px 36px 15px 61px;  /* title box at x77 */
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
}
/* Row 1 "Browse Cars in Stock" (12:145, 196..268, 72 tall): title box at x78
 * 19px down - drawn 1.5px lower than rows 2-4 relative to its box, so the ink
 * cap lands on 219.5 with 20.5 here - caption cap 239, chevron x353.5 30px down. */
.hdcw-opener button.hdcw-op-used { min-height: 72px; padding: 20.5px 36px 14px 62px; background-position: right 16.5px top 28px, 0 0; }
/* Row 2 "Value my trade-in" (6001:1006, 268..339): title box at x77 17px
 * down, caption at x79 (2px right of the title). */
.hdcw-opener button.hdcw-op-tradein::after { padding-left: 2px; }
/* Row 3 "Help me Choose a Car" (60019:652, 339..410): title box at x77 17px
 * down, caption x77. (the defaults) */
/* Row 4 "Get First-Mover Advantage!" (6001:1031, 410..481): title box at x76
 * 16px down, caption at x77, chevron 27.5px down. */
.hdcw-opener button.hdcw-op-alert { padding: 16px 36px 16px 60px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
/* Hover: a #F4F4F4 row, chevron kept. The full background is restated per
 * row at (0,3,1): on a vehicle page every row also carries .hdcw-else, and
 * the widget's `.hdcw-opener .hdcw-else:hover { background: ... }` shorthand
 * would otherwise wipe the chevron (and tile a glyph painted on the button). */
.hdcw-opener button.hdcw-op-used:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 28px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-tradein:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 27px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-else:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 18px / 8px 14px border-box, #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the row's padding box
 * (the row top; the rule is at the bottom). */
.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-tradein::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
/* Car seat (62001:797), 15x20.1 @31,220 on the row at 196. */
.hdcw-opener button.hdcw-op-used::before { left: 14px; top: 23px; width: 17px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2223%22%20viewBox=%22-1%20-1%2017%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3%2016C3%2016%200%208%200%204C0%200%202%200%202%200H3C3%200%204%200%204%201C4%202%203%202%203%204C3%206%206%208%206%2011C6%2014%203%2016%203%2016ZM8%2015C7%2015%204%2017.5%204%2017.5C3.7%2017.7%203.8%2018%204%2018.3C4%2018.3%205%2020.1%207%2020.1H13C14.1%2020.1%2015%2019.2%2015%2018.1V17.1C15%2016%2014.1%2015.1%2013%2015.1H8V15Z%22%20fill=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
/* No new-cars row in the artwork (used only): the same seat if the admin ever
 * switches show_new_cars on. */
.hdcw-opener button.hdcw-op-new::before { left: 14px; top: 21px; width: 17px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2223%22%20viewBox=%22-1%20-1%2017%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3%2016C3%2016%200%208%200%204C0%200%202%200%202%200H3C3%200%204%200%204%201C4%202%203%202%203%204C3%206%206%208%206%2011C6%2014%203%2016%203%2016ZM8%2015C7%2015%204%2017.5%204%2017.5C3.7%2017.7%203.8%2018%204%2018.3C4%2018.3%205%2020.1%207%2020.1H13C14.1%2020.1%2015%2019.2%2015%2018.1V17.1C15%2016%2014.1%2015.1%2013%2015.1H8V15Z%22%20fill=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
/* Two arrows (60019:670), 22x16 @29,290 on the row at 268. */
.hdcw-opener button.hdcw-op-tradein::before { left: 12px; top: 21px; width: 24px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2218%22%20viewBox=%22-1%20-1%2024%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.37501%206.64572C1.07662%206.64602%200.786249%206.54897%200.547808%206.36923C0.309367%206.18949%200.135823%205.93685%200.0534195%205.64951C-0.0289839%205.36217%20-0.0157642%205.05576%200.0910791%204.77662C0.197922%204.49748%200.392579%204.26078%200.64561%204.10233L4.33792%200.402846C4.59566%200.144779%204.94517%20-0.000128971%205.30956%208.61305e-08C5.67394%200.000129143%206.02334%200.145285%206.28091%200.403534C6.53847%200.661783%206.6831%201.01197%206.68297%201.37706C6.68284%201.74215%206.53797%202.09224%206.28022%202.3503L4.74039%203.89176H15.1113C15.4756%203.89176%2015.825%204.03676%2016.0826%204.29486C16.3402%204.55297%2016.4849%204.90304%2016.4849%205.26805C16.4849%205.63307%2016.3402%205.98313%2016.0826%206.24124C15.825%206.49935%2015.4756%206.64435%2015.1113%206.64435L1.37501%206.64572ZM20.625%209.35565C20.9234%209.35535%2021.2137%209.45241%2021.4522%209.63214C21.6906%209.81188%2021.8642%2010.0645%2021.9466%2010.3519C22.029%2010.6392%2022.0158%2010.9456%2021.9089%2011.2248C21.8021%2011.5039%2021.6074%2011.7406%2021.3544%2011.899L17.6621%2015.5972C17.5345%2015.7249%2017.383%2015.8263%2017.2163%2015.8954C17.0495%2015.9645%2016.8709%2016.0001%2016.6904%2016C16.51%2015.9999%2016.3314%2015.9643%2016.1647%2015.895C15.998%2015.8258%2015.8466%2015.7243%2015.7191%2015.5965C15.5916%2015.4686%2015.4904%2015.3168%2015.4214%2015.1498C15.3524%2014.9827%2015.317%2014.8037%2015.317%2014.6229C15.3171%2014.4422%2015.3527%2014.2632%2015.4218%2014.0962C15.4909%2013.9292%2015.5922%2013.7775%2015.7198%2013.6497L17.2596%2012.1082H6.88874C6.52443%2012.1082%206.17504%2011.9632%205.91744%2011.7051C5.65983%2011.447%205.51511%2011.097%205.51511%2010.7319C5.51511%2010.3669%205.65983%2010.0169%205.91744%209.75876C6.17504%209.50065%206.52443%209.35565%206.88874%209.35565H20.625Z%22%20fill=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
/* Dashed circle + cursor (60019:658), 22x22 + stroke 2 = 24x24 @28,360 on the row at 339. */
.hdcw-opener button.hdcw-op-quiz::before { left: 11px; top: 20px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8.15768%201.15637C9.24886%200.947877%2010.3697%200.947877%2011.4608%201.15637M8.15768%2018.464C8.517%2018.5322%208.88402%2018.578%209.25873%2018.6015M1.15648%2011.4633C0.947838%2010.3718%200.947838%209.25074%201.15648%208.15928M18.4631%208.15928C18.5313%208.51857%2018.5772%208.88556%2018.6006%209.26025M14.7607%202.52461C15.6795%203.14862%2016.4718%203.94091%2017.0959%204.85965M4.85783%2017.0958C3.93903%2016.4718%203.14668%2015.6795%202.52263%2014.7607M2.52263%204.85855C3.14668%203.93982%203.93903%203.14752%204.85783%202.52351M12.8501%2020.3657L10.6997%2014.1866C9.89011%2011.8637%209.48643%2010.7011%2010.0947%2010.0951C10.7019%209.48682%2011.8656%209.89048%2014.1909%2010.7L20.3617%2012.8447L20.3691%2012.8473C21.6544%2013.2932%2022.2978%2013.5165%2022.4362%2013.9501C22.4755%2014.0699%2022.4886%2014.1966%2022.4747%2014.3219C22.4285%2014.775%2021.8444%2015.1281%2020.6751%2015.8342C19.925%2016.2852%2019.551%2016.5128%2019.4509%2016.8538C19.4219%2016.95%2019.4097%2017.0504%2019.4146%2017.1508C19.4311%2017.5071%2019.7413%2017.8151%2020.3628%2018.4321L22.4032%2020.4603C22.709%2020.7638%2022.8607%2020.9156%2022.9311%2021.0861C23.0226%2021.308%2023.023%2021.5569%2022.9322%2021.779C22.8629%2021.9495%2022.7101%2022.1024%2022.4054%2022.406C22.1018%2022.7106%2021.95%2022.8624%2021.7795%2022.9317C21.5575%2023.0228%2021.3085%2023.0228%2021.0865%2022.9317C20.916%2022.8624%2020.7642%2022.7106%2020.4606%2022.4071L18.4125%2020.3602C17.8021%2019.7498%2017.4963%2019.4451%2017.1454%2019.4253C17.0394%2019.4195%2016.9332%2019.4329%2016.8319%2019.4649C16.4964%2019.5672%2016.2731%2019.9367%2015.8277%2020.6748L15.8255%2020.6784C15.1296%2021.833%2014.7822%2022.4093%2014.335%2022.4599C14.2031%2022.476%2014.0692%2022.4621%2013.9434%2022.4192C13.5166%2022.2776%2013.2955%2021.6435%2012.8533%2020.3748L12.8501%2020.3657Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
/* Envelope (64004:799), 22x22 @30,429 on the row at 410. */
.hdcw-opener button.hdcw-op-alert::before { left: 13px; top: 18px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%22-1%20-1%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12.5191%200.596819L20.115%205.8844C21.2958%206.70718%2021.999%208.04815%2022%209.47909V17.317C21.9971%2018.5619%2021.4954%2019.7547%2020.6054%2020.6329C19.7153%2021.5111%2018.5098%2022.0029%2017.2541%2022H4.74597C3.4902%2022.0029%202.28469%2021.5111%201.39465%2020.6329C0.504609%2019.7547%200.00293747%2018.5619%200%2017.317V9.47909C0.000943342%208.04815%200.704164%206.70718%201.88508%205.8844L9.48086%200.596819C10.3345%20-0.19894%2011.6655%20-0.19894%2012.5191%200.596819ZM19.4293%2019.4669C20.0073%2018.898%2020.3337%2018.1246%2020.3367%2017.317V9.47909C20.3211%208.60228%2019.8845%207.78547%2019.1613%207.28049L11.5655%201.99292L11.4435%201.90497C11.3267%201.7868%2011.1668%201.72021%2011%201.72021C10.8332%201.72021%2010.6733%201.7868%2010.5565%201.90497L10.4345%201.99292L2.83871%207.28049C2.11552%207.78547%201.67884%208.60228%201.66331%209.47909V17.317C1.66624%2018.1246%201.99267%2018.898%202.57079%2019.4669C3.1489%2020.0359%203.93134%2020.3539%204.74596%2020.351H17.2541C18.0687%2020.3539%2018.8511%2020.0359%2019.4293%2019.4669Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22%2316A1B4%22/%3E%0A%3Cpath%20d=%22M17.7309%209.90783L11.5877%2014.162C11.4059%2014.3424%2011.1561%2014.439%2010.8992%2014.4286C10.6421%2014.4182%2010.4012%2014.3016%2010.2348%2014.1071L4.26914%209.90783C4.02951%209.70235%203.69293%209.64973%203.40113%209.77205C3.10933%209.89446%202.91301%2010.1705%202.89484%2010.4841C2.87666%2010.7977%203.03978%2011.0943%203.31552%2011.249L9.19257%2015.4042C9.67445%2015.849%2010.3083%2016.0964%2010.9667%2016.0968C11.586%2016.0813%2012.1763%2015.8338%2012.6189%2015.4042L18.6845%2011.205C19.0332%2010.9491%2019.1249%2010.4705%2018.8952%2010.1057C18.6264%209.73597%2018.1085%209.64797%2017.7309%209.90783Z%22%20fill=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
.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-tradein::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is live (CON-995): the
 * widget sets data-stock on the button once /chat/search answers, and the
 * caption without a number shows until it arrives, or if it cannot.
 * Roll back to the artwork's typed number: delete the [data-stock] rule and
 * put 'Over 18 cars in stock' (30002:640) in the one above it. */
.hdcw-opener button.hdcw-op-used::after { content: 'Cars in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
/* No artboard draws a new-cars row, so it has no caption to copy. */
.hdcw-opener button.hdcw-op-new::after { content: none; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.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, from 481): the same row with NO rule, title
 * Bold 17 at x77 15px under the row top, 51 tall; the "?" bubble
 * (56005:1186, stroke 2) at 30,497; chevron 18.5px down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 51px;
  border-bottom: 0;
  padding: 16.5px 36px 14.5px 61px;  /* ink cap 500.5 */
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 18px / 8px 14px border-box,
    #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 13px; top: 15px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20%2010.5C20%2013.0196%2018.9991%2015.4359%2017.2175%2017.2175C15.4359%2018.9991%2013.0196%2020%2010.5%2020C8.872%2020%207.34%2019.59%206%2018.869C4.132%2017.862%202.875%2018.798%201.766%2018.966C1.68308%2018.9779%201.59851%2018.9699%201.51925%2018.9428C1.43998%2018.9157%201.36827%2018.8702%201.31%2018.81C1.22301%2018.7176%201.16543%2018.6015%201.1446%2018.4763C1.12377%2018.3511%201.14062%2018.2226%201.193%2018.107C1.629%2017.082%202.028%2015.138%201.483%2013.5C1.16208%2012.5324%200.998998%2011.5194%201%2010.5C1%207.98044%202.00089%205.56408%203.78249%203.78249C5.56409%202.00089%207.98045%201%2010.5%201C13.0196%201%2015.4359%202.00089%2017.2175%203.78249C18.9991%205.56408%2020%207.98044%2020%2010.5Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2316A1B4%22/%3E%0A%3Cpath%20d=%22M8%207.99999C8.00016%207.5693%208.11158%207.14595%208.32347%206.77099C8.53535%206.39603%208.84052%206.08217%209.20937%205.85982C9.57823%205.63748%209.99827%205.5142%2010.4288%205.50193C10.8593%205.48966%2011.2857%205.58882%2011.6666%205.7898C12.0475%205.99077%2012.3701%206.28675%2012.603%206.64904C12.8359%207.01133%2012.9712%207.42764%2012.9959%207.85762C13.0206%208.2876%2012.9338%208.71666%2012.7439%209.10322C12.554%209.48979%2012.2674%209.82073%2011.912%2010.064C11.228%2010.532%2010.5%2011.172%2010.5%2012M10.625%2015.25H10.5M10.75%2015.25C10.75%2015.3163%2010.7237%2015.3799%2010.6768%2015.4268C10.6299%2015.4736%2010.5663%2015.5%2010.5%2015.5C10.4337%2015.5%2010.3701%2015.4736%2010.3232%2015.4268C10.2763%2015.3799%2010.25%2015.3163%2010.25%2015.25C10.25%2015.1837%2010.2763%2015.1201%2010.3232%2015.0732C10.3701%2015.0263%2010.4337%2015%2010.5%2015C10.5663%2015%2010.6299%2015.0263%2010.6768%2015.0732C10.7237%2015.1201%2010.75%2015.1837%2010.75%2015.25Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2316A1B4%22/%3E%0A%3C/svg%3E"); }
/* On a vehicle page the widget gives every row the hdcw-else class too: the
 * rows keep their own look, only "Something else" is the short one. */

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x55 at
 * x24, r10, the teal -> magenta gradient of 19:680, white Lato Bold 16
 * centred, the text box 16px under the top; 26px under the card it follows.
 * The rows after it (a vehicle page's opener) start 6px under it, as the
 * first row starts under the greeting. */
.hdcw-opener:has(.hdcw-op-ctx) { margin-top: 15px; }
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 10px;
  padding: 16px 0 20px;
  background: linear-gradient(97.6deg, #16A1B4 45.7%, #D00FD0 107%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: linear-gradient(97.6deg, #16A1B4 45.7%, #D00FD0 107%); opacity: .85; }
.hdcw-opener > button.hdcw-op-ctx + button { margin-top: 6px; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Lato Regular 12/13 black, centred, the text box 9px under the chip
 * top; 16px side padding (+1px stroke = 17; the artwork's are hand-sized
 * 13-28px), 5px gaps, a 36px row pitch, rows at x18 (15-browse). Selected =
 * 1px black inside stroke ("Adventurous" 37:328, "Automatic (155)" 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 17px;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #000000; }
/* Bootstrap's reboot (HBOL loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Lato Bold 11 #6D6D6D,
 * no tracking, at x24; 13px under a bubble, 18px under a chip row, 9px above
 * its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13.2px;
  margin: 2px 6px -2px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7.5px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 7px under it (04; 02 draws 8), 4px gaps on a 35px pitch. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -4px; gap: 4px; }
/* The answer chips are drawn wider than the stock chips: 19-22px of side
 * padding ("Adventurous" 37:328 107 wide around a 68px label); 19 + the 1px
 * stroke. */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 19px; padding-right: 19px; }

/* ---------- Car cards ("csr search" 2023:448 / 19:566): 176 wide, 14px
 * apart, white, 1px #E4E6EA, r10, 244 tall, 11px under the bubble. Photo
 * 176x113, square-topped. Body 12px in: title Regular 12 (two lines), price
 * Bold 12/19, monthly Regular 12/16, meta Regular 10/17 (19:545 runs), the
 * bar at 213. Flush split action bar, 31 tall: Details (77, white) | I'm
 * Interested (99, #16A1B4, white ink), both Regular 12/13 ls -1%, #E4E6EA rules. */
.hdcw-cars { gap: 14px; padding: 0 2px; margin: 0 0 -2px; }  /* 11px under the bubble, the model chips 9px under the cards (08: 232 -> 243, 487 -> 496) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 11px 8.5px; }  /* 99 tall: ink rows 125 / 139 / 158.5 / 174.5 / 192.5 under the card top, the bar's rule at 213, the card 244 (1 + 113 + 99 + 30 + 1) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and HBOL's h1-h6 Poppins rule would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .012em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 2px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: -1.5px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 1px; letter-spacing: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 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: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 7px 0 9px;            /* label box 8px under the bar's top rule (19:565 @464 on the bar at 456) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
/* The labels sit off their cells' centres: "Details" (19:565 @41 in the 77px
 * cell at 18) 2px right, "I'm Interested" (2023:442 @108 in the 99px cell at
 * 95) 1px left. */
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 4px; }
.hdcw-car .hdcw-pick.hdcw-pick--primary { padding-right: 2px; }
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #16A1B4;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #16A1B4; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px #000, white; placeholder Lato Regular 14 ls 1%
 * black, 29px in (12002:602 @50). Send: the teal -> magenta 52px circle 8px
 * right of it, 20px off the panel's right edge. Disclosure Regular 12/15 (ls
 * .1px), black, centred in a 270px box at x64, right under the input row and
 * 17px above the panel foot, "Terms & Conditions" underlined. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 0 16px 4px 28px;      /* the placeholder's ink 2px above the box's centre (cap 629.5 on 02) */
  font-size: 14px;
  line-height: 45px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - HBOL's css/style.css line 5468 has a bare
 * ::-webkit-input-placeholder { font-size: 1rem; color: #525252 } that
 * reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.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%3Cpath%20d=%22M52%2026C52%2040.3594%2040.3594%2052%2026%2052C11.6406%2052%200%2040.3594%200%2026C0%2011.6406%2011.6406%200%2026%200C40.3594%200%2052%2011.6406%2052%2026Z%22%20fill=%22url(%23paint0_linear_62001_812)%22/%3E%0A%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_62001_812%22%20x1=%227.61507%22%20y1=%227.61507%22%20x2=%2255.7742%22%20y2=%2248.6457%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20offset=%220.336538%22%20stop-color=%22%2316A1B4%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23D00FD0%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: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 2008:473 ls 0.10px */
  padding: 0 66px 17px 64px;     /* 2008:473: a 270px box at x64 */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; opacity: .7; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }
/* The home artboard (01-chat, the opener list) is the footer's main component
 * 24:712: "Terms & Conditions" plain, and the placeholder Lato 16 (ls 1%) with
 * its text box at x39; every other panel artboard's instance underlines the
 * link and sets the placeholder 14 at x50. The opener list is the selector:
 * it removes itself as soon as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-input input { padding-left: 17px; padding-bottom: 2px; font-size: 16px; line-height: 47px; letter-spacing: .01em; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 0 24px 17px; }
}
/* A 320px phone (no artboard): the full-screen panel is 304 wide and the
 * widget drops the expand icon there; "Hornibrooks of Lismore" (190px of
 * Bold 18) has 176px left beside the mark and the reset / close icons and
 * would ellipsise (WebKit iPhone SE check). Tighter spacing plus Bold 16
 * (169px) keeps the dealer name whole; the 400px panel keeps the artwork's
 * geometry. */
@media (max-width: 360px) {
  .hdcw-panel .hdcw-head { padding-right: 12px; padding-left: 14px; }
  .hdcw-head::before { margin-right: 10px; }
  .hdcw-head > div { padding-right: 4px; }
  .hdcw-head b { font-size: 16px; }
  .hdcw-close { margin-left: 12px; }
}

/* A themed input font-size under 16px would defeat the widget's iOS zoom
 * guard (equal specificity, theme loads last - CON-781/CON-853 trap). */
@media (pointer: coarse) {
  .hdcw-input input { font-size: 16px; }
}