/* Quote view body (TODO 00001.5.33): the customer's private quote page. One section 8 notice for the state, then for a
   requested quote the link to keep (a small ink line over a navy text link that wraps) and the small test-mode line. */
.p-quote-view { box-sizing: border-box; padding: var(--wp--preset--spacing--110) var(--wp--custom--gutter--desktop); }
.p-quote-view *, .p-quote-view *::before, .p-quote-view *::after { box-sizing: border-box; }
.p-quote-view__inner {
  max-width: var(--wp--custom--layout--wide); margin-inline: auto;
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--60);
}
.p-quote-view__inner > * { max-width: 720px; width: 100%; }
.p-quote-view__keep { padding: var(--wp--preset--spacing--50) 0; border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.p-quote-view .p-quote-view__label {
  margin: 0 0 var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); font-weight: 600; line-height: 1.5;
}
.p-quote-view .p-quote-view__link { margin: 0; font-size: var(--wp--preset--font-size--body); line-height: 1.6; overflow-wrap: anywhere; }
.p-quote-view__link a {
  color: var(--wp--preset--color--navy); font-weight: 500;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.p-quote-view__link a:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset); }
.p-quote-view__link a:active { color: var(--wp--preset--color--ink); }
.p-quote-view .p-quote-view__testmode {
  display: flex; gap: var(--wp--preset--spacing--30); margin: 0;
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); line-height: 1.5;
}
.p-quote-view__testmode .p-icon { flex: none; margin-top: 3px; color: var(--wp--preset--color--navy); }
.p-quote-view .p-quote-view__actions { margin: 0; }
@media (hover: hover) and (pointer: fine) { .p-quote-view__link a:hover { text-decoration-thickness: 2px; } }
@media (max-width: 991.98px) {
  .p-quote-view { padding: var(--wp--preset--spacing--100) var(--wp--custom--gutter--tablet); }
}
@media (max-width: 599.98px) {
  .p-quote-view { padding: var(--wp--preset--spacing--90) var(--wp--custom--gutter--phone); }
}