/* Article polish: body. Visual finish only. */
html[data-polish] .art{
  --pb-rule:color-mix(in srgb,var(--ink-4) 50%,transparent);
  --pb-rule-c:color-mix(in srgb,var(--t3) 42%,transparent);
  --pb-wash:color-mix(in srgb,var(--accent-soft),var(--accent) 3%);
  --pb-lit:var(--accent-soft);
  --pb-hit:color-mix(in srgb,var(--accent-soft),var(--accent) 9%);
  --pb-wash-c:color-mix(in srgb,var(--t3-bg) 68%,transparent);
  --pb-lit-c:color-mix(in srgb,var(--t3-bg) 55%,transparent);
  --pb-hit-c:color-mix(in srgb,var(--t3-bg),var(--t3) 9%);
  --pb-chip:color-mix(in srgb,var(--accent-soft),var(--accent) 12%);
  --pb-chip-c:color-mix(in srgb,var(--t3-bg),var(--t3) 10%);
  --pb-ring:color-mix(in srgb,var(--ink) 8%,transparent);
}
html[data-polish][data-theme="dark"] .art{
  --pb-rule:color-mix(in srgb,var(--ink-4) 78%,transparent);
  --pb-rule-c:color-mix(in srgb,var(--t3) 46%,transparent);
  --pb-ring:color-mix(in srgb,var(--ink) 7%,transparent);
}
html[data-polish] .art > p{font-kerning:normal;font-variant-ligatures:common-ligatures}
html[data-polish] .art .bsub{margin:var(--s10) 0 var(--s4)}
html[data-polish] .art .bsub:first-of-type{margin-top:var(--s10)}
html[data-polish] .art .layerrow + .bsub,
html[data-polish] .art .legend + .bsub{margin-top:var(--s6)}
html[data-polish] .art .layerrow + p{margin-top:var(--s4)}
html[data-polish] .art .cl{
  border-radius:3px;
  text-decoration-line:underline;text-decoration-style:solid;
  text-decoration-thickness:1px;text-underline-offset:5px;
  text-decoration-skip-ink:auto;
  text-decoration-color:var(--pb-rule);
  background-color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-color var(--d-2) var(--e-out),
    text-decoration-color var(--d-2) var(--e-out),
    box-shadow var(--d-2) var(--e-out);
}
html[data-polish] .art .cl[data-t="1"]{text-decoration-style:dashed;
  text-decoration-color:color-mix(in srgb,var(--t1) 60%,transparent);
  background-color:color-mix(in srgb,var(--t1-bg) 55%,transparent)}
html[data-polish] .art .cl[data-t="2"]{
  text-decoration-color:color-mix(in srgb,var(--t2) 55%,transparent);
  background-color:color-mix(in srgb,var(--t2-bg) 55%,transparent)}
html[data-polish] .art .cl[data-t="3"]{text-decoration-color:color-mix(in srgb,var(--t3) 45%,transparent)}
html[data-polish] .art .cl[data-t="4"]{text-decoration-color:color-mix(in srgb,var(--t4) 45%,transparent)}
html[data-polish] .art .cl.lit{color:inherit}
html[data-polish] .art:not(.plain) .cl.lit{
  background-color:var(--pb-lit);
  box-shadow:2px 0 0 var(--pb-lit),-2px 0 0 var(--pb-lit);
  text-decoration-color:var(--accent);
}
@media (hover:hover){
  html[data-polish] .art:not(.plain) .cl:hover{
    color:inherit;
    background-color:var(--pb-wash);
    box-shadow:2px 0 0 var(--pb-wash),-2px 0 0 var(--pb-wash);
    text-decoration-color:var(--accent);
  }
}
html[data-polish] .art:not(.plain) .cl:active{
  color:inherit;
  background-color:var(--pb-wash);
  box-shadow:2px 0 0 var(--pb-wash),-2px 0 0 var(--pb-wash);
  text-decoration-color:var(--accent);
}
html[data-polish] .art .cl:focus-visible{border-radius:3px;box-shadow:var(--focus-tight)}
html[data-polish] .art:not(.plain) .cl.contribution{color:inherit;
  background-color:transparent;text-decoration-color:var(--pb-rule-c)}
html[data-polish] .art:not(.plain) .cl.contribution.lit{
  background-color:var(--pb-lit-c);
  box-shadow:2px 0 0 var(--pb-lit-c),-2px 0 0 var(--pb-lit-c);
  text-decoration-color:var(--t3);
}
@media (hover:hover){
  html[data-polish] .art:not(.plain) .cl.contribution:hover{
    background-color:var(--pb-wash-c);
    box-shadow:2px 0 0 var(--pb-wash-c),-2px 0 0 var(--pb-wash-c);
    text-decoration-color:var(--t3);
  }
}
html[data-polish] .art:not(.plain) .cl.contribution:active{
  background-color:var(--pb-wash-c);
  box-shadow:2px 0 0 var(--pb-wash-c),-2px 0 0 var(--pb-wash-c);
  text-decoration-color:var(--t3);
}
html[data-polish] .art .cl.mine{outline:1px solid var(--accent-line);outline-offset:3px}
@keyframes pbHit{
  0%{box-shadow:inset 0 0 0 100em transparent,2px 0 0 transparent,-2px 0 0 transparent}
  12%,62%{box-shadow:inset 0 0 0 100em var(--pb-hit),2px 0 0 var(--pb-hit),-2px 0 0 var(--pb-hit);
    text-decoration-color:var(--accent)}
  100%{box-shadow:inset 0 0 0 100em transparent,2px 0 0 transparent,-2px 0 0 transparent}
}
@keyframes pbHitC{
  0%{box-shadow:inset 0 0 0 100em transparent,2px 0 0 transparent,-2px 0 0 transparent}
  12%,62%{box-shadow:inset 0 0 0 100em var(--pb-hit-c),2px 0 0 var(--pb-hit-c),-2px 0 0 var(--pb-hit-c);
    text-decoration-color:var(--t3)}
  100%{box-shadow:inset 0 0 0 100em transparent,2px 0 0 transparent,-2px 0 0 transparent}
}
html[data-polish] .art .cl.hit{animation:pbHit 1.8s var(--e-out)}
html[data-polish] .art .cl.contribution.hit,
html[data-polish] .art.plain .cl.contribution.hit{animation:pbHitC 1.8s var(--e-out)}
@media (prefers-reduced-motion:reduce){
  html[data-polish] .art .cl.hit,
  html[data-polish] .art .cl.contribution.hit,
  html[data-polish] .art.plain .cl.contribution.hit{animation-duration:1.8s!important}
}
html[data-polish] .art .cite{
  display:inline-block;position:relative;top:-.62em;
  vertical-align:baseline;line-height:1.15;
  font-size:.6em;font-weight:600;letter-spacing:0;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
  margin-left:2px;padding:1px 3px;border-radius:4px;
  color:var(--accent-ink);background-color:transparent;
  text-decoration:none;cursor:pointer;
  transition:background-color var(--d-2) var(--e-out),color var(--d-2) var(--e-out);
}
html[data-polish] .art.plain .cite{display:none}
html[data-polish] .art .pb-keep{white-space:nowrap}
html[data-polish] .art .cite + .cite{margin-left:0}
html[data-polish] .art .cl:hover .cite,
html[data-polish] .art .cite:hover{text-decoration:none}
@media (hover:hover){
  html[data-polish] .art .cite:hover{background-color:var(--pb-chip)}
}
html[data-polish] .art .cite:focus-visible{background-color:var(--pb-chip)}
html[data-polish] .art .cite:active{background-color:var(--pb-chip);color:var(--accent)}
html[data-polish] .art .cite:focus-visible{box-shadow:var(--focus-tight);border-radius:4px}
html[data-polish] .art .cite.contrib{
  font-size:.6em;font-weight:600;letter-spacing:.02em;text-transform:lowercase;
  margin-left:3px;color:var(--t3-ink);
}
@media (hover:hover){
  html[data-polish] .art .cite.contrib:hover{background-color:var(--pb-chip-c);color:var(--t3-ink)}
}
html[data-polish] .art .cite.contrib:focus-visible,
html[data-polish] .art .cite.contrib:active{background-color:var(--pb-chip-c);color:var(--t3-ink)}
html[data-polish] .art .cite.corr{font-size:.6em;font-weight:600;margin-left:3px}
@media (pointer:coarse){
  html[data-polish] .art .cite::after{content:"";position:absolute;inset:-9px -3px}
}
html[data-polish] .art.plain .cl{
  text-decoration-line:underline!important;
  text-decoration-color:transparent!important;
  background-color:transparent!important;
  box-shadow:none;
}
html[data-polish].pb-live .art .cite{
  transition:background-color var(--d-2) var(--e-out),color var(--d-2) var(--e-out),
    opacity var(--d-3) var(--e-out);
}
@starting-style{
  html[data-polish].pb-live .art:not(.plain) .cite{opacity:0}
}
html[data-polish] .art figure.hero .im,
html[data-polish] .art figure.bimg .im{
  border-radius:var(--r-sm);box-shadow:none;
  --im-foot:transparent;
}
html[data-polish] .art figure .im::after{
  background:none;border-radius:inherit;z-index:1;
  box-shadow:inset 0 0 0 1px var(--pb-ring);
}
html[data-polish] .art figure .im.imtr::after{box-shadow:none}
html[data-polish] .art figure .im img{
  transition:opacity var(--d-4) var(--e-out),filter var(--d-3) var(--e-out);
}
html[data-polish] .art figure .im img.pb-wait{opacity:0;transition:none}
@media (prefers-color-scheme:dark){
  html[data-polish]:not([data-theme="light"]) .art figure .im img{filter:brightness(.88)}
}
html[data-polish][data-theme="dark"] .art figure .im img{filter:brightness(.88)}
html[data-polish] .art .bimg{margin:var(--s10) 0}
html[data-polish] .art .hero figcaption,
html[data-polish] .art .bimg figcaption{
  font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3);
  margin-top:var(--s3);
}
html[data-polish] .art figcaption .imsrc{color:var(--ink-4)}
html[data-polish] .art figcaption .imsrc a{
  color:var(--ink-3);border-radius:3px;padding:0 2px;margin:0 -2px;
  text-decoration-line:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:var(--line);
  transition:color var(--d-2) var(--e-out),text-decoration-color var(--d-2) var(--e-out);
}
@media (hover:hover){
  html[data-polish] .art figcaption .imsrc a:hover{color:var(--ink-2);text-decoration-color:var(--accent)}
}
html[data-polish] .art figcaption .imsrc a:focus-visible{box-shadow:var(--focus);border-radius:3px}
html[data-polish] .art > p a,
html[data-polish] .art > ul a,
html[data-polish] .art > ol a,
html[data-polish] .art > blockquote a{
  text-decoration-thickness:1px;text-underline-offset:3px;
}
@media (max-width:720px){
  html[data-polish] .art .bsub{margin:var(--s8) 0 var(--s3)}
  html[data-polish] .art .bsub:first-of-type{margin-top:var(--s8)}
  html[data-polish] .art .layerrow + .bsub,
  html[data-polish] .art .legend + .bsub{margin-top:var(--s5)}
  html[data-polish] .art .layerrow + p{margin-top:var(--s3)}
  html[data-polish] .art .bimg{margin:var(--s8) 0}
  html[data-polish] .art .cl{text-underline-offset:4.5px}
  html[data-polish] .art .cite,
  html[data-polish] .art .cite.contrib,
  html[data-polish] .art .cite.corr{font-size:.64em}
}
