/* Restricted to Sections1–2; existing site and Section3 styles are preserved. */
#ddd-explanation {font:inherit;line-height:1.7;min-width:0}
#ddd-explanation .ddd-explanation-guide {border:1px solid var(--line);padding:1rem 1.2rem;margin:0 0 2.2rem;font:.94rem/1.7 Georgia,"Times New Roman",serif}
#ddd-explanation .ddd-explanation-guide p {margin:0}
#ddd-explanation h2 {font-size:1.45rem;line-height:1.35;margin:2.8rem 0 1.1rem;padding-top:1.4rem;border-top:1px solid var(--line)}
#ddd-explanation h3 {font-size:1.22rem;line-height:1.4;margin:2.4rem 0 1rem}
#ddd-explanation p,#ddd-explanation li {max-width:none}
#ddd-explanation li {margin:.4rem 0}
#ddd-explanation strong {font-weight:700}
#ddd-explanation pre {white-space:pre;overflow:auto;overflow-wrap:normal;font:14px/1.55 Consolas,"Cascadia Mono",monospace;background:var(--panel);border:1px solid var(--line);padding:1.15rem;margin:1.3rem 0;border-radius:4px;color:var(--ink)}
#ddd-explanation pre code {font:inherit;overflow-wrap:normal;white-space:inherit;padding:0;background:none}
#ddd-explanation p code,#ddd-explanation li code {font-size:.86em;background:var(--panel);padding:.1em .25em;border-radius:2px}
#ddd-explanation .illustration {margin:1.6rem 0;overflow:auto;min-width:0;background:#fff;border:1px solid var(--line);border-radius:4px}
#ddd-explanation .illustration img {display:block;max-width:100%;height:auto}
#ddd-explanation .ddd-table-scroll {overflow:auto;margin:1.4rem 0;padding-bottom:.3rem}
#ddd-explanation table {display:table;border-collapse:collapse;width:100%;font:15px/1.5 "Segoe UI",Arial,sans-serif;min-width:35rem}
#ddd-explanation th,#ddd-explanation td {padding:.65rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
#ddd-explanation th {background:var(--panel)}
#ddd-explanation blockquote {border-left:3px solid var(--accent);margin:1.2rem 0;padding-left:1rem;color:var(--ink-dim)}
#ddd-explanation .math-display {overflow:auto;margin:1.25rem 0;padding:.8rem .2rem}
#ddd-explanation .svg-equation mjx-container {margin:0!important}
#ddd-explanation math {font-size:1.02em;color:var(--ink)}
#ddd-explanation [tabindex="0"]:focus-visible,#ddd-explanation a:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){#ddd-explanation h2{font-size:1.3rem}#ddd-explanation h3{font-size:1.13rem}#ddd-explanation pre{font-size:13px;padding:.85rem}#ddd-explanation table{font-size:14px}}
#ddd-explanation mjx-container[jax="SVG"] {
  direction: ltr;
}#ddd-explanation mjx-container[jax="SVG"] > svg {
  overflow: visible;
  min-height: 1px;
  min-width: 1px;
}#ddd-explanation mjx-container[jax="SVG"] > svg a {
  fill: blue;
  stroke: blue;
}#ddd-explanation mjx-container[jax="SVG"][display="true"] {
  display: block;
  text-align: center;
  margin: 1em 0;
}#ddd-explanation mjx-container[jax="SVG"][display="true"][width="full"] {
  display: flex;
}#ddd-explanation mjx-container[jax="SVG"][justify="left"] {
  text-align: left;
}#ddd-explanation mjx-container[jax="SVG"][justify="right"] {
  text-align: right;
}#ddd-explanation g[data-mml-node="merror"] > g {
  fill: red;
  stroke: red;
}#ddd-explanation g[data-mml-node="merror"] > rect[data-background] {
  fill: yellow;
  stroke: none;
}#ddd-explanation g[data-mml-node="mtable"] > line[data-line],
#ddd-explanation svg[data-table] > g > line[data-line] {
  stroke-width: 70px;
  fill: none;
}#ddd-explanation g[data-mml-node="mtable"] > rect[data-frame],
#ddd-explanation svg[data-table] > g > rect[data-frame] {
  stroke-width: 70px;
  fill: none;
}#ddd-explanation g[data-mml-node="mtable"] > .mjx-dashed,
#ddd-explanation svg[data-table] > g > .mjx-dashed {
  stroke-dasharray: 140;
}#ddd-explanation g[data-mml-node="mtable"] > .mjx-dotted,
#ddd-explanation svg[data-table] > g > .mjx-dotted {
  stroke-linecap: round;
  stroke-dasharray: 0,140;
}#ddd-explanation g[data-mml-node="mtable"] > g > svg {
  overflow: visible;
}#ddd-explanation [jax="SVG"] mjx-tool {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
}#ddd-explanation [jax="SVG"] mjx-tool > mjx-tip {
  position: absolute;
  top: 0;
  left: 0;
}#ddd-explanation mjx-tool > mjx-tip {
  display: inline-block;
  padding: .2em;
  border: 1px solid #888;
  font-size: 70%;
  background-color: #F8F8F8;
  color: black;
  box-shadow: 2px 2px 5px #AAAAAA;
}#ddd-explanation g[data-mml-node="maction"][data-toggle] {
  cursor: pointer;
}#ddd-explanation mjx-status {
  display: block;
  position: fixed;
  left: 1em;
  bottom: 1em;
  min-width: 25%;
  padding: .2em .4em;
  border: 1px solid #888;
  font-size: 90%;
  background-color: #F8F8F8;
  color: black;
}#ddd-explanation foreignObject[data-mjx-xml] {
  font-family: initial;
  line-height: normal;
  overflow: visible;
}#ddd-explanation mjx-container[jax="SVG"] path[data-c],
#ddd-explanation mjx-container[jax="SVG"] use[data-c] {
  stroke-width: 3;
}


/* Prominent attribution; confined to the Digital Derivative Dependency page. */
#ddd-explanation .ddd-credit-box {box-sizing:border-box;background:#fff0b3;color:#21170c;border:4px solid #cf9000;padding:1.35rem 1.5rem;margin:0 0 1.6rem;border-radius:2px;overflow-wrap:anywhere;color-scheme:light}
#ddd-explanation .ddd-credit-box h2 {color:#21170c;font:700 1.4rem/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:.025em;margin:0 0 1rem;padding:0;border:0;text-transform:uppercase}
#ddd-explanation .ddd-credit-box p {color:#21170c;margin:0 0 .9rem}
#ddd-explanation .ddd-credit-box p:last-child {margin-bottom:0}
#ddd-explanation .ddd-credit-box .ddd-credit-citation {border-top:1px solid #a36b0a;border-bottom:1px solid #a36b0a;padding:.9rem 0}
#ddd-explanation .ddd-credit-box a {color:#493000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;font-weight:700}
#ddd-explanation .ddd-credit-box a:hover {color:#21170c;text-decoration-thickness:2px}
#ddd-explanation .ddd-credit-box a:focus-visible {outline:3px solid #21170c;outline-offset:3px}
@media(max-width:600px){#ddd-explanation .ddd-credit-box{padding:1rem;border-width:3px}#ddd-explanation .ddd-credit-box h2{font-size:1.2rem}}
