@charset "UTF-8";
/* 公式アンバサダーの頁。docs.css の上に、紹介カードのぶんだけ足す。
   頁の中の <style> ではなく外に置く（CSP の指紋が要らない。CLAUDE.md）。
   色は docs.css の変数を使い、無い画面で読まれても崩れないよう控えを付ける。 */
.amb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:24px 0 8px;}
.amb{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line,rgba(159,225,203,.16));
  border-radius:14px;background:rgba(255,255,255,.02);}
.amb-icon{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:#1e222b;}
.amb-body{min-width:0;}
.amb-body h3{font-family:var(--disp,inherit);font-size:18px;font-weight:400;margin:0 0 4px;line-height:1.5;}
.amb-meta{font-size:12px;letter-spacing:.06em;color:var(--dim,#98a29e);margin:0 0 10px;}
.amb-text{font-size:13.5px;line-height:1.9;margin:0 0 10px;}
.amb-uses{font-size:12.5px;line-height:1.9;color:var(--dim,#98a29e);margin:0 0 8px;}
.amb-links{margin:0;font-size:13px;}
.amb-links a{text-decoration:none;border:1px solid var(--line,rgba(159,225,203,.16));border-radius:999px;padding:6px 14px;
  display:inline-block;color:var(--text,#eef2f0);}
.amb-links a:hover{border-color:var(--amber,#ffbe7a);}
.amb-links .ext{font-size:10px;color:var(--dim,#98a29e);margin-left:.4em;}
.amb-empty{grid-column:1/-1;margin:0;padding:22px;border:1px dashed var(--line,rgba(159,225,203,.16));border-radius:14px;
  font-size:13.5px;color:var(--dim,#98a29e);text-align:center;}
.amb-more{margin:10px 0 0;font-size:12.5px;color:var(--dim,#98a29e);}
/* いま配信中の印（/moriagelog/live-badge.js が足す。取れないときは出ない） */
.live-badge{display:inline-block;margin-left:.6em;padding:2px 8px;border-radius:999px;background:#e5484d;color:#fff;
  font-family:var(--sans,system-ui,sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.14em;vertical-align:middle;line-height:1.6;}
.live-badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:6px;vertical-align:1px;
  animation:live-blink 1.4s ease-in-out infinite;}
@keyframes live-blink{0%,100%{opacity:1;}50%{opacity:.25;}}
@media(prefers-reduced-motion:reduce){.live-badge::before{animation:none;}}
.live-now{margin:-4px 0 8px;font-size:12px;color:#ffb3b5;}
.amb.is-live{border-color:rgba(229,72,77,.55);}
/* 説明の行数が違っても、〔チャンネルを見る〕は下端にそろえる */
.amb-body{display:flex;flex-direction:column;align-self:stretch;flex:1;}
.amb-links{margin-top:auto;padding-top:6px;}