/* EXCLUDED — one pile of records, one stamp, two readings of the stamp. */

.exc{
  display:grid;gap:clamp(1.4rem,3vw,2.4rem);
  grid-template-columns:minmax(0,19rem) minmax(0,1fr);
  align-items:stretch;
  padding:clamp(1.1rem,2.6vw,2rem);
}

/* ------------------------------------------------------------- the stamp */
.exc__stampcol{
  display:grid;gap:1.15rem;justify-items:start;align-content:start;
  padding-right:clamp(1rem,2vw,1.7rem);border-right:1px solid var(--line);
}

.exc__stamp{
  position:relative;display:grid;gap:.2rem;
  padding:1rem 1.15rem .85rem;border:2px dashed var(--slate);border-radius:5px;
  color:var(--slate);transform:rotate(-2.2deg);transform-origin:0 50%;
  transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),
             transform var(--dur-3) var(--ease),box-shadow var(--dur-2) var(--ease);
}
.exc__stamp::after{
  content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:3px;
  opacity:.4;pointer-events:none;
}
.exc__stamp-1,.exc__stamp-2{
  font-family:var(--mono);font-weight:600;text-transform:uppercase;
  font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1.05;letter-spacing:.055em;
}
.exc__stamp-3{
  font-family:var(--mono);font-size:.56rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--text-4);margin-top:.42rem;line-height:1.45;max-width:15rem;
}

/* the word the stamp was missing */
.exc__word{position:relative;display:inline-block;vertical-align:baseline}
.exc__word i{font-style:normal;display:inline-block}
.exc__word-sz{visibility:hidden}
.exc__word-a,.exc__word-b{
  position:absolute;left:50%;top:0;white-space:nowrap;transform-origin:50% 60%;
  transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);
}
.exc__word-a{transform:translateX(-50%)}
.exc__word-b{color:var(--red);opacity:0;transform:translateX(-50%) scale(1.45) rotate(-5deg)}
.exc.is-open .exc__word-a{opacity:0;transform:translateX(-50%) scale(.72)}
.exc.is-open .exc__word-b{opacity:1;transform:translateX(-50%)}
.exc.is-open .exc__stamp{
  color:var(--text-2);border-color:var(--red);transform:rotate(-2.2deg) translateY(-1px);
  box-shadow:0 0 0 6px var(--red-glow);
}
.exc.is-open .exc__stamp::after{border-color:var(--red);opacity:.55}

/* ------------------------------------------- the two readings, one slot ---- */
.exc__note{display:grid;max-width:23rem;min-height:6.2rem}
.exc__note > *{grid-area:1/1}

.exc__plain{
  display:grid;gap:.34rem;align-content:start;padding-left:.95rem;
  border-left:2px solid var(--line-2);
  transition:opacity var(--dur-1) var(--ease);
}
.exc.is-open .exc__plain{opacity:0;pointer-events:none}
.exc__plain-h{color:var(--text-4);margin:0}
.exc__plain-b{font-size:.92rem;line-height:1.5;color:var(--text-3)}

.exc__fine{
  position:relative;display:grid;gap:.34rem;align-content:start;padding-left:.95rem;
  opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);
  transition-delay:0ms;
}
.exc.is-open .exc__fine{opacity:1;transform:none;pointer-events:auto;transition-delay:var(--dur-1)}
.exc__fine-rule{
  position:absolute;left:0;top:.15rem;bottom:.15rem;width:2px;background:var(--red);
  transform:scaleY(0);transform-origin:50% 0;transition:transform var(--dur-2) var(--ease);
}
.exc.is-open .exc__fine-rule{transform:scaleY(1)}
.exc__fine-h{color:var(--red);margin:0}
.exc__fine-b{font-size:.92rem;line-height:1.5;color:var(--red-2)}
.exc__fine-f{
  font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-4);line-height:1.5;
}

.exc__btn{align-self:start}
.exc.is-open .exc__btn{border-color:var(--red-deep);color:var(--red)}
.exc__btn-i{width:.9rem;height:.9rem}
.exc__btn-x{opacity:0;transition:opacity var(--dur-1) var(--ease)}
.exc.is-open .exc__btn-x{opacity:1}

/* ------------------------------------------------------------- the pile */
.exc__pile{display:grid;gap:1.35rem;min-width:0}

.exc__tot{display:grid;gap:.42rem;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}
.exc__tot-v{
  font-size:clamp(1.85rem,4.6vw,3.05rem);line-height:1;letter-spacing:-.04em;
  color:var(--slate);transition:color var(--dur-2) var(--ease);
}
.exc.is-open .exc__tot-v{color:var(--text)}
.exc__tot-l{font-size:.86rem;line-height:1.5;color:var(--text-3);max-width:34rem}
.exc__tot-note{margin-top:.35rem;font-size:.8rem}

.exc__groups{display:grid;gap:1.2rem;padding-left:.75rem}
.exc__grp-h{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.5rem;color:var(--text-4)}
.exc__grp-n{font-weight:600;color:var(--text-4)}
.exc.is-open .is-pax .exc__grp-h{color:var(--red)}
.exc.is-open .is-pax .exc__grp-n{color:var(--red)}

.exc__rows{display:grid;gap:.3rem;position:relative}
.is-pax .exc__rows::before{
  content:"";position:absolute;left:-.75rem;top:0;bottom:0;width:2px;border-radius:2px;
  background:var(--red);transform:scaleX(0);transform-origin:0 50%;
  transition:transform var(--dur-2) var(--ease);
}
.exc.is-open .is-pax .exc__rows::before{transform:scaleX(1);transition-delay:var(--dur-2)}

.exc__row{
  display:grid;align-items:center;gap:.75rem;
  grid-template-columns:.6rem minmax(0,1fr) minmax(0,auto);
  padding:.6rem .8rem;border:1px dashed var(--slate-deep);border-radius:var(--radius);
  background:linear-gradient(90deg,rgba(138,147,165,.045),transparent 60%);
  transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease);
}
.exc__mk{
  width:.55rem;height:.55rem;border:1px dashed var(--slate);border-radius:1px;
  transition:border-color var(--dur-2) var(--ease);
}
.exc__nm{font-size:.94rem;line-height:1.35;color:var(--text-2)}
.exc__n{font-size:.98rem;color:var(--text);letter-spacing:-.025em;white-space:nowrap}

/* an honest empty value: the filing publishes no figure for these three */
.exc__nc{
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-4);text-align:right;line-height:1.35;
}
.exc__nc-dash{width:.85rem;height:1px;background:var(--text-4);flex:none;opacity:.7}

.exc.is-open .is-pax .exc__row{border-color:rgba(255,93,77,.32)}
.exc.is-open .is-pax .exc__mk{border-color:var(--red)}

/* ------------------------- narrow: stamp on top, pile beneath ------------- */
@media (max-width:900px){
  .exc{grid-template-columns:1fr;gap:1.5rem}
  .exc__stampcol{gap:.95rem;width:100%;padding-right:0;border-right:0;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}
  .exc__stamp{transform:rotate(-1.2deg);transform-origin:50% 50%;width:100%}
  .exc.is-open .exc__stamp{transform:rotate(-1.2deg)}
  .exc__note{max-width:none;min-height:5.4rem}
  .exc__btn{width:100%;min-height:44px}
}
@media (max-width:520px){
  .exc__row{
    grid-template-columns:.6rem minmax(0,1fr);
    grid-template-areas:"mk nm" ". n";
    row-gap:.28rem;padding:.62rem .7rem;
  }
  .exc__mk{grid-area:mk}
  .exc__nm{grid-area:nm;font-size:.9rem}
  .exc__n,.exc__nc{grid-area:n;text-align:left;justify-self:start}
  .exc__stamp-1,.exc__stamp-2{font-size:1.22rem;letter-spacing:.04em}
  .exc__tot-l{font-size:.82rem}
}