/* term-timeline.css — サークル／作者ページの「いま人気」「よく読まれた」「関わりのある◯◯」（2026-09-29）
   読み込み: inc-term-timeline.php（is_tax circle/creator のときだけ）。
   2026-09-29 夜: 線グラフ・今週／これまでの CSS を外し、モック mocks/2026-09-29-circle-glance/build.py の CSS を移植（旧版は同 before/） */
/* ── 作品カードのタイトル（h2→p。見た目は h2 のときと揃える） ── */
.wac-card p.wac-card__title{margin-bottom:0;padding:0}

/* ── 関わりのあるサークル（サークル／作者 共通） ── */
.yw-tl{margin:0 0 8px}
.yw-tl-lead{margin:0 0 12px;font-size:13px;line-height:1.75;color:#555}
.yw-cs-key{margin:14px 0 8px;font-size:13px;font-weight:700;color:#222}
.yw-cs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.yw-cs-grid.is-main{grid-template-columns:repeat(6,1fr)}
.yw-cs-it{display:flex;flex-direction:column;gap:3px;text-decoration:none !important;color:#222;background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:8px;min-width:0}
.yw-cs-it img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f0f0f0;border-radius:4px;display:block}
.yw-cs-n{font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.yw-cs-k{font-size:12px;color:#1565c0;font-weight:700;overflow-wrap:anywhere}
.yw-cs-s{font-size:11.5px;color:#777;line-height:1.5;overflow-wrap:anywhere}
.yw-cs-it:hover .yw-cs-n{color:#1a6fcf}
.yw-tl-more{text-align:center;margin:18px 0 8px}
.yw-tl-btn{display:inline-block;min-width:240px;padding:12px 22px;border-radius:999px;border:1px solid #1565c0;color:#1565c0 !important;font-weight:700;text-decoration:none !important;background:#fff}
@media (max-width:767px){
 .yw-cs-grid,.yw-cs-grid.is-main{grid-template-columns:repeat(3,1fr);gap:6px}
 .yw-cs-it{padding:6px}.yw-cs-n{font-size:12px}
 .yw-tl-btn{display:block;min-width:0}
}

/* 本番用の補い（AFFINGER の既定スタイルに負けないように） */
.yw-tl p{margin-bottom:0}
.yw-tl .yw-tl-lead{margin:0 0 12px}
.yw-cs-noimg{display:block;width:100%;aspect-ratio:4/3;background:#f0f0f0;border-radius:4px}


/* ── いま人気・よく読まれた（2026-09-29 夜・モック「新案」） ── */
.ygl{margin:0 0 8px}
.ygl p{margin:0}
.ygl .ygl-sum{margin:0 0 6px;font-size:15px;line-height:1.8;color:#222}
.ygl .ygl-sum b{color:#0d47a1}
.ygl .ygl-sum a{color:#1a6fcf;font-weight:700}
.ygl .ygl-sum--sub{font-size:13.5px;color:#555;margin-bottom:14px}
.ygl .ygl-sum--sub b{color:#333}
.ygl .ygl-lead{margin:0 0 12px;font-size:13px;color:#666}
.ygl-img{position:relative;display:block;aspect-ratio:4/3;background:#f0f0f0;border-radius:6px;overflow:hidden}
.ygl-img img{width:100%;height:100% !important;object-fit:cover;display:block}
.ygl-rank{position:absolute;left:0;top:0;background:#0d47a1;color:#fff;font-weight:700;font-size:20px;line-height:1;padding:6px 9px 6px 8px;border-radius:0 0 8px 0}
.ygl-rank small{font-size:12px;margin-left:1px}
.ygl-nowgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ygl-now{display:flex;flex-direction:column;gap:6px;text-decoration:none !important;color:#222;background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:8px;min-width:0}
.ygl-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.ygl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;font-weight:700;color:#0d47a1}
.ygl-t{font-size:13.5px;font-weight:700;line-height:1.5;color:#222;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ygl-sub{font-size:12px;color:#777}
.ygl-now:hover .ygl-t,.ygl-pop:hover .ygl-t{color:#1a6fcf}
.ygl-tag{font-size:11px;font-weight:700;border-radius:4px;padding:0 6px;line-height:1.7}
.ygl-tag.is-new{background:#222;color:#fff}
.ygl-tag.is-sale{background:#fff1e0;color:#a04f00}
.ygl-popgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ygl-pop{display:flex;flex-direction:column;gap:4px;text-decoration:none !important;color:#222;min-width:0}
.ygl-pop .ygl-t{font-size:12.5px;-webkit-line-clamp:2}
.ygl-pop .ygl-meta{font-size:11.5px;color:#555;font-weight:400}
.ygl-rec{margin:16px 0 0;background:#fff;border:1px solid #e3e3e3;border-radius:8px}
.ygl-rec>summary{cursor:pointer;padding:11px 14px;font-size:13.5px;font-weight:700;color:#333;list-style:none;margin:0;border:0;background:none;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ygl-rec>summary::-webkit-details-marker{display:none}
.ygl-rec>summary::after{content:"開く";flex:0 0 auto;font-size:12px;font-weight:400;color:#666;white-space:nowrap}
.ygl-rec[open]>summary::after{content:"閉じる"}
.ygl .ygl-rec-h{margin:4px 14px 0;font-size:12.5px;font-weight:700;color:#555}
.ygl .ygl-rec-p{margin:2px 14px 10px;font-size:13px;line-height:1.8;color:#333}
.ygl .ygl-rec-h:first-of-type{margin-top:4px}
.ygl>.ygl-rec-h{margin:12px 0 0}
.ygl>.ygl-rec-p{margin:2px 0 8px;font-size:13.5px}
/* ヒーローの作者名を畳む */
.ygl-cr{display:inline}
.ygl-cr>summary{display:inline;cursor:pointer;color:#2271b1;list-style:none;margin:0;padding:0;border:0;background:none}
.ygl-cr>summary::-webkit-details-marker{display:none}
.ygl-cr[open]>summary{display:none}
.ygl-cr>span{margin:0 4px}
/* いま人気が1〜3枚のとき（PC）: 右が空かないように。1〜2枚は横長カード、3枚は3列 */
@media (min-width:768px){
 .ygl-nowgrid--n1{grid-template-columns:minmax(0,640px)}
 .ygl-nowgrid--n2{grid-template-columns:repeat(2,1fr)}
 .ygl-nowgrid--n3{grid-template-columns:repeat(3,1fr)}
 .ygl-nowgrid--n1 .ygl-now,.ygl-nowgrid--n2 .ygl-now{flex-direction:row;gap:14px;padding:10px}
 .ygl-nowgrid--n1 .ygl-img,.ygl-nowgrid--n2 .ygl-img{flex:0 0 240px;width:240px;align-self:flex-start}
 .ygl-nowgrid--n1 .ygl-body,.ygl-nowgrid--n2 .ygl-body{flex:1;gap:6px;padding-top:2px}
 .ygl-nowgrid--n1 .ygl-t,.ygl-nowgrid--n2 .ygl-t{font-size:15px}
}
@media (max-width:767px){
 .ygl .ygl-sum{font-size:14.5px}
 .ygl-nowgrid{grid-template-columns:1fr;gap:8px}
 .ygl-now{flex-direction:row;gap:10px;padding:8px}
 .ygl-now .ygl-img{flex:0 0 128px;width:128px;align-self:flex-start}
 .ygl-rank{font-size:17px;padding:5px 7px}
 .ygl-popgrid{grid-template-columns:repeat(2,1fr);gap:12px 10px}
}

/* ── 2026-09-29 表示確認の直し ── */
/* 「◯◯のシリーズ」が1〜3件のとき PC で右に大きな空きが出ないように。
   1件は横長カード（SP も）、2件は横長カード2列、3件は3列 */
.wcc-grid.wcc-grid--n1{grid-template-columns:1fr}
.wcc-card__b{display:block;min-width:0;flex:1 1 auto}
.wcc-grid--n1 .wcc-card{display:flex;gap:16px;align-items:center;background:#fafafa;border:1px solid #ebebeb;border-radius:8px;padding:12px}
.wcc-grid--n1 .wcc-card__thumb{flex:0 0 240px;width:240px;margin-bottom:0}
.wcc-grid--n1 .wcc-card__name{font-size:1rem;margin-bottom:4px}
.wcc-grid--n1 .wcc-card__count{font-size:.82rem}
@media (min-width:768px){
 .wcc-grid.wcc-grid--n2{grid-template-columns:repeat(2,1fr)}
 .wcc-grid--n2 .wcc-card{display:flex;gap:14px;align-items:center;background:#fafafa;border:1px solid #ebebeb;border-radius:8px;padding:10px}
 .wcc-grid--n2 .wcc-card__thumb{flex:0 0 200px;width:200px;margin-bottom:0}
 .wcc-grid--n2 .wcc-card__name{font-size:.95rem}
 .wcc-grid.wcc-grid--n3{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
 .wcc-grid--n1 .wcc-card{gap:12px;padding:10px}
 .wcc-grid--n1 .wcc-card__thumb{flex-basis:128px;width:128px}
 .wcc-grid--n1 .wcc-card__name{font-size:.9rem}
}
.wcc-grid--n1 .wcc-card--commercial .wcc-card__thumb,.wcc-grid--n2 .wcc-card--commercial .wcc-card__thumb{aspect-ratio:3/4;flex-basis:140px;width:140px}
/* 同人だけの作品一覧は表紙枠を横長に（縦長枠だと上下に灰色の帯が出る） */
.wac-grid--land .wac-card__thumb{aspect-ratio:4/3}
/* 横長シリーズカードの中身（作品名・シリーズの作品を見る）。SP は幅が無いので出さない */
.wcc-card__works{display:none}
.wcc-card__go{display:none}
@media (min-width:768px){
 .wcc-grid--n1 .wcc-card__works,.wcc-grid--n2 .wcc-card__works{display:block;list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed #e0e0e0}
 .wcc-grid--n1 .wcc-card__works li,.wcc-grid--n2 .wcc-card__works li{position:relative;margin:0 0 4px;padding:0 0 0 12px;font-size:.82rem;line-height:1.5;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .wcc-grid--n1 .wcc-card__works li::before,.wcc-grid--n2 .wcc-card__works li::before{content:"";position:absolute;left:2px;top:.65em;width:4px;height:4px;border-radius:50%;background:#bbb}
 .wcc-grid--n1 .wcc-card__go,.wcc-grid--n2 .wcc-card__go{display:inline-block;margin-top:8px;font-size:.82rem;font-weight:700;color:#2271b1}
 .wcc-grid--n1 .wcc-card:hover .wcc-card__go,.wcc-grid--n2 .wcc-card:hover .wcc-card__go{text-decoration:underline}
}