/* 切り抜く・共有する・予定に追加（/shared/share.js）。/d/ と /events/ が読む。
   各ページのトークン（--teal 等）を前提にする。目立たせすぎない ―― 読み物の
   邪魔をしない控えめな列にして、押したあとの手応え（印・トースト）で応える。 */

.acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;
  padding-top:8px;border-top:1px dashed var(--line);}
.acts button{font:inherit;font-size:11.5px;line-height:1.4;color:var(--teal-mid);
  background:transparent;border:1px solid var(--line);border-radius:999px;
  padding:4px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;
  min-height:30px;}
.acts button:hover{background:var(--teal-soft);color:var(--teal);border-color:var(--teal-soft);}
.acts button:focus-visible{outline:2px solid var(--teal);outline-offset:1px;}
.acts .sp{flex:1 1 auto;}
.acts [data-act="clip"].on{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700;}
.acts .ic{font-size:12px;}

/* OS の共有シートが使える端末（主にスマホ）では「共有…」1つにまとめる。
   シートの中に X も LinkedIn もあるので、並べると同じものが2回出る。 */
.acts .nat{display:none;}
.sh-native .acts .nat{display:inline-flex;font-weight:700;color:var(--teal);}
.sh-native .acts .sns{display:none;}

/* 小さい列（SHARE.mini）。既存の行の右端に収める。罫線も上余白も持たない */
.acts.mini{display:inline-flex;flex-wrap:nowrap;gap:4px;margin:0;padding:0;border:0;
  vertical-align:middle;flex:none;}
.acts.mini button{min-height:0;line-height:1.5;padding:1px 7px;font-size:11px;font-family:inherit;
  font-weight:400;color:var(--muted);border-color:transparent;background:transparent;}
.acts.mini button:hover{border-color:var(--line);background:var(--teal-soft);color:var(--teal);}
.acts.mini [data-act="clip"]{font-size:12px;padding:1px 6px;}
.acts.mini [data-act="clip"].on{background:var(--teal);border-color:var(--teal);color:#fff;}
.sh-native .acts.mini .cpy{display:none;}   /* スマホは「共有」1つ（シートにコピーもある） */
@media (max-width:520px){ .acts.mini .lg{display:none;} }   /* 「引用をコピー」→「コピー」 */

/* 挑戦案（金茶の枠の中）では色を合わせる */
.idea .acts{border-top-color:#E6DCC6;}

/* 共有リンクで着地した項目。数秒で消える強調にすると見失うので、残す */
.sh-target{box-shadow:0 0 0 2px var(--gold, #C0962F);}
.card,.ev,.idea,.wcard,.ti,.pt{scroll-margin-top:16px;}

/* 右下の「切り抜き帳」 */
#sh-pill{position:fixed;right:14px;bottom:14px;z-index:50;font:inherit;font-size:12px;font-weight:700;
  display:inline-flex;align-items:center;gap:6px;color:#fff;background:var(--teal);
  border:0;border-radius:999px;padding:8px 14px;box-shadow:0 4px 14px rgba(0,40,50,.25);cursor:pointer;}
#sh-pill .n{background:#fff;color:var(--teal);border-radius:999px;padding:0 7px;font-size:11px;
  font-variant-numeric:tabular-nums;}
#sh-panel{position:fixed;right:14px;bottom:62px;z-index:51;width:min(380px,calc(100vw - 28px));
  max-height:min(70vh,520px);overflow:auto;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;box-shadow:0 10px 30px rgba(0,40,50,.22);padding:12px 14px;font-size:12.5px;}
#sh-panel .hd{display:flex;align-items:center;gap:8px;}
#sh-panel .hd b{color:var(--teal);font-size:13.5px;}
#sh-panel .ct{color:var(--muted);font-size:11px;}
#sh-panel .x{margin-left:auto;font:inherit;font-size:18px;line-height:1;background:none;border:0;
  color:var(--muted);cursor:pointer;padding:2px 6px;}
#sh-panel .nt{font-size:10.5px;color:var(--muted);margin:2px 0 8px;}
#sh-panel ol{list-style:none;margin:0;padding:0;}
#sh-panel li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;
  border-top:1px solid var(--line);}
#sh-panel li a{color:var(--ink);text-decoration:none;line-height:1.55;}
#sh-panel li a:hover{text-decoration:underline;}
#sh-panel li .dd{grid-column:1;font-size:10.5px;color:var(--muted);}
#sh-panel li .rm{grid-row:1 / span 2;grid-column:2;align-self:center;font:inherit;font-size:11px;
  color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;
  padding:2px 9px;cursor:pointer;}
#sh-panel .ft{margin-top:10px;}
#sh-panel .cp{font:inherit;font-size:12px;font-weight:700;color:#fff;background:var(--teal);
  border:0;border-radius:8px;padding:7px 14px;cursor:pointer;width:100%;}

#sh-toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%,10px);z-index:60;
  background:var(--ink);color:#fff;font-size:12px;padding:8px 14px;border-radius:8px;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);}
#sh-toast.on{opacity:1;transform:translate(-50%,0);}

@media print{ .acts,#sh-pill,#sh-panel,#sh-toast{display:none !important;} }