/* おしらせ帳で追加した部分（style.css は介護情報サイトと同じものを使う） */

/* 動画サムネ（YouTubeの画像を枠いっぱいに） */
.video-row .v .thumb{overflow:hidden;}
.video-row .v .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.video-row .v .t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 下書き・予約の印（パソコンでの確認時だけ出る） */
.sched-badge{display:inline-block;margin-left:8px;background:var(--yellow);color:#6b4e0e;font-weight:700;font-size:.72rem;padding:1px 10px;border-radius:999px;}
.sched-note{background:#fff6dc;border:2px dashed var(--yellow);border-radius:12px;padding:10px 14px;font-size:.88rem;color:#6b4e0e;margin:0 0 14px;}

/* PCのときだけ改行する */
@media(max-width:760px){.pc-br{display:none;}}

/* メイン／ショートの小見出し */
.video-section{margin-top:18px;}
.group-title{font-family:var(--hand);font-weight:400;font-size:1.08rem;display:flex;align-items:center;gap:8px;margin:0;}
.group-title img{width:24px;height:24px;}
.group-title + .video-tabs{margin-top:8px;}
.empty-row{color:var(--ink-soft);font-size:.9rem;background:var(--paper);border:2px dashed var(--line);border-radius:14px;padding:14px 18px;margin:8px 0 4px;}

/* チャンネル紹介 */
.ch-intro{display:flex;align-items:center;gap:14px;margin:4px 0 6px;}
.ch-intro img{width:54px;height:54px;object-fit:contain;flex:none;}
.ch-intro p{color:var(--ink-soft);font-size:.92rem;line-height:1.8;}

/* ===== 記事テンプレートの部品 ===== */

/* 動画の貼り付け（押すまでサムネだけ） */
.yt .yt-play{position:absolute;inset:0;display:block;}
.yt .yt-play img{width:100%;height:100%;object-fit:cover;}
.yt .yt-btn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:72px;height:52px;border-radius:16px;background:rgba(232,138,171,.92);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-left:4px;
  box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .15s ease,background .15s ease;
}
.yt .yt-play:hover .yt-btn{transform:translate(-50%,-50%) scale(1.08);background:var(--pink-deep);}

/* こんな方におすすめ */
.for-whom{background:var(--blue-l);border-radius:16px;padding:14px 20px;margin:0 0 20px;}
.for-whom .fw-ttl{font-family:var(--hand);color:var(--blue-deep);display:block;margin-bottom:2px;}
.for-whom ul{margin:0 0 0 1.3em;}
.for-whom li{margin:3px 0;font-size:.93rem;}
.for-whom li::marker{color:var(--blue);}

/* 動画のもくじ（タイムスタンプ） */
.timestamps{background:var(--paper);border:2px dashed var(--line);border-radius:16px;padding:14px 20px;margin:4px 0 26px;}
.timestamps .ts-ttl{font-family:var(--hand);color:var(--pink-deep);margin-bottom:4px;}
.timestamps ol{list-style:none;margin:0;}
.timestamps li{margin:2px 0;}
.timestamps a.ts{color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:baseline;padding:3px 6px;border-radius:8px;}
.timestamps a.ts:hover{background:var(--pink-l);}
.timestamps .ts-time{flex:none;min-width:3.2em;font-weight:700;color:var(--blue-deep);font-variant-numeric:tabular-nums;}

/* しまぴーのひとこと */
.shimapii-says{display:flex;gap:14px;align-items:flex-start;margin:30px 0 10px;}
.shimapii-says img{width:64px;height:64px;object-fit:contain;flex:none;}
.shimapii-says p{
  position:relative;background:var(--pink-l);border-radius:18px;padding:14px 18px;margin:6px 0 0;font-size:.95rem;
}
.shimapii-says p::before{content:"";position:absolute;left:-9px;top:18px;border:9px solid transparent;border-right-color:var(--pink-l);border-left:0;}
.shimapii-says .ss-name{display:block;font-family:var(--hand);color:var(--pink-deep);font-size:.85rem;}

/* あわせて見たい動画 */
.rv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.rv{display:block;background:var(--bg);border:2px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none !important;transition:border-color .15s,transform .15s;}
.rv:hover{border-color:var(--pink);transform:translateY(-2px);}
.rv-thumb{aspect-ratio:16/9;overflow:hidden;}
.rv.short .rv-thumb{aspect-ratio:4/5;}
.rv-thumb img{width:100%;height:100%;object-fit:cover;}
.rv-t{padding:7px 9px;font-size:.78rem;line-height:1.5;}
.rv-kind{display:inline-block;background:var(--pink-l);color:var(--pink-deep);font-weight:700;font-size:.7rem;border-radius:999px;padding:0 8px;margin-right:5px;}

/* 確認日・参考情報・注意書き */
.sources{margin:30px 0 0;padding-top:14px;border-top:2px dotted var(--line);font-size:.83rem;color:var(--ink-soft);}
.sources p{margin:0 0 4px;}
.sources ul{margin:0 0 0 1.2em;}
.post-disclaimer{font-size:.8rem;color:var(--ink-soft);margin-top:10px;}

/* チェックリスト（Markdownの - [ ] ） */
article.post ul:has(> li > input[type=checkbox]){list-style:none;margin-left:0;background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:10px 16px;}
article.post li:has(> input[type=checkbox]){display:flex;gap:8px;align-items:baseline;}
article.post li > input[type=checkbox]{accent-color:var(--pink);transform:scale(1.15);}

/* 記事内の見出しh3（チャンネル紹介など） */
article.post h3{font-family:var(--hand);font-weight:400;font-size:1.12rem;}
article.post strong{color:var(--pink-deep);}