/* What this means. Unique filename: Bunny ignores CSS query strings.
   Kicker is always "What this means". Never ELI13, In plain English,
   for dummies, or the simple version.

   Segregated paper card. Poppins kicker, Rubik body — same fonts as the article. */

aside.plain{
  --means-navy: var(--navy, #0d1b2e);
  --means-ink: var(--ink, #1a2332);
  --means-gold: var(--amber, #c98a12);
  --means-paper: #f6f3ec;
  --means-line: rgba(13, 27, 46, 0.12);
  position: relative;
  display: block;
  margin: 1.85rem 0 2.1rem;
  padding: 1.4rem 1.55rem 1.45rem 1.5rem;
  background: var(--means-paper);
  border: 1px solid var(--means-line);
  border-left: 5px solid var(--means-navy);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 12px 28px rgba(13, 27, 46, 0.07);
  box-sizing: border-box;
  max-width: 100%;
  clear: both;
  overflow: hidden;
}

aside.plain::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--means-gold);
}

aside.plain p.plain-k,
.main aside.plain p.plain-k,
.deal-summary aside.plain p.plain-k,
.stack-split-copy aside.plain p.plain-k,
.tid aside.plain p.plain-k,
.di-article aside.plain p.plain-k{
  margin: 0.1rem 0 0.85rem;
  padding: 0 0 0.62rem;
  border-bottom: 1px solid rgba(201, 138, 18, 0.32);
  font-family: var(--sans, "Poppins", sans-serif);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--means-navy);
  line-height: 1.3;
}

aside.plain p:not(.plain-k),
.main aside.plain p:not(.plain-k),
.deal-summary aside.plain p:not(.plain-k),
.stack-split-copy aside.plain p:not(.plain-k),
.tid aside.plain p:not(.plain-k),
.di-article aside.plain p:not(.plain-k){
  margin: 0;
  font-family: var(--body, "Rubik", sans-serif);
  font-size: 16.5px;
  line-height: 1.72;
  color: var(--means-ink) !important;
  font-weight: 400;
  font-style: normal;
}

aside.plain p:not(.plain-k) + p:not(.plain-k){
  margin-top: 0.75rem;
}

.deal-summary aside.plain,
.tid aside.plain{
  margin: 1.35rem 0 0;
}

@media (max-width: 640px){
  aside.plain{
    margin: 1.35rem 0 1.55rem;
    padding: 1.2rem 1.15rem 1.2rem 1.15rem;
  }
  aside.plain p:not(.plain-k),
  .main aside.plain p:not(.plain-k),
  .deal-summary aside.plain p:not(.plain-k){
    font-size: 16px;
    line-height: 1.7;
  }
}