/* JDLO ask box (2026-10-17). The site's own tokens: one ink on white, the mist grey, Schibsted Grotesk,
   no radius, no shadow. Mobile first; desktop from 1024 px (the site's breakpoint). 44 px targets. */
/* Unmounted box keeps the mounted height (chips showing), so #form/#hash targets and the /faq hero don't move.
   From test/fix/sweep.cjs (every px 300-2600); re-run it if the box's text or styles change. */
[data-ask]:not(.askbox) { display: block; min-height: calc(29.444rem + 1.8px); }
@media (min-width: 576px) { [data-ask]:not(.askbox) { min-height: 725.5px; } }
@media (min-width: 607px) { [data-ask]:not(.askbox) { min-height: 708.9px; } }
@media (min-width: 824px) { [data-ask]:not(.askbox) { min-height: 629.1px; } }
@media (min-width: 859px) { [data-ask]:not(.askbox) { min-height: 549.2px; } }
@media (min-width: 936px) { [data-ask]:not(.askbox) { min-height: 515.8px; } }
@media (min-width: 1024px) { [data-ask]:not(.askbox) { min-height: calc(18.434rem + 1.9px); }
  .page-faq [data-ask]:not(.askbox) { min-height: calc(21.684rem + 1.9px); } }
@media (min-width: 2007px) { .page-faq [data-ask]:not(.askbox) { min-height: 395.2px; } }
.askbox { --ask-ink: var(--ink, #0a0a0a); --ask-paper: var(--paper, #fff); --ask-mist: var(--mist, #f5f5f7); --ask-grey: var(--grey, #6e6e73);
  --ask-line: color-mix(in srgb, var(--ask-ink) 14%, transparent);
  font-family: var(--sans, var(--font-text, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif));
  color: var(--ask-ink); max-width: 46rem; }
.askbox__label { display: block; margin: 0 0 .625rem; font-size: 1.0625rem; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.askbox__field { position: relative; }
.askbox__in { -webkit-appearance: none; appearance: none; box-sizing: border-box; width: 100%; min-height: 3.5rem; margin: 0;
  padding: .875rem 1rem; border: 0; border-bottom: 2px solid var(--ask-ink); border-radius: 0; background: var(--ask-mist);
  color: var(--ask-ink); font: inherit; font-size: 1.125rem; line-height: 1.3; }
.askbox__in::placeholder { color: var(--ask-grey); opacity: 1; }
.askbox__in:focus { outline: 2px solid var(--ask-ink); outline-offset: 2px; }
.askbox__in::-webkit-search-cancel-button { -webkit-appearance: none; }
.askbox__hint { margin: .625rem 0 0; color: var(--ask-grey); font-size: .9375rem; line-height: 1.45; }
.askbox__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.askbox__chips[hidden] { display: none; }
.askbox__chip { -webkit-appearance: none; appearance: none; min-height: 2.75rem; margin: 0; padding: .5rem .875rem;
  border: 1px solid var(--ask-line); border-radius: 0; background: var(--ask-paper); color: var(--ask-ink);
  font: inherit; font-size: .9375rem; line-height: 1.25; text-align: left; cursor: pointer;
  transition: border-color var(--dur, .4s) var(--ease, ease), background-color var(--dur, .4s) var(--ease, ease); }
.askbox__chip:hover { border-color: var(--ask-ink); }
.askbox__chip:focus-visible, .askbox__more:focus-visible, .askbox__direct:focus-visible, .askbox__btn:focus-visible, .askbox__a--more > summary:focus-visible {
  outline: 2px solid var(--ask-ink); outline-offset: 2px; }
.askbox__q:focus, .askbox__none-t:focus { outline: none; }
.askbox__q:focus-visible, .askbox__none-t:focus-visible { outline: 2px solid var(--ask-ink); outline-offset: 4px; }
.askbox__status { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.askbox__out { margin-top: 1.25rem; }
.askbox__out:empty { margin: 0; }
.askbox__a { margin: 0; padding: 1.125rem 0 .5rem; border-top: 1px solid var(--ask-line); }
.askbox__q { margin: 0; font-size: 1.25rem; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
.askbox__t { margin: .625rem 0 0; max-width: 62ch; font-size: 1.0625rem; line-height: 1.5; }
.askbox__more, .askbox__direct { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.askbox__more { display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: .25rem; font-size: 1rem; }
.askbox__a--more { padding-top: 0; }
.askbox__a--more > summary { display: flex; align-items: center; min-height: 3rem; padding: .5rem 0; font-size: 1.0625rem; cursor: pointer; list-style: none; }
.askbox__a--more > summary::-webkit-details-marker { display: none; }
.askbox__a--more > summary::after { content: "+"; margin-left: auto; padding-left: 1rem; font-weight: 400; font-size: 1.375rem; }
.askbox__a--more[open] > summary::after { content: "\2212"; }
.askbox__a--more > .askbox__t { margin-top: 0; }
.askbox__small { margin: .875rem 0 0; color: var(--ask-grey); font-size: .9375rem; line-height: 1.45; }
.askbox__direct { display: inline-block; padding-block: .75rem; margin-block: -.75rem; color: var(--ask-ink); }
.askbox__none { padding-top: 1.125rem; border-top: 1px solid var(--ask-line); }
.askbox__none-t { margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.4; }
.askbox__btn { display: inline-flex; align-items: center; min-height: 3rem; padding: .875rem 1.375rem; background: var(--ask-ink);
  color: var(--ask-paper); font-size: 1.0625rem; line-height: 1.2; text-decoration: none; }
.askbox__btn:hover { background: color-mix(in srgb, var(--ask-ink) 82%, var(--ask-paper)); }

/* The band that holds it on a page: "Questions?" above the contact section. */
section.askbox-band { margin: 0; padding: 4.5rem var(--pad, 1rem) 1rem; }
section.askbox-band h2 { margin: 0 0 .75rem; font-size: 2.625rem; line-height: .98; font-weight: 600; letter-spacing: -.05em; }
.askbox-band__line { margin: 0 0 1.5rem; max-width: 34ch; color: var(--grey, #6e6e73); font-size: 1rem; line-height: 1.45; }

@media (min-width: 1024px) {
  .askbox__label { font-size: 1.25rem; }
  .askbox__in { min-height: 4rem; padding: 1rem 1.25rem; font-size: 1.5rem; }
  .askbox__q { font-size: 1.625rem; }
  .askbox__t { font-size: 1.1875rem; }
  section.askbox-band { padding-top: 8rem; display: grid; grid-template-columns: 1fr 1.35fr; gap: 3rem; align-items: start; }
  section.askbox-band h2 { font-size: 5.5rem; }
  .askbox-band__line { font-size: 1.125rem; }
}
@media (prefers-reduced-motion: reduce) { .askbox__chip { transition: none; } }

/* The optional /faq page (make-faq-page.py): the /terms layout, scoped to .page-faq so v5.css stays as it is. */
.jdlo-v5.page-faq .open [data-ask] { margin-top: 1.75rem; }
.jdlo-v5.page-faq .legal { padding: 3rem var(--pad, 1rem) 0; }
.jdlo-v5.page-faq .legal__index { display: none; }
.jdlo-v5.page-faq .legal__item { display: grid; gap: .875rem; padding: 1rem 0 2.5rem; border-top: 2px solid var(--ink); scroll-margin-top: calc(var(--header-h, 3.75rem) + 1rem); }
.jdlo-v5.page-faq .legal__title { font-size: 1.5rem; line-height: 1.05; font-weight: 600; letter-spacing: -.045em; }
.jdlo-v5.page-faq .legal__text { display: grid; gap: .5rem; max-width: 40rem; }
.jdlo-v5.page-faq .legal__text h3 { margin-top: 1rem; font-size: 1.1875rem; line-height: 1.2; font-weight: 600; letter-spacing: -.025em; scroll-margin-top: calc(var(--header-h, 3.75rem) + 1rem); }
.jdlo-v5.page-faq .legal__text p { font-size: 1.0625rem; line-height: 1.5; }
.jdlo-v5.page-faq .legal__text .u { display: inline-block; padding-block: .625rem; margin-block: -.625rem; }
@media (min-width: 1024px) {
  .jdlo-v5.page-faq .legal { padding-top: 7rem; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 4rem; align-items: start; }
  .jdlo-v5.page-faq .legal__body { grid-column: 1; grid-row: 1; }
  .jdlo-v5.page-faq .legal__index { grid-column: 2; grid-row: 1; display: grid; justify-items: start; gap: .25rem; position: sticky; top: calc(var(--header-h, 3.75rem) + 2rem); padding-top: 1rem; border-top: 2px solid var(--ink); }
  .jdlo-v5.page-faq .legal__index .u { color: var(--grey); text-decoration-color: transparent; }
  .jdlo-v5.page-faq .legal__index .u:hover { color: var(--ink); text-decoration-color: var(--ink); }
}