/* Astha Article Feedback ― フロント表示（色は CSS 変数で差し替え可能） */
.aaf-box{
  --aaf-accent:#f0932b;
  --aaf-bg:#fafbfc;
  --aaf-border:#e2e6ea;
  --aaf-text:#333333;
  margin:2.4em 0;
  padding:1.4em 1.2em;
  border:1px solid var(--aaf-border);
  border-radius:14px;
  background:var(--aaf-bg);
  color:var(--aaf-text);
  text-align:center;
  font-size:16px;
  line-height:1.7;
}
.aaf-question{
  margin:0 0 .9em;
  font-size:1.15em;
  font-weight:700;
  color:var(--aaf-text);
}
.aaf-buttons{
  display:flex;
  gap:.8em;
  justify-content:center;
  flex-wrap:wrap;
}
.aaf-btn{
  appearance:none;
  cursor:pointer;
  min-width:11em;
  padding:.7em 1.2em;
  font-size:1em;
  font-weight:700;
  border-radius:999px;
  border:2px solid var(--aaf-border);
  background:#fff;
  color:var(--aaf-text);
  transition:transform .08s ease, border-color .15s ease, background .15s ease;
}
.aaf-btn:hover{ border-color:var(--aaf-accent); }
.aaf-btn:active{ transform:scale(.97); }
.aaf-up:hover{ background:color-mix(in srgb, var(--aaf-accent) 10%, #fff); }
.aaf-down:hover{ background:#f4f6f8; }
.aaf-btn[disabled]{ opacity:.5; cursor:default; }

/* 投票後の表示 */
.aaf-after{ margin-top:1em; }
.aaf-after:empty{ display:none; }
.aaf-msg{ margin:.2em 0 1em; font-size:1.02em; color:var(--aaf-text); }

/* SNSシェア */
.aaf-share{ display:flex; gap:.6em; justify-content:center; flex-wrap:wrap; }
.aaf-share a, .aaf-copy{
  display:inline-flex; align-items:center; gap:.4em;
  padding:.55em 1em; border-radius:999px; font-size:.95em; font-weight:700;
  text-decoration:none; color:#fff; border:0; cursor:pointer; line-height:1;
}
.aaf-x{ background:#111; }
.aaf-fb{ background:#1877f2; }
.aaf-line{ background:#06c755; }
.aaf-copy{ background:#5a6470; }
.aaf-share a:hover, .aaf-copy:hover{ opacity:.88; }

/* 理由入力 */
.aaf-reason textarea{
  width:100%; box-sizing:border-box; margin:.4em 0 .6em;
  min-height:5em; padding:.7em; font-size:1em; line-height:1.6;
  border:1px solid var(--aaf-border); border-radius:10px; resize:vertical;
}
.aaf-reason .aaf-send{
  appearance:none; cursor:pointer; padding:.6em 1.6em; font-size:1em; font-weight:700;
  color:#fff; background:var(--aaf-accent); border:0; border-radius:999px;
}
.aaf-reason .aaf-send:hover{ opacity:.9; }
.aaf-reason .aaf-send[disabled]{ opacity:.5; cursor:default; }
.aaf-note{ font-size:.9em; color:#77808a; display:block; margin-bottom:.2em; }

@media (max-width:480px){
  .aaf-btn{ min-width:0; width:100%; }
}