@charset "UTF-8";
/* 公式アンバサダーの頁。docs.css の上に、紹介カードのぶんだけ足す。
   頁の中の <style> ではなく外に置く（CSP の指紋が要らない。CLAUDE.md）。
   色は docs.css の変数を使い、無い画面で読まれても崩れないよう控えを付ける。
   ★ 2026-11 の作り直しで白地にそろえた（札は吹き出しと同じ墨の線）。細い線は --hair（--line は lab.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 20px;border:2.5px solid var(--ink,#0f1116);
  border-radius:22px;background:var(--paper,#fff);}
.amb-icon{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:var(--mint-soft,#e3f6ef);border:2px solid var(--ink,#0f1116);}
.amb-body{min-width:0;}
.amb-body h3{font-family:var(--disp,inherit);font-size:18px;font-weight:700;margin:0 0 4px;line-height:1.5;}
.amb-meta{font-size:12.5px;letter-spacing:.06em;color:var(--dim,#566070);margin:0 0 10px;}
.amb-text{font-size:13.5px;line-height:1.9;margin:0 0 10px;}
.amb-uses{font-size:13px;line-height:1.9;color:var(--sub,#3b4250);margin:0 0 8px;}
.amb-links{margin:0;font-size:13px;}
.amb-links a{text-decoration:none;border:2.5px solid var(--ink,#0f1116);border-radius:999px;padding:5px 15px;font-weight:700;
  display:inline-block;color:var(--ink,#0f1116);background:var(--paper,#fff);box-shadow:0 4px 0 -1px var(--ink,#0f1116);}
.amb-links a:hover{background:var(--mint,#9fe1cb);color:var(--ink,#0f1116);}
/* 外へ行く印は部品の #i-ext（製品ページの〔チャンネルを見る〕と同じ。文字の「↗」は「／」のように崩れた・2026-11-03） */
.amb-links a{display:inline-flex;align-items:center;gap:5px;}
.amb-links .ext{width:13px;height:13px;flex:none;transition:transform .3s;}
.amb-links a:hover .ext{transform:translate(2px,-2px);}
.amb-empty{grid-column:1/-1;margin:0;padding:22px;border:2px dashed var(--hair-2,#c3ced5);border-radius:22px;
  font-size:14px;color:var(--sub,#3b4250);text-align:center;}
.amb-more{margin:10px 0 0;font-size:13px;color:var(--dim,#566070);}
/* いま配信中の印・配信中のカードの見た目は lab.css（製品ページ・トップの札と1か所。2026-11-02） */
/* 説明の行数が違っても、〔チャンネルを見る〕は下端にそろえる */
.amb-body{display:flex;flex-direction:column;align-self:stretch;flex:1;}
.amb-links{margin-top:auto;padding-top:6px;}