/*
 * /imc-2026 (resources/views/app/pages/imc-2026.blade.php): the Dealer Pulse
 * offer page. Loaded after event.css and builds on its shared ev- classes;
 * everything page-specific here is prefixed dp-.
 */

/* Review-only marker for a fact still to confirm (never rendered in production) */
.dp-todo {
  display: inline-block; margin: 6px 6px 0 0; padding: 3px 8px; border-radius: 6px;
  background: #FDE047; color: #422006; font-size: 11px; font-weight: 700; letter-spacing: .02em; line-height: 1.4;
  text-transform: none; vertical-align: middle;
}

/* ---------------------------------------------------------------- */
/* Hero                                                               */
/* ---------------------------------------------------------------- */
.dp-pod {
  display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 10px 14px; border-radius: 12px;
  background: rgba(0, 178, 107, .16); border: 1px solid rgba(0, 178, 107, .5); font-size: 14px; font-weight: 500;
}
.dp-micro { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 14px 0 0; font-size: 14px; color: rgba(255, 255, 255, .75); }
.dp-micro span { position: relative; padding-left: 20px; }
.dp-micro span::before { content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; background: url("../img/ecommerce/icons/check-circle.svg") center / contain no-repeat; }
.dp-textlink {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: #fff; font-size: 15px; font-weight: 600;
  text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-underline-offset: 4px;
}
.dp-textlink:hover { color: #6EE7B7; text-decoration-color: currentColor; }
.dp-textlink--dark { margin-top: 0; color: var(--ev-ink); text-decoration-color: rgba(28, 37, 34, .3); }
.dp-textlink--dark:hover { color: var(--ev-green-dark); }
.dp-invert { filter: brightness(0) invert(1); }
.dp-trust { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 28px 0 0; padding: 18px 0 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 13px; color: rgba(255, 255, 255, .7); }
.dp-trust li { font-weight: 500; }
.dp-trust li + li::before { content: "·"; margin: 0 10px 0 -10px; color: rgba(255, 255, 255, .35); }

/* The product screen (signed-off design): wider column for it on desktop */
@media (min-width: 1024px) {
  .dp-hero .ev-hero__grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 40px; }
  .dp-hero .ev-hero__title { font-size: 48px; }
}
.dp-screen { position: relative; margin: 0; width: 100%; padding: 10px; border-radius: 26px; background: rgba(5, 12, 9, .7); border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8); }
.dp-screen::before { content: ""; position: absolute; inset: -8%; z-index: -1; background: radial-gradient(closest-side, rgba(0, 178, 107, .28), transparent); filter: blur(30px); pointer-events: none; }
.dp-screen__bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px 16px; }
.dp-screen__app { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; }
.dp-screen__dot { width: 14px; height: 14px; border-radius: 50%; background: var(--ev-green); box-shadow: 0 0 0 5px rgba(0, 178, 107, .22); }
.dp-screen__tag { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .4); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.dp-screen__body { padding: 16px; border-radius: 18px; background: #fff; color: var(--ev-ink); }
.dp-screen figcaption { margin-top: 10px; font-size: 11px; text-align: right; color: var(--ev-muted); }

.dp-kpis { display: grid; gap: 8px; margin-bottom: 8px; }
@media (min-width: 560px) { .dp-kpis { grid-template-columns: 1fr 1fr; } }
.dp-kpi { display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; padding: 10px 12px; border-radius: 14px; overflow: hidden; }
.dp-kpi--quiet { background: #EFF8F3; }
.dp-kpi--risk { background: #FDF1F0; }
.dp-kpi small { display: block; font-size: 11.5px; color: var(--ev-muted); }
.dp-kpi b { display: block; margin: 1px 0; font-size: 17px; line-height: 1.2; letter-spacing: -.01em; white-space: nowrap; }
.dp-kpi--risk b { color: #C81E1E; }
.dp-kpi__delta { font-size: 11px; font-weight: 500; color: #DC2626; white-space: nowrap; }
.dp-kpi__bars { flex: none; display: flex; align-items: flex-end; gap: 3px; height: 34px; }
.dp-kpi__bars i { display: block; width: 5px; height: var(--h); border-radius: 3px; background: #F4A3A3; }
.dp-kpi__bars i:nth-last-child(-n+3) { background: #EA6B6B; }
.dp-kpi__bars i:last-child { background: #C81E1E; }
.dp-kpi__trend { flex: 0 1 90px; min-width: 60px; height: auto; }

.dp-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.dp-table th { padding: 8px 5px; font-size: 10.5px; font-weight: 600; letter-spacing: .04em; text-align: left; text-transform: uppercase; color: var(--ev-muted); border-bottom: 1px solid var(--ev-line); white-space: nowrap; }
.dp-table td { padding: 8px 5px; vertical-align: middle; border-bottom: 1px solid var(--ev-line); white-space: nowrap; }
.dp-table tr:last-child td { border-bottom: 0; }
.dp-table tr.is-first td { background: #EFF8F3; }
.dp-table td b { display: block; font-weight: 600; }
.dp-table td small { display: block; font-size: 11px; color: var(--ev-muted); }
.dp-risk { font-weight: 700; color: #C81E1E; }
.dp-last { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 500; }
.dp-last.is-red { background: #FDE2E2; color: #B42318; }
.dp-last.is-amber { background: #FEF3C7; color: #92400E; }
.dp-last.is-green { background: #DCF5E8; color: #03703F; }
.dp-state { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 500; }
.dp-state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; }
.dp-state.is-quiet { color: #B42318; } .dp-state.is-quiet::before { background: #DC2626; }
.dp-state.is-slipping { color: #9A3412; } .dp-state.is-slipping::before { background: #EA7A0C; }
.dp-state.is-late { color: #92400E; } .dp-state.is-late::before { background: #F0A500; }
.dp-state.is-rhythm { color: #03703F; } .dp-state.is-rhythm::before { background: var(--ev-green); }
.dp-state__note { margin-top: 1px; max-width: 128px; white-space: normal; line-height: 1.35; }
.dp-act { display: inline-block; padding: 6px 12px; border-radius: 8px; background: #E6F4EC; color: var(--ev-ink); font-size: 11.5px; font-weight: 600; }
.dp-act--call { background: #0B7A45; color: #fff; letter-spacing: .04em; text-transform: uppercase; font-size: 10.5px; }
.dp-table th:last-child, .dp-table td:last-child { text-align: right; }
.dp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dp-city-inline { display: none; }

/* narrower screens drop columns, most decorative first */
/* city sits under the dealer code, so the hero copy keeps its width */
.dp-col-city { display: none; }
.dp-city-inline { display: inline; }
@media (max-width: 1279px) and (min-width: 1024px), (max-width: 719px) { .dp-col-act { display: none; } }
@media (max-width: 559px) {
  .dp-screen { padding: 6px; border-radius: 20px; }
  .dp-screen__body { padding: 12px; }
  .dp-col-usual, .dp-state__note { display: none !important; }
  .dp-table td b { white-space: normal; }
  .dp-table td:first-child { white-space: normal; }
}
@media (max-width: 399px) { .dp-table th:nth-child(4), .dp-table td:nth-child(4) { display: none; } }

/* ---------------------------------------------------------------- */
/* Who it's for                                                       */
/* ---------------------------------------------------------------- */
.dp-for { padding: 18px 0; background: var(--ev-dark-2); color: rgba(255, 255, 255, .85); border-top: 1px solid rgba(0, 178, 107, .35); }
.dp-for p { margin: 0; font-size: 15px; line-height: 1.5; text-align: center; }
.dp-for b { color: #fff; }

/* ---------------------------------------------------------------- */
/* Calculator                                                         */
/* ---------------------------------------------------------------- */
.dp-calc { margin-top: 28px; padding: 22px; border-radius: 18px; background: var(--ev-dark-2); color: #fff; }
.dp-calc__title { margin: 0 0 14px; font-size: 17px; font-weight: 700; }
.dp-calc__fields { display: grid; gap: 10px; }
@media (min-width: 560px) { .dp-calc__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dp-calc label { display: grid; gap: 6px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .7); }
.dp-calc input {
  width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .06);
  color: #fff; font: inherit; font-size: 16px; font-weight: 600;
}
.dp-calc input:focus { outline: none; border-color: var(--ev-green); box-shadow: 0 0 0 3px rgba(0, 178, 107, .3); }
.dp-calc__out { margin: 16px 0 2px; font-size: 16px; color: rgba(255, 255, 255, .8); }
.dp-calc__out span { font-size: 30px; font-weight: 700; color: #F87171; letter-spacing: -.01em; }
.dp-calc__note { margin: 0; font-size: 12px; color: rgba(255, 255, 255, .5); }

/* ---------------------------------------------------------------- */
/* What you get                                                       */
/* ---------------------------------------------------------------- */
.dp-get { display: grid; gap: 8px; align-items: start; }
@media (min-width: 1024px) {
  .dp-get { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 64px; }
  .dp-get__head { position: sticky; top: 160px; }
}
.dp-get__head .ev-h2 { max-width: 14ch; }

.dp-gets { margin: 0; padding: 0; list-style: none; border-radius: 22px; background: #fff; border: 1px solid var(--ev-line); box-shadow: 0 30px 60px -44px rgba(0, 40, 24, .35); overflow: hidden; }
.dp-gets li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 18px; padding: 24px 20px; transition: background-color .2s; }
.dp-gets li + li { border-top: 1px solid var(--ev-line); }
.dp-gets li:hover { background: #FAFDFB; }
.dp-gets li::before { content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; width: 3px; border-radius: 0 3px 3px 0; background: var(--ev-green); opacity: 0; transition: opacity .2s; }
.dp-gets li:hover::before { opacity: 1; }
.dp-gets__n { font-size: 14px; font-weight: 700; letter-spacing: .08em; color: var(--ev-green); padding-top: 12px; font-variant-numeric: tabular-nums; }
.dp-gets__body h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.dp-gets__body .ev-icon { width: 40px; height: 40px; border-radius: 12px; }
.dp-gets__body .ev-icon img { width: 20px; height: 20px; }
.dp-gets__body p { margin: 0; line-height: 1.6; color: var(--ev-muted); }
.dp-mini { display: none; }  /* phones: the text alone, to keep the page short */
@media (min-width: 768px) {
  .dp-gets li { grid-template-columns: auto minmax(0, 1fr) 250px; gap: 0 24px; padding: 28px 28px; align-items: center; }
  .dp-gets__n { align-self: start; }
  .dp-mini { display: block; }
}

/* the previews: small, quiet, sample data */
.dp-mini > * { margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--ev-tint); border: 1px solid var(--ev-line); font-size: 13px; }
.dp-mini p { margin: 0; }
.dp-mini__list { list-style: none; }
.dp-mini__list li { display: flex !important; align-items: center; gap: 8px; padding: 4px 0 !important; border: 0 !important; background: none !important; font-weight: 500; }
.dp-mini__list li::before { display: none; }
.dp-mini__list span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid var(--ev-line); font-size: 10px; font-weight: 700; color: var(--ev-muted); }
.dp-mini__list li:first-child span { background: var(--ev-green); border-color: var(--ev-green); color: #fff; }
.dp-mini__list b { margin-left: auto; color: #B42318; }
.dp-mini__total { display: grid; gap: 2px; }
.dp-mini__total small { font-size: 12px; color: var(--ev-muted); }
.dp-mini__total b { font-size: 28px; line-height: 1.1; letter-spacing: -.02em; color: #B42318; }
.dp-mini__call { display: grid; gap: 6px; }
.dp-mini__call .dp-callfirst { margin-left: 8px; }
.dp-mini__why { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 8px; background: #FDE8E8; color: #B42318; font-size: 12px; font-weight: 600; white-space: nowrap; justify-self: start; }
.dp-mini__ask { display: grid; gap: 8px; }
.dp-mini__q { justify-self: end; padding: 7px 10px; border-radius: 12px 12px 3px 12px; background: var(--ev-dark-2); color: #fff; font-size: 12px; line-height: 1.4; }
.dp-mini__a { display: inline-flex; align-items: center; gap: 6px; justify-self: start; padding: 5px 10px; border-radius: 12px 12px 12px 3px; background: #fff; border: 1px solid rgba(0, 178, 107, .4); color: var(--ev-green-dark); font-size: 12px; font-weight: 600; }

/* ---------------------------------------------------------------- */
/* How the meeting works                                              */
/* ---------------------------------------------------------------- */
.dp-how__head { max-width: 760px; }

/* the track: nodes joined by a line, vertical on phones */
.dp-steps { position: relative; display: grid; gap: 20px; margin: 8px 0 0; padding: 0; list-style: none; }
.dp-steps li { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; }
.dp-steps li:not(:last-child)::after { content: ""; position: absolute; left: 19px; top: 44px; bottom: -20px; width: 2px; background: linear-gradient(var(--ev-green), rgba(0, 178, 107, .25)); }
.dp-steps__n {
  position: relative; z-index: 1; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: #fff; border: 2px solid var(--ev-green); color: var(--ev-green-dark); font-weight: 700;
}
.dp-steps .is-goal .dp-steps__n { background: var(--ev-green); color: #fff; box-shadow: 0 0 0 6px rgba(0, 178, 107, .18); }
.dp-steps__card { height: 100%; padding: 22px; border-radius: 20px; background: #fff; border: 1px solid var(--ev-line); }
.dp-steps__ico { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 16px; border-radius: 12px; background: #E6F7F0; border: 1px solid rgba(0, 178, 107, .3); }
.dp-steps__card p { margin: 0; line-height: 1.6; color: var(--ev-muted); }
/* the step the path leads to */
.dp-steps .is-goal .dp-steps__card {
  color: #fff; border-color: rgba(0, 178, 107, .45);
  background: radial-gradient(ellipse at 100% 0%, rgba(0, 178, 107, .35), transparent 60%), var(--ev-dark-2);
  box-shadow: 0 30px 60px -30px rgba(0, 60, 36, .6);
}
.dp-steps .is-goal .dp-steps__card p { color: rgba(255, 255, 255, .8); }
.dp-steps .is-goal .dp-steps__ico { background: rgba(0, 178, 107, .2); border-color: rgba(0, 178, 107, .5); }
.dp-steps .is-goal .dp-steps__ico img { filter: brightness(0) invert(1); }
@media (min-width: 900px) {
  .dp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 12px; }
  .dp-steps li { grid-template-columns: none; grid-template-rows: auto 1fr; gap: 20px; }
  .dp-steps li:not(:last-child)::after { left: 44px; right: -24px; top: 19px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, var(--ev-green), rgba(0, 178, 107, .25)); }
  .dp-steps__card { padding: 26px; }
}

/* the optional pilot beside the deadline */
.dp-after { display: grid; gap: 12px; margin-top: 24px; }
@media (min-width: 900px) { .dp-after { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; } }
.dp-after p { margin: 0; line-height: 1.6; }
.dp-after__pilot { padding: 18px 20px; border-radius: 16px; background: var(--ev-tint); border: 1px dashed #C9D3CE; color: var(--ev-muted); }
.dp-after__pilot b { color: var(--ev-ink); }
.dp-after__deadline { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 16px; background: #FEF3C7; border: 1px solid #FCD34D; color: #78350F; font-weight: 500; }
.dp-after__deadline img { flex: none; padding: 8px; width: 40px; height: 40px; border-radius: 12px; background: #fff; }
.dp-after__deadline b { color: #78350F; }

/* ---------------------------------------------------------------- */
/* Form additions                                                     */
/* ---------------------------------------------------------------- */
.dp-safe { margin: 0; padding: 0; list-style: none; }
.dp-safe li { position: relative; padding: 0 0 12px 30px; line-height: 1.5; color: rgba(255, 255, 255, .9); }
.dp-safe li::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; background: url("../img/imc/shield.svg") center / contain no-repeat; filter: brightness(0) invert(1); opacity: .85; }
.ev-form select {
  display: block; width: 100%; padding: 13px 40px 13px 14px; border: 1px solid #C9D3CE; border-radius: 12px; font: inherit; font-size: 16px; color: var(--ev-ink);
  background: #F8FAF9 url("../img/ecommerce/icons/select-chevron.svg") right 14px center / 14px no-repeat; -webkit-appearance: none; appearance: none;
}
.ev-form select:focus { outline: none; background-color: #fff; border-color: var(--ev-green); box-shadow: 0 0 0 3px rgba(0, 178, 107, .2); }
.dp-dates { margin: 0; padding: 0; border: 0; min-width: 0; }
.dp-dates legend { margin: 0 0 8px; padding: 0; font-size: 14px; font-weight: 600; }

/* Date chips: used as radios in the form and as links in "Meet us" */
.dp-dates__row, .dp-pick__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
@media (min-width: 480px) { .dp-dates__row, .dp-pick__row { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.dp-pick__row { grid-template-columns: repeat(7, minmax(0, 1fr)); }
@media (min-width: 480px) { .dp-pick__row { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.dp-date { position: relative; display: block; margin: 0; cursor: pointer; text-decoration: none; }
.dp-date input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.dp-date span {
  display: grid; justify-items: center; gap: 1px; padding: 8px 2px; border-radius: 12px; border: 1px solid #C9D3CE; background: #F8FAF9;
  color: var(--ev-ink); transition: border-color .15s, background-color .15s, transform .15s;
}
.dp-date small { font-size: 11px; color: var(--ev-muted); }
.dp-date b { font-size: 18px; line-height: 1.1; }
.dp-date em { font-size: 10px; font-style: normal; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.dp-date.is-imc em { color: var(--ev-green-dark); }
.dp-date.is-vivek em { color: #6D28D9; }
.dp-date.is-any em { color: var(--ev-muted); }
.dp-date:hover span { border-color: var(--ev-green); transform: translateY(-1px); }
.dp-date input:checked + span { border-color: var(--ev-green); background: #E6F7F0; box-shadow: 0 0 0 2px rgba(0, 178, 107, .35); }
.dp-date input:focus-visible + span, a.dp-date:focus-visible span { outline: 3px solid var(--ev-green); outline-offset: 2px; }

/* ---------------------------------------------------------------- */
/* Meet us                                                            */
/* ---------------------------------------------------------------- */
.dp-meet { display: grid; gap: 32px; align-items: center; }
@media (min-width: 1024px) { .dp-meet { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; } }
.dp-meet .ev-h2 { margin-bottom: 12px; }
.dp-meet__lead { margin: 0; font-size: 17px; line-height: 1.6; color: var(--ev-muted); }
.dp-meet .ev-actions { align-items: center; gap: 12px 24px; }
.dp-pick { padding: 22px; border-radius: 20px; border: 1px solid var(--ev-line); background: var(--ev-tint); }
.dp-pick__title { display: flex; justify-content: space-between; margin: 0 0 14px; font-weight: 700; }
.dp-pick__title span { font-weight: 500; color: var(--ev-muted); }
.dp-pick .dp-date span { background: #fff; }
.dp-pick__legend { display: flex; gap: 18px; margin: 14px 0 0; padding: 0; list-style: none; font-size: 13px; color: var(--ev-muted); }
.dp-pick__legend li::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.dp-pick__legend .is-imc::before { background: var(--ev-green); }
.dp-pick__legend .is-vivek::before { background: #6D28D9; }

/* ---------------------------------------------------------------- */
/* Proof                                                              */
/* ---------------------------------------------------------------- */
.dp-built { display: grid; gap: 32px; align-items: center; }
@media (min-width: 1024px) { .dp-built { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; } }
.dp-built .ev-lead { margin-bottom: 0; }
.dp-built .ev-stats li { padding: 20px 18px; }
@media (min-width: 900px) { .dp-built .ev-stats li { padding: 24px 20px; } }
.dp-built .ev-stats__n { font-size: 36px; }

/* ---------------------------------------------------------------- */
/* Mobile dock                                                        */
/* ---------------------------------------------------------------- */
.dp-dock { display: none; }
@media (max-width: 767px) {
  .dp { padding-bottom: 76px; }
  .dp-dock {
    position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1.4fr 1fr; gap: 8px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(5, 8, 6, .92); border-top: 1px solid rgba(0, 178, 107, .35);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  }
  .dp-dock .ev-btn { justify-content: center; width: 100%; padding-top: 12px; padding-bottom: 12px; }
  .dp-dock__wa { background: #fff; color: var(--ev-ink); }
}

/* this page's FAQ has no icons, so the answer lines up with the question */
.dp .ev-faq details p { padding-left: 20px; }
/* every date chip the same height, "Any" included */
.dp-date span { height: 100%; align-content: center; }

/* Hero at laptop widths: dealer names may wrap; below 1280 the "usual"
   column goes too, and the event pill steps down so it stays on one line. */
@media (min-width: 1024px) and (max-width: 1399px) {
  .dp-table td:first-child { white-space: normal; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .dp-col-usual { display: none; }
  .dp-hero .ev-eyebrow--pill { font-size: 10.5px; padding: 6px 12px; }
  .dp-hero .ev-hero__title { font-size: 42px; }
}