/* Private recipe: make the alert and its destinations legible at first glance. */
html[data-cl-shell=v4] body[data-surface=home] .v-hero{gap:clamp(28px,4vw,64px);padding-block:52px 58px;align-items:stretch}
html[data-cl-shell=v4] body[data-surface=home] .v-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 0}
html[data-cl-shell=v4] body[data-surface=home] .v-hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.03;letter-spacing:-.045em;max-width:650px}
html[data-cl-shell=v4] body[data-surface=home] .v-hero .v-eyebrow{color:var(--v-blue);margin-bottom:24px}
html[data-cl-shell=v4] body[data-surface=home] .v-hero .v-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--v-ink);max-width:575px;margin-bottom:26px}
html[data-cl-shell=v4] body[data-surface=home] .v-hero .v-lead strong{color:var(--v-blue)}
html[data-cl-shell=v4] body[data-surface=home] .v-rule{box-shadow:0 28px 65px #112b6016;border-color:var(--v-line)}
html[data-cl-shell=v4] body[data-surface=home] .v-rule-head{background:var(--v-soft);font-weight:700}
.cl-delivery-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 22px}
.cl-delivery-actions .v-button{min-height:52px}
.cl-delivery-map{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.cl-delivery-map a{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:96px;padding:14px;border:1px solid var(--v-line);border-radius:13px;background:var(--v-paper);color:var(--v-ink);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}
.cl-delivery-map a:hover{transform:translateY(-3px);border-color:var(--v-blue);box-shadow:0 12px 26px #112b6015}
.cl-delivery-map b{font-size:15px;line-height:1.1}
.cl-delivery-map small{font-size:12px;line-height:1.35;color:var(--v-muted)}
.cl-delivery-map .cl-install{background:var(--v-soft);border-color:var(--v-blue)}
.cl-delivery-map .cl-install b:after{content:' ↗';color:var(--v-blue)}
.cl-delivery-footnote{font-size:13px;color:var(--v-muted);line-height:1.45;margin:0 0 12px!important;max-width:540px}
.cl-delivery-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:0 0 26px;background:var(--v-soft);border:1px solid var(--v-line);border-radius:14px}
.cl-delivery-banner p{margin:0;color:var(--v-muted);max-width:650px}
.cl-delivery-banner strong{color:var(--v-ink)}
.cl-delivery-banner .v-button{flex:none}
body[data-surface=notifications] .v-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-surface=notifications] .v-channel-card{display:flex;flex-direction:column;padding:25px}
body[data-surface=notifications] .v-channel-card ol{flex:1}
body[data-surface=notifications] .v-channel-card .v-eyebrow{margin-bottom:15px}
body[data-surface=installation] #cl-pwa>h1{margin-bottom:14px}
body[data-surface=installation] #cl-pwa>.v-lead{max-width:850px}
@media(max-width:1000px){body[data-surface=notifications] .v-channels{grid-template-columns:1fr 1fr}}
@media(max-width:800px){html[data-cl-shell=v4] body[data-surface=home] .v-hero{padding-block:34px 48px}html[data-cl-shell=v4] body[data-surface=home] .v-hero-copy{display:block}.cl-delivery-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.cl-delivery-map{grid-template-columns:1fr 1fr}.cl-delivery-map .cl-install{grid-column:1/-1}.cl-delivery-map a{min-height:77px}body[data-surface=notifications] .v-channels{grid-template-columns:1fr}html[data-cl-shell=v4] body[data-surface=home] .v-hero h1{font-size:clamp(44px,10vw,57px)}.cl-delivery-actions{width:100%}.cl-delivery-actions .v-button{flex:1}.cl-delivery-banner .v-button{width:100%}}