/* Opt in for the one MOFF article. Uses the existing cream, brown and sage palette. */
body.neko-magazine article.article.moff-reading .article-lead{
  box-sizing:border-box;padding:20px 22px;margin-block:24px;
  background:#f7f1e7;border:1px solid #d9ccba;border-radius:8px;
}
body.neko-magazine article.article.moff-reading .table-wrap{
  box-sizing:border-box;max-inline-size:100%;margin-block:22px;
  border:1px solid #cbbba7;border-radius:8px;overflow-x:auto;
}
body.neko-magazine article.article.moff-reading .moff-note{
  padding:16px 18px;margin-block:22px;background:#f4f1e8;
  border-inline-start:3px solid #b5a28c;border-radius:0 6px 6px 0;
}
body.neko-magazine article.article.moff-reading .moff-vote-checks{
  padding:18px 20px 18px 42px;background:#f7f3eb;
  border:1px solid #d9ccba;border-radius:8px;
}
body.neko-magazine article.article.moff-reading .moff-vote-checks li+li{margin-block-start:12px}
body.neko-magazine article.article.moff-reading .moff-vote-methods{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  list-style:none;padding:0;margin-block:22px;
}
body.neko-magazine article.article.moff-reading .moff-vote-methods>li{
  box-sizing:border-box;min-inline-size:0;padding:20px;
  border:1px solid #d9ccba;border-radius:8px;background:#fffdf8;
}
body.neko-magazine article.article.moff-reading .moff-vote-methods>li>b{
  display:block;padding-block-end:10px;border-block-end:1px solid #d9ccba;color:#68513d;
}
body.neko-magazine article.article.moff-reading .moff-vote-methods>li>p{margin-block:12px 0}
body.neko-magazine article.article.moff-reading .moff-qa{margin-block:22px 28px}
body.neko-magazine article.article.moff-reading .moff-qa-item{
  margin-block:0 20px;border:1px solid #cbbba7;border-radius:8px;overflow:hidden;
}
body.neko-magazine article.article.moff-reading .moff-qa-question{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;
  margin:0;padding:16px 20px;background:#eee8dc;color:#3f332b;
  font-size:18px;font-weight:700;line-height:1.8;overflow-wrap:anywhere;
}
body.neko-magazine article.article.moff-reading .moff-q-label{
  display:grid;place-items:center;min-block-size:30px;border:1px solid #b5a28c;
  border-radius:6px;color:#68513d;background:#fffdf8;font-size:18px;line-height:1.6;
}
body.neko-magazine article.article.moff-reading .moff-qa-answer{
  margin:0;padding:18px 20px 20px;border-block-start:1px solid #d9ccba;
  color:#3f332b;background:#fffdf8;overflow-wrap:anywhere;
}
body.neko-magazine article.article.moff-reading .conversation{gap:18px;margin-block:30px}
body.neko-magazine article.article.moff-reading .conversation .talk{
  display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;
}
body.neko-magazine article.article.moff-reading .conversation .bubble{
  position:relative;min-inline-size:0;max-inline-size:100%;margin:0;
  padding:18px 20px;border:1px solid #cbbba7;border-radius:12px;
  background:#fffdf8;color:#3f332b;
}
body.neko-magazine article.article.moff-reading .conversation .answer .bubble{
  background:#eef0e6;border-color:#aeb69e;
}
body.neko-magazine article.article.moff-reading .conversation .bubble::before{
  content:"";position:absolute;inline-size:9px;block-size:9px;inset-inline-start:-6px;
  inset-block-start:20px;transform:rotate(45deg);background:inherit;
  border-inline-start:1px solid #cbbba7;border-block-end:1px solid #cbbba7;
}
body.neko-magazine article.article.moff-reading .conversation .answer .bubble::before{border-color:#aeb69e}
@media(max-width:650px){
  body.neko-magazine article.article.moff-reading .article-lead{padding:16px}
  body.neko-magazine article.article.moff-reading .moff-note{padding:14px 16px}
  body.neko-magazine article.article.moff-reading .moff-vote-checks{padding:16px 16px 16px 36px}
  body.neko-magazine article.article.moff-reading .moff-vote-methods{grid-template-columns:minmax(0,1fr);gap:14px}
  body.neko-magazine article.article.moff-reading .moff-vote-methods>li{padding:16px}
  body.neko-magazine article.article.moff-reading .moff-qa-question{padding:14px;gap:10px}
  body.neko-magazine article.article.moff-reading .moff-qa-answer{padding:16px}
  body.neko-magazine article.article.moff-reading .conversation .talk{grid-template-columns:48px minmax(0,1fr)}
  body.neko-magazine article.article.moff-reading .conversation .bubble{padding:14px}
}