/* Offboarding protection pages: the few rules these five pages add on top of
   the site stylesheet (assets/css/style.css). Uses the site's own variables. */
.content > .prose { min-width: 0; }
.ob-chips { margin: 0 0 30px; }
.ob-chips a[aria-current="page"] { background: var(--graphite); color: var(--white); border-color: var(--graphite); }
.ob-chips .ob-chip-urgent { border-color: var(--amber); color: var(--amber-ink); font-weight: 600; }
.ob-chips .ob-chip-urgent[aria-current="page"] { background: var(--amber-ink); border-color: var(--amber-ink); color: var(--white); }

.ob-figure { margin: 1.8em 0; background: var(--graphite); }
.ob-figure img { width: 100%; }

.ob-table { overflow-x: auto; margin: 1.3em 0 1.6em; border: 1px solid var(--alu-dark); border-radius: var(--radius-l); background: var(--white); }
.ob-table table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: .95rem; line-height: 1.5; }
.ob-table th, .ob-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--alu); }
.ob-table thead th, .ob-table thead td { background: var(--graphite); color: #fff; font-weight: 600; }
.ob-table tbody th { font-weight: 600; width: 24%; }
.ob-table tbody tr:last-child th, .ob-table tbody tr:last-child td { border-bottom: 0; }

.ob-urgent { border-left-color: var(--amber); }
.ob-qa h2 { font-size: 1.35rem; margin-top: 1.5em; }

.aside-card .ob-links { list-style: none; padding: 0; }
.aside-card .ob-links li { margin-bottom: 6px; }
.aside-card .ob-links a[aria-current="page"] { font-weight: 600; text-decoration: none; }
.aside-card h3 + .ob-links, .aside-card p + h3 { margin-top: .2em; }
.aside-card .ob-where { margin: 14px 0 0; font-size: .9rem; }
.aside-card ul + h3 { margin-top: 18px; }

/* price calculator on the overview page */
.ob-count { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.ob-count input { width: 7.5rem; font: 600 1.25rem/1.2 var(--body); padding: 12px 14px; border: 1.5px solid var(--graphite); border-radius: var(--radius-s); background: var(--white); color: var(--graphite); }
.ob-count input:focus { outline: none; box-shadow: 0 0 0 3px rgba(141,198,63,.35); }
.ob-count span { color: var(--slate); font-size: .95rem; }
.prose table.prices { margin: 1.4em 0 1em; }
.prose .calc + h3 { margin-top: 1.6em; }