/* 咲品 共通スケルトン(2026-08-13)。読み込み中に「最終レイアウトに近い薄い面・線・カード」を置く。
   白い誌面: 生成り〜薄グレーのみ。光沢・派手なshimmer禁止。弱いpulseだけ、reduced-motionでは停止。
   使い方: 器に aria-busy="true" と .skl を持つ子を置き、データ充填時に器ごと innerHTML で置換するか
   skeleton.js の CQSKL.done(el) で外す。最終表示と同じ高さを .skl 側で予約し、CLSを出さない。 */
.skl{position:relative;background:#EFEDE6;border-radius:2px;overflow:hidden;}
.skl--line{height:12px;}
.skl--line.sm{height:9px;max-width:70%;}
.skl--h{height:20px;max-width:52%;}
.skl--ph{aspect-ratio:3/4;height:auto;}
.skl--ph.wide{aspect-ratio:3/2;}
.skl--chip{height:30px;border-radius:999px;width:84px;display:inline-block;}
.skl--btn{height:48px;}
@keyframes cq-skl-pulse{0%,100%{opacity:1}50%{opacity:.55}}
.skl{animation:cq-skl-pulse 2.2s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.skl{animation:none;}}
/* カード骨格の組み立て用: 縦積みの行間 */
.skl-rows{display:grid;gap:10px;}
.skl-cards{display:grid;gap:14px;}
[aria-busy="true"]{pointer-events:none;}
/* 失敗時の差し替え表示(スケルトンを永久に残さない) */
.skl-fail{font-size:12.5px;line-height:2;color:#6b6f74;padding:14px 4px;}
.skl-fail button{background:none;border:none;border-bottom:1px solid #131210;color:#131210;font:inherit;cursor:pointer;padding:0 0 1px;min-height:44px;}