/* AZHOME2 (Todd 11-14): the az.com search home. One box right under the headline; guide, phone and hand-off below it; one real
   recorded answer. Loaded last on the home only. Every rule is scoped to .azs1.azh2 and steps aside once a chat starts (.azc1-on). */
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2{--h2-ink:var(--z-ink,#05072F);--h2-mut:var(--z-muted,#5b6078);--h2-line:var(--z-line,#e3e6f2);--h2-panel:var(--z-panel,#fff);--h2-vio:#6D3BFF;--h2-tint:rgba(109,59,255,.07)}
html[data-azd1][data-azd1][data-azd1][data-azd1]:not([data-theme=light]) .azs1.azh2{--h2-vio:#B3A2FF;--h2-tint:rgba(179,162,255,.1)}

/* ---- hero: the pieces of the hero become rows of the page grid, so the box sits right under the title ---- */
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-hero{display:contents!important}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-eyebrow{grid-column:1;grid-row:1;margin:64px 0 16px;font:600 12.5px/1.3 var(--t-font);letter-spacing:.3em;color:var(--h2-vio)}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-tag.azd-h1{grid-column:1;grid-row:2;font:700 clamp(40px,4.9vw,68px)/1.03 var(--t-font)!important;letter-spacing:-.045em!important;text-wrap:balance}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-h1 .azd-grad{display:block;padding-bottom:.08em}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-sub{grid-column:1;grid-row:3;margin:20px 0 30px;font:400 19px/1.5 var(--t-font);max-width:31em;text-wrap:pretty}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-box{grid-column:1;grid-row:5;min-height:78px;border-radius:24px!important;border-color:color-mix(in srgb,#7C3AED 34%,var(--h2-line))!important;box-shadow:0 30px 70px -34px rgba(91,63,217,.55),0 2px 6px rgba(5,7,47,.05)!important}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-box:focus-within{border-color:#7C3AED!important;box-shadow:0 0 0 4px rgba(124,58,237,.14),0 30px 70px -34px rgba(91,63,217,.55)!important}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-box input{font-size:19px!important}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-chips{grid-column:1;grid-row:6}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .ts-slot{grid-column:1;grid-row:7}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-note{grid-column:1;grid-row:8}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-note::after{display:none}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) #azg-row.azg-row{grid-column:1;grid-row:9;justify-content:flex-start!important;margin:22px 0 0!important;gap:8px}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azh2-call{grid-column:1;grid-row:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 0}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2 .azh2-call a.azd-callpill{background:transparent;color:var(--h2-vio)!important;border:1px solid color-mix(in srgb,var(--h2-vio) 40%,transparent);box-shadow:none;font-size:15px;font-weight:600;min-height:44px}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2 .azh2-call a.azd-callpill:hover{background:var(--h2-tint);filter:none}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2 .azh2-call .azd-calldesc{display:inline!important;margin:0;font-size:15px;color:var(--h2-mut)}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-globe{grid-row:1/span 10;margin-top:40px}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .az6-level{grid-column:1;grid-row:4;margin:-14px 0 16px;order:2;position:relative;z-index:1}
html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2.azc1-on :is(.azh2-whole,.azh2-all,.azh2-call){display:none!important}

/* ---- the whole answer: one real recorded answer in three parts ---- */
.azh2-whole{margin:84px 0 0;color:var(--h2-ink);font-family:var(--t-font)}
.azh2-head{max-width:44em;margin:0 0 28px}
.azh2-head h2{margin:0;font:700 clamp(27px,2.7vw,38px)/1.12 var(--t-font);letter-spacing:-.03em;color:var(--h2-ink)}
.azh2-head p{margin:12px 0 0;font:400 17px/1.5 var(--t-font);color:var(--h2-mut)}
.azh2-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.azh2-side{display:grid;gap:20px;grid-template-rows:1fr auto;min-width:0}
.azh2-card{background:var(--h2-panel);border:1px solid var(--h2-line);border-radius:22px;padding:28px;box-shadow:0 18px 44px -30px rgba(5,7,47,.28);min-width:0}
.azh2-card p.azh2-k{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:600 13px/1.2 var(--t-font);letter-spacing:.08em;text-transform:uppercase;color:var(--h2-vio)}
.azh2-card p.azh2-k span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--h2-tint);font:700 12.5px/1 var(--t-font);letter-spacing:0}
.azh2-q{display:inline-block;margin:0 0 16px;padding:9px 16px;border-radius:16px 16px 16px 4px;background:var(--h2-tint);font:500 15px/1.4 var(--t-font);color:var(--h2-ink)}
.azh2-ans h3{margin:0 0 12px;font:700 21px/1.3 var(--t-font);letter-spacing:-.015em;color:var(--h2-ink)}
.azh2-ans{display:flex;flex-direction:column}
.azh2-ans .azh2-q{align-self:flex-start}
.azh2-ans .azh2-more{margin-top:auto!important;padding-top:10px}
.azh2-ans p,.azh2-ans li{font:400 16px/1.6 var(--t-font);color:var(--z-text,#2b2f45)}
.azh2-ans p{margin:0 0 12px}
.azh2-ans ul{margin:0 0 6px;padding:0 0 0 20px}
.azh2-ans li{margin:0 0 8px}
.azh2-ans li::marker{color:var(--h2-vio)}
.azh2-c{font-size:.72em;line-height:0;vertical-align:.5em;margin:0 1px 0 2px}
.azh2-whole .azh2-c a{display:inline-grid;place-items:center;min-width:16px;height:17px;padding:0 3px;text-decoration:none!important;border-radius:6px;background:var(--h2-tint);color:var(--h2-vio);font-weight:700;text-decoration:none;position:relative}
.azh2-c a::after{content:"";position:absolute;inset:-13px -10px}
.azh2-c a:hover,.azh2-c a:focus-visible{background:var(--h2-vio);color:var(--h2-panel)}
.azh2-more{margin:18px 0 0!important}
.azh2-whole .azh2-more a,.azs1 .azh2-all a{text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15.5px/1.2 var(--t-font);color:var(--h2-vio);text-decoration:none}
.azh2-more a:hover,.azh2-all a:hover{text-decoration:underline;text-underline-offset:3px}
.azh2-src ol{list-style:none;margin:0;padding:0;counter-reset:s}
.azh2-src li{counter-increment:s;border-top:1px solid var(--h2-line)}
.azh2-src li:first-child{border-top:0}
.azh2-whole .azh2-src a{text-decoration:none!important;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;padding:11px 0;min-height:44px;text-decoration:none;color:var(--h2-ink);align-items:start}
.azh2-src a::before{content:counter(s);grid-row:1/span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--h2-tint);color:var(--h2-vio);font:700 12.5px/1 var(--t-font)}
.azh2-whole .azh2-src a b{color:var(--h2-ink);font:600 15px/1.35 var(--t-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.azh2-whole .azh2-src a span{text-decoration:none;grid-column:2;font:400 13.5px/1.4 var(--t-font);color:var(--h2-mut)}
.azh2-whole .azh2-src a:hover b,.azh2-whole .azh2-src a:focus-visible b{color:var(--h2-vio);text-decoration:underline;text-underline-offset:3px}
.azh2-next{background:linear-gradient(135deg,color-mix(in srgb,#7C3AED 9%,var(--h2-panel)),color-mix(in srgb,#3B82F6 7%,var(--h2-panel)))}
.azh2-next p{margin:0 0 16px;font:400 15.5px/1.55 var(--t-font);color:var(--z-text,#2b2f45)}
.azh2-next p:last-child{margin:0}
.azh2-all{margin:18px 0 0;text-align:center}
.azh2-whole a:focus-visible,.azh2-all a:focus-visible{outline:3px solid #7C3AED;outline-offset:2px;border-radius:8px}

@media (max-width:1100px){
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-tag.azd-h1{font-size:clamp(36px,4.6vw,52px)!important}
}
@media (max-width:900px){.azh2-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-wrap{position:relative;overflow-x:clip}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-globe{position:absolute;top:-6px;right:-84px;width:230px;max-width:230px;margin:0!important;opacity:.42;z-index:0;order:0}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) :is(.azd-eyebrow,.azd-h1,.azd-sub,.azs1-box,.azs1-chips,.azs1-note,.azh2-call,#azg-row){position:relative;z-index:1}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-eyebrow{order:2;margin:34px 0 12px;font-size:11.5px}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-tag.azd-h1{order:2;font-size:clamp(34px,10.4vw,44px)!important;line-height:1.05!important}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-sub{order:2;font-size:16.5px;margin:14px 0 22px}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-box{order:3;min-height:66px;border-radius:20px!important}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-box input{font-size:16px!important}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-chips{order:4}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .ts-slot{order:5}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-out{order:5}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azs1-note{order:6}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) #azg-row.azg-row{order:7;margin:16px 0 0!important}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azh2-call{order:8}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azh2-whole{order:10;margin-top:52px}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azd-trust{order:9}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azb{order:11}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .c4-tools{order:12}
  html[data-azd1][data-azd1][data-azd1][data-azd1] .azs1.azh2:not(.azc1-on) .azh2-all{order:13}
  .azh2-card{padding:20px;border-radius:18px}
  .azh2-ans h3{font-size:19px}
  .azh2-whole .azh2-src a b{white-space:normal}
  .azh2-head p{font-size:16px}
}
@media (prefers-reduced-motion:no-preference){
  .azh2-card{transition:border-color .2s ease,box-shadow .2s ease}
  .azh2-card:hover{border-color:color-mix(in srgb,#7C3AED 30%,var(--h2-line))}
}
