/* Contextual coverage help, using the current Niwwi theme. */
html[data-theme] #page .budget-reference-note {
  min-width: 0;
  margin-top: 16px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--surface);
  color: var(--text);
  overflow-wrap: anywhere;
}
html[data-theme] #page .budget-reference-note > b {font-size: 15px;line-height: 1.5}
html[data-theme] #page .budget-reference-values {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 16px 0}
html[data-theme] #page .budget-reference-values > div {display: block;min-width: 0;padding: 12px;border: 1px solid var(--line);border-radius: 12px}
html[data-theme] #page .budget-reference-values :is(dt,dd) {margin: 0;line-height: 1.5;font-size: 13px}
html[data-theme] #page .budget-reference-values dt {color: var(--muted)}
html[data-theme] #page .budget-reference-values dd {margin-top: 5px;color: var(--text);font-weight: 650;font-variant-numeric: tabular-nums}
html[data-theme] #page .budget-reference-note > p {max-width: 85ch;margin: 10px 0 0;color: var(--muted);font-size: 13px;line-height: 1.55}
html[data-theme] #page .budget-reference-details {border-top: 1px solid var(--line);margin-top: 14px}
html[data-theme] #page .budget-reference-details > summary {min-height: 44px;padding: 12px 0;font-size: 13px;line-height: 1.5;cursor: pointer}
@media (max-width: 640px) {
  html[data-theme] #page .budget-reference-note {padding: 16px}
  html[data-theme] #page .budget-reference-values {grid-template-columns: minmax(0,1fr)}
}
html[data-theme] #page .niwwi-data-guidance {
  min-width: 0;
  max-width: 100%;
  margin: 12px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--line);
  color: var(--text);
  text-align: left;
  font-size: 13px;
  overflow-wrap: anywhere;
}
html[data-theme] #page .niwwi-data-guidance > summary {
  min-height: 44px;
  padding: 8px 4px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  cursor: pointer;
}
html[data-theme] #page .niwwi-data-guidance > div {padding: 0 4px 6px}
html[data-theme] #page .niwwi-data-guidance .niwwi-reference-detail > summary {
  min-height: 44px;
  padding: 10px 4px;
  color: var(--text);
  cursor: pointer;
  line-height: 1.5;
}
html[data-theme] #page .niwwi-data-guidance code {white-space: normal;overflow-wrap: anywhere}
html[data-theme] #page .niwwi-data-guidance p {
  display: block;
  width: auto;
  max-width: 62ch;
  margin: 6px 0 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  white-space: normal;
}
html[data-theme] #page .niwwi-data-guidance-list {margin: 12px 0 0;padding-left: 22px}
html[data-theme] #page .niwwi-data-guidance-list > li {margin: 0 0 16px;padding-left: 3px;line-height: 1.5}
html[data-theme] #page .niwwi-data-guidance-list > li::marker {color: var(--purple);font-weight: 700}
html[data-theme] #page .niwwi-data-guidance-list b {font-size: 13px;line-height: 1.5;color: var(--text)}
html[data-theme] #page .niwwi-data-guidance button {min-height: 44px;max-width: 100%;white-space: normal;font-size: 12px;line-height: 1.4}
html[data-theme] #page .niwwi-data-guidance :is(summary,button):focus-visible {outline: 2px solid var(--purple);outline-offset: 3px}
@media (max-width: 640px) {
  html[data-theme] #page .niwwi-data-guidance button {width: 100%}
}