/* Data Act Deal Card: page layer on top of shell/skin.css.
   Scope: body.pl-skin.pl-dataact. Maps the page's own variables to the
   Planit tokens, then overrides the selectors that hard-code gradients,
   glass, glow, side stripes and drop shadows. Markup, text and scripts
   stay as they are. !important appears only against inline styles, the
   inline style the search script writes on <mark>, and rules of the base
   skin that already use it. */

body.pl-skin.pl-dataact {
  --da-gutter: clamp(1rem, 4vw, 2rem);
  --da-max: calc(72rem - 2 * var(--da-gutter));
  --da-navy-line: oklch(0.4 0.04 265);
  --da-gold-fill: oklch(0.975 0.022 90);
  --da-gold-line: oklch(0.88 0.05 90);

  /* the page's variables, mapped to the Planit tokens */
  --brand-primary: var(--pl-navy);
  --brand-secondary: var(--pl-navy-2);
  --brand-accent: var(--pl-navy-2);
  --brand-gold: var(--pl-gold);
  --brand-red: var(--pl-bad);
  --brand-dark: var(--pl-navy);
  --primary-color: var(--pl-navy);
  --primary-light: var(--pl-navy-2);
  --primary-dark: var(--pl-navy);
  --secondary-color: var(--pl-navy-2);
  --accent-color: var(--pl-gold);
  --warning-color: var(--pl-due);
  --success-color: var(--pl-ok);
  --error-color: var(--pl-bad);
  --gray-50: var(--pl-paper);
  --gray-100: var(--pl-paper-2);
  --gray-200: var(--pl-line);
  --gray-300: var(--pl-line);
  --gray-400: oklch(0.72 0.02 265);
  --gray-500: var(--pl-ink-2);
  --gray-600: var(--pl-ink-2);
  --gray-700: var(--pl-ink);
  --gray-800: var(--pl-ink);
  --gray-900: var(--pl-navy);
  --text-primary: var(--pl-ink);
  --text-secondary: var(--pl-ink-2);
  --background: var(--pl-paper);
  --surface: #fff;
  --border: var(--pl-line);
  --shadow-sm: none;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --border-radius: var(--pl-radius);
  --border-radius-sm: 4px;
  --border-radius-lg: var(--pl-radius);
  --transition: color .2s var(--pl-ease), background-color .2s var(--pl-ease), border-color .2s var(--pl-ease);
  --font-family-sans: var(--pl-sans);
}

/* Focus ring: the base draws it navy on paper and gold in .lex-hubbar, .pl-foot
   and .pl-band. This page's two navy surfaces (masthead band, dialog header)
   cannot carry .pl-band, so they get the gold ring here. */
body.pl-skin.pl-dataact .header :focus-visible,
body.pl-skin.pl-dataact .definition-header :focus-visible {
  outline-color: var(--pl-gold) !important;
}

/* ---------- page frame ---------- */
body.pl-skin.pl-dataact .container {
  max-width: none;
  min-height: 0;
  padding: 0 var(--da-gutter);
}
body.pl-skin.pl-dataact .navigation,
body.pl-skin.pl-dataact .panel,
body.pl-skin.pl-dataact .footer {
  max-width: var(--da-max);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- masthead band ---------- */
body.pl-skin.pl-dataact .header {
  background: var(--pl-navy);
  color: var(--pl-on-navy);
  border-radius: 0;
  border-bottom: 2px solid var(--pl-gold);
  box-shadow: none;
  overflow: visible;
  margin: 0 calc(-1 * var(--da-gutter)) clamp(1.75rem, 4vw, 2.5rem);
  padding: clamp(2.25rem, 6vw, 4rem) var(--da-gutter) clamp(2.5rem, 5vw, 3.5rem);
}
body.pl-skin.pl-dataact .header::before { content: none; display: none; background: none; animation: none; }
body.pl-skin.pl-dataact .header-content {
  max-width: var(--da-max);
  margin: 0 auto;
}
body.pl-skin.pl-dataact .header h1 {
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: #fff;
  margin: 0 0 1rem;
  text-wrap: balance;
}
body.pl-skin.pl-dataact .header-subtitle {
  font-size: clamp(1rem, 1.6vw, 1.1875rem);
  line-height: 1.6;
  color: var(--pl-on-navy);
  opacity: 1;
  max-width: 52ch;
  margin: 0 0 1.75rem;
}
/* dates line: inline style with a gold side stripe, recast as a quiet panel */
body.pl-skin.pl-dataact .header-dates {
  display: block !important;
  background: var(--pl-navy-2) !important;
  border: 1px solid var(--da-navy-line) !important;
  border-radius: var(--pl-radius) !important;
  padding: 1.125rem 1.375rem !important;
  margin: 0 0 1.75rem !important;
  font-size: .9375rem !important;
  line-height: 1.6;
  color: var(--pl-on-navy);
}
body.pl-skin.pl-dataact .header-dates span {
  display: block;
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid var(--da-navy-line);
  color: var(--pl-on-navy);
}
body.pl-skin.pl-dataact .header-controls {
  position: relative;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
body.pl-skin.pl-dataact .search-container {
  flex: none;
  width: 100%;
  max-width: 28rem;
}
body.pl-skin.pl-dataact .search-input {
  min-height: 2.75rem;
  padding: .7rem 1rem .7rem 2.75rem;
  font-size: .9375rem;
  transition: border-color .2s var(--pl-ease);
}
body.pl-skin.pl-dataact .search-icon {
  left: .95rem;
  width: 1rem;
  height: 1rem;
  color: var(--pl-ink-2);
  opacity: 1;
}
/* search status line from the shell script: sits under the field, reserves no space */
body.pl-skin.pl-dataact #pl-search-status {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-height: 0;
  margin: .45rem 0 0;
  font-size: .875rem;
  line-height: 1.4;
  color: var(--pl-on-navy-2);
  opacity: 1;
}
/* light only: the page's own dark-mode switch and the decorative reading bar go */
body.pl-skin.pl-dataact .theme-toggle,
body.pl-skin.pl-dataact .progress-container { display: none; }
body.pl-skin.pl-dataact .progress-fill { background: var(--pl-navy); box-shadow: none; }

@media (min-width: 900px) {
  body.pl-skin.pl-dataact .header-content {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: clamp(2.5rem, 5vw, 4rem);
  }
  body.pl-skin.pl-dataact .header h1 { grid-column: 1; grid-row: 1; }
  body.pl-skin.pl-dataact .header-subtitle { grid-column: 1; grid-row: 2; }
  body.pl-skin.pl-dataact .header-controls { grid-column: 1; grid-row: 3; align-self: end; }
  body.pl-skin.pl-dataact .header-dates { grid-column: 2; grid-row: 1 / span 3; align-self: end; margin: 0 !important; }
}

/* ---------- section selector ---------- */
body.pl-skin.pl-dataact .navigation {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: .75rem;
  margin-bottom: clamp(1.5rem, 4vw, 2rem);
}
body.pl-skin.pl-dataact .nav-card {
  background: #fff;
  color: var(--pl-ink);
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  box-shadow: none;
  padding: 1.125rem 1.25rem 1.25rem;
  overflow: visible;
  transition: background-color .2s var(--pl-ease), border-color .2s var(--pl-ease), color .2s var(--pl-ease);
}
body.pl-skin.pl-dataact .nav-card::before { content: none; display: none; background: none; }
body.pl-skin.pl-dataact .nav-card-icon { display: none; }
body.pl-skin.pl-dataact .nav-card h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--pl-navy);
  margin-bottom: .35rem;
}
body.pl-skin.pl-dataact .nav-card p {
  font-size: .875rem;
  line-height: 1.5;
  color: var(--pl-ink-2);
  opacity: 1;
}
body.pl-skin.pl-dataact .nav-card:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--pl-navy);
  background: var(--pl-paper-2);
}
body.pl-skin.pl-dataact .nav-card.active {
  background: var(--pl-navy);
  border-color: var(--pl-navy);
  color: #fff;
  box-shadow: none;
}
body.pl-skin.pl-dataact .nav-card.active h3 { color: #fff; }
body.pl-skin.pl-dataact .nav-card.active p { color: var(--pl-on-navy); }

/* ---------- section panels ---------- */
@keyframes pl-da-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}
body.pl-skin.pl-dataact .panel {
  background: #fff;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  box-shadow: none;
  overflow: hidden;
  overflow: clip; /* clips the corners without becoming a scroll box, so table heads can stick */
  animation: pl-da-in .2s var(--pl-ease);
}
body.pl-skin.pl-dataact .panel-header {
  background: #fff;
  color: var(--pl-ink);
  padding: 1.5rem 4.5rem 1.375rem 1.5rem;
  border-bottom: 1px solid var(--pl-line);
}
body.pl-skin.pl-dataact .panel-header h2 {
  font-size: clamp(1.375rem, 2.6vw, 1.75rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--pl-navy);
  margin-bottom: .4rem;
}
body.pl-skin.pl-dataact .panel-subtitle {
  font-size: .9375rem;
  color: var(--pl-ink-2);
  opacity: 1;
}
body.pl-skin.pl-dataact .panel-close {
  top: 1.25rem;
  right: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border: 1px solid var(--pl-line);
  color: var(--pl-navy);
  font-size: 1.25rem;
  line-height: 1;
  transition: background-color .2s var(--pl-ease), border-color .2s var(--pl-ease);
}
body.pl-skin.pl-dataact .panel-close:hover {
  background: var(--pl-paper-2);
  border-color: var(--pl-navy);
  transform: none;
}
/* one scroll for the whole page instead of a 75vh box inside the panel */
body.pl-skin.pl-dataact .panel-content {
  padding: 0;
  max-height: none;
  overflow: visible;
}
body.pl-skin.pl-dataact .table-container {
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  overflow: visible;
}

/* ---------- tables ---------- */
body.pl-skin.pl-dataact table { font-size: .9375rem; line-height: 1.6; }
body.pl-skin.pl-dataact th {
  background: var(--pl-paper-2);
  color: var(--pl-navy);
  font: 600 .75rem/1.4 var(--pl-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .875rem 1.25rem;
  border-bottom: 0;
  box-shadow: inset 0 -1px 0 var(--pl-navy); /* rule travels with the sticky head */
  z-index: 2;
}
body.pl-skin.pl-dataact td {
  padding: 1.25rem;
  border-bottom: 1px solid var(--pl-line);
  color: var(--pl-ink);
}
body.pl-skin.pl-dataact th:first-child,
body.pl-skin.pl-dataact td:first-child { padding-left: 1.5rem; }
body.pl-skin.pl-dataact th:last-child,
body.pl-skin.pl-dataact td:last-child { padding-right: 1.5rem; }
body.pl-skin.pl-dataact tr:hover td { background: var(--pl-paper); }

/* column widths: row titles and short citations get room, the guidance column the most */
@media print, (min-width: 821px) {
  body.pl-skin.pl-dataact .table-container th:first-child { width: 17%; }
  body.pl-skin.pl-dataact .table-container th:nth-child(4) { width: 34%; }
  body.pl-skin.pl-dataact #core-requirements th:nth-child(3) { width: 20%; }
  body.pl-skin.pl-dataact #definitions th:nth-child(2) { width: 22%; }
  body.pl-skin.pl-dataact #exemptions th:nth-child(2),
  body.pl-skin.pl-dataact #enforcement th:nth-child(2) { width: 9.5rem; }
  body.pl-skin.pl-dataact #dispute-resolution th:nth-child(2),
  body.pl-skin.pl-dataact #interaction th:nth-child(2) { width: 15%; }
}

/* row titles and citations */
body.pl-skin.pl-dataact td:first-child > .highlight,
body.pl-skin.pl-dataact td:first-child > strong {
  font-family: var(--pl-serif);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--pl-navy);
}
body.pl-skin.pl-dataact .highlight::after { content: none; display: none; }
body.pl-skin.pl-dataact td small {
  display: inline-block;
  margin-top: .3rem;
  font-family: var(--pl-mono);
  font-size: .75rem;
  line-height: 1.5;
  color: var(--pl-ink-2);
}
body.pl-skin.pl-dataact #definitions td:nth-child(2),
body.pl-skin.pl-dataact #exemptions td:nth-child(2),
body.pl-skin.pl-dataact #enforcement td:nth-child(2) {
  font-family: var(--pl-mono);
  font-size: .8125rem;
  color: var(--pl-ink-2);
}
body.pl-skin.pl-dataact td strong { color: var(--pl-navy); }

/* defined terms that open the definition dialog */
body.pl-skin.pl-dataact .interactive-term {
  color: var(--pl-navy);
  font-weight: 500;
  border-bottom: 1px dotted currentColor;
  border-radius: 2px;
  padding: 0 .1em;
}
body.pl-skin.pl-dataact .interactive-term:hover {
  color: var(--pl-navy);
  background: var(--pl-paper-2);
  border-bottom: 1px solid var(--pl-gold-ink);
  transform: none;
}

/* negotiable aspects: short rule instead of a triangle glyph */
body.pl-skin.pl-dataact .negotiable-list li {
  padding-left: 1.125rem;
  margin-bottom: .6rem;
}
body.pl-skin.pl-dataact .negotiable-list li:last-child { margin-bottom: 0; }
body.pl-skin.pl-dataact .negotiable-list li::before {
  content: "";
  top: .8em;
  left: 0;
  width: .5rem;
  height: 0;
  border-top: 1px solid var(--pl-gold-ink); /* a border snaps to whole pixels, a 1px fill can blur */
}
body.pl-skin.pl-dataact .negotiable-list li:hover { color: inherit; transform: none; }

/* examples and implementation notes: hairline boxes, no side stripes */
body.pl-skin.pl-dataact .example-box,
body.pl-skin.pl-dataact .implementation-box {
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  padding: .875rem 1rem;
  margin: 0 0 .75rem;
  font-size: .9063rem;
  line-height: 1.55;
  overflow: visible;
}
body.pl-skin.pl-dataact .example-box { background: var(--pl-paper-2); }
body.pl-skin.pl-dataact .implementation-box {
  background: var(--da-gold-fill);
  border-color: var(--da-gold-line);
}
body.pl-skin.pl-dataact .example-box:last-child,
body.pl-skin.pl-dataact .implementation-box:last-child { margin-bottom: 0; }

/* search hits: the script writes an inline style on each <mark> */
body.pl-skin.pl-dataact mark.search-mark {
  background: oklch(0.9 0.08 90) !important;
  color: var(--pl-ink) !important;
  padding: 0 .15em !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
}

/* ---------- definition dialog ---------- */
body.pl-skin.pl-dataact .definition-modal { background: oklch(0.2 0.04 265 / .55); }
body.pl-skin.pl-dataact .definition-content {
  width: min(43.75rem, calc(100% - 2rem));
  max-width: none;
  max-height: min(85vh, calc(100% - 2rem));
  margin: 0;
  background: #fff;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  box-shadow: none;
  animation-duration: .2s;
}
body.pl-skin.pl-dataact .definition-header {
  background: var(--pl-navy);
  color: var(--pl-on-navy);
  border-bottom: 2px solid var(--pl-gold);
  padding: 1.25rem 4.25rem 1.25rem 1.5rem;
}
body.pl-skin.pl-dataact .definition-header h3 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
body.pl-skin.pl-dataact .definition-close {
  top: 50%;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: -1.25rem;
  background: transparent;
  border: 1px solid var(--da-navy-line);
  color: #fff;
  transition: background-color .2s var(--pl-ease), border-color .2s var(--pl-ease);
}
body.pl-skin.pl-dataact .definition-close:hover {
  background: var(--pl-navy-2);
  border-color: var(--pl-gold);
  transform: none;
}
body.pl-skin.pl-dataact .definition-body {
  padding: 1.5rem;
  color: var(--pl-ink);
  font-size: .9688rem;
  line-height: 1.7;
}

/* ---------- page footer ---------- */
body.pl-skin.pl-dataact .footer {
  margin-top: clamp(2.5rem, 6vw, 4rem);
  padding: 1.5rem 0 0;
  background: none;
  border: 0;
  border-top: 1px solid var(--pl-line);
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  font-size: .875rem;
}
body.pl-skin.pl-dataact .footer p { color: var(--pl-ink-2); max-width: 68ch; margin-bottom: .4rem; }
body.pl-skin.pl-dataact .footer a {
  color: var(--pl-navy);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
body.pl-skin.pl-dataact .footer a:hover { color: var(--pl-gold-ink); }
body.pl-skin.pl-dataact .footer-tagline { font-style: normal; opacity: 1; }
body.pl-skin.pl-dataact .footer .text-sm { opacity: 1 !important; margin-top: .9rem !important; }

/* ---------- narrow screens ---------- */
@media (max-width: 899px) {
  body.pl-skin.pl-dataact .search-container { max-width: none; }
}
@media (max-width: 760px) {
  body.pl-skin.pl-dataact .panel-header { padding: 1.25rem 4rem 1.125rem 1.25rem; }
  body.pl-skin.pl-dataact .panel-close { top: 1rem; right: 1rem; }
}
/* phones: six section cards in one column, kept compact so the panel comes sooner */
@media (max-width: 600px) {
  body.pl-skin.pl-dataact .navigation { gap: .5rem; }
  body.pl-skin.pl-dataact .nav-card { padding: .8rem 1rem .9rem; }
  body.pl-skin.pl-dataact .nav-card h3 { font-size: 1rem; margin-bottom: .2rem; }
  body.pl-skin.pl-dataact .nav-card p { font-size: .8125rem; line-height: 1.45; }
}
/* tables become stacked rows; each cell repeats its column label */
@media screen and (max-width: 820px) {
  body.pl-skin.pl-dataact .table-container table,
  body.pl-skin.pl-dataact .table-container tbody,
  body.pl-skin.pl-dataact .table-container tr,
  body.pl-skin.pl-dataact .table-container td {
    display: block;
    width: auto;
  }
  body.pl-skin.pl-dataact .table-container thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  body.pl-skin.pl-dataact .table-container tr {
    padding: 1.25rem;
    border-bottom: 1px solid var(--pl-line);
  }
  body.pl-skin.pl-dataact .table-container tr:last-child { border-bottom: 0; }
  body.pl-skin.pl-dataact .table-container td,
  body.pl-skin.pl-dataact .table-container td:first-child,
  body.pl-skin.pl-dataact .table-container td:last-child {
    padding: 0;
    border: 0;
    font-size: .9375rem;
  }
  body.pl-skin.pl-dataact .table-container td + td { margin-top: 1rem; }
  body.pl-skin.pl-dataact tr:hover td { background: none; }
  body.pl-skin.pl-dataact .table-container td + td::before {
    display: block;
    margin-bottom: .35rem;
    font: 600 .6875rem/1.4 var(--pl-sans);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pl-ink-2);
  }
  body.pl-skin.pl-dataact .table-container td:nth-child(4)::before { content: "Examples & Implementation Guidance"; }
  body.pl-skin.pl-dataact #core-requirements td:nth-child(2)::before { content: "Required Response"; }
  body.pl-skin.pl-dataact #core-requirements td:nth-child(3)::before { content: "Negotiable Aspects"; }
  body.pl-skin.pl-dataact #definitions td:nth-child(2)::before { content: "Definition Source"; }
  body.pl-skin.pl-dataact #definitions td:nth-child(3)::before { content: "Definition"; }
  body.pl-skin.pl-dataact #exemptions td:nth-child(2)::before { content: "Legal Basis"; }
  body.pl-skin.pl-dataact #exemptions td:nth-child(3)::before { content: "Application Conditions"; }
  body.pl-skin.pl-dataact #enforcement td:nth-child(2)::before { content: "Legal Basis"; }
  body.pl-skin.pl-dataact #enforcement td:nth-child(3)::before { content: "Key Requirements"; }
  body.pl-skin.pl-dataact #dispute-resolution td:nth-child(2)::before { content: "Resolution Mechanism"; }
  body.pl-skin.pl-dataact #dispute-resolution td:nth-child(3)::before { content: "Process Requirements"; }
  body.pl-skin.pl-dataact #interaction td:nth-child(2)::before { content: "Relationship with Data Act"; }
  body.pl-skin.pl-dataact #interaction td:nth-child(3)::before { content: "Key Considerations"; }
  /* the label line stays in the sans face even where the cell is set in mono */
  body.pl-skin.pl-dataact #definitions td:nth-child(2)::before,
  body.pl-skin.pl-dataact #exemptions td:nth-child(2)::before,
  body.pl-skin.pl-dataact #enforcement td:nth-child(2)::before { font-family: var(--pl-sans); }
}

/* ---------- print ---------- */
@media print {
  body.pl-skin.pl-dataact .container { padding: 0; }
  body.pl-skin.pl-dataact .header {
    background: none;
    color: #000;
    border-bottom: 1px solid #000;
    margin: 0 0 12pt;
    padding: 0 0 10pt;
  }
  body.pl-skin.pl-dataact .header h1 { color: #000; font-size: 22pt; }
  body.pl-skin.pl-dataact .header-subtitle,
  body.pl-skin.pl-dataact .header-dates,
  body.pl-skin.pl-dataact .header-dates span { color: #000; }
  body.pl-skin.pl-dataact .header-dates {
    background: none !important;
    border: 1px solid #999 !important;
    margin: 0 !important;
  }
  body.pl-skin.pl-dataact .header-dates span { border-top-color: #999; }
  /* the page keeps each panel in one piece, which pushes section I onto page 2 */
  body.pl-skin.pl-dataact .panel { border: 0; border-radius: 0; animation: none; break-inside: auto; }
  body.pl-skin.pl-dataact .panel-header { padding: 0 0 8pt; border-bottom: 1px solid #000; }
  body.pl-skin.pl-dataact th:first-child,
  body.pl-skin.pl-dataact td:first-child { padding-left: 0; }
  body.pl-skin.pl-dataact .panel-header h2,
  body.pl-skin.pl-dataact th,
  body.pl-skin.pl-dataact td strong,
  body.pl-skin.pl-dataact td:first-child > .highlight { color: #000; }
  body.pl-skin.pl-dataact table { font-size: 9pt; }
  body.pl-skin.pl-dataact th {
    position: static;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #000;
  }
  body.pl-skin.pl-dataact th,
  body.pl-skin.pl-dataact td,
  body.pl-skin.pl-dataact th:last-child,
  body.pl-skin.pl-dataact td:last-child { padding: 6pt; }
  body.pl-skin.pl-dataact .example-box,
  body.pl-skin.pl-dataact .implementation-box {
    background: none;
    border-color: #999;
    break-inside: avoid;
  }
  body.pl-skin.pl-dataact .footer { border-top-color: #999; }
  body.pl-skin.pl-dataact .footer p { color: #000; }
}

/* section I is the start panel: its close button (which returns to section I) has nothing to do */
body.pl-skin.pl-dataact #core-requirements .panel-close { display: none; }
body.pl-skin.pl-dataact .panel { scroll-margin-top: 1rem; }