/* ═══ 19g-post.css ═══ 投稿の改善：種類の札・お題、入力補助、続きを読む、種類のラベル */

/* 書く欄の札 */
.pchips{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 2px}
.pchip{background:var(--sur);border:1px solid var(--line2);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--dim);cursor:pointer}
.pchip:hover{border-color:var(--irm);color:var(--tx)}
.pchip.on{border-color:var(--irm);color:var(--irm);background:linear-gradient(180deg,rgba(255,194,71,.16),transparent)}
.pchip.topic{margin-left:auto;border-style:dashed}
/* 入力補助 */
.psug{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}
.psug button{background:var(--sur);border:1px solid var(--line2);border-radius:8px;padding:5px 9px;font:inherit;font-size:12.5px;font-weight:800;color:var(--irm);cursor:pointer;display:inline-flex;gap:6px;align-items:baseline}
.psug button i{font-style:normal;font-weight:400;font-size:11px;color:var(--faint)}
.psug button:hover,.psug button:first-child{border-color:var(--irm)}
/* 種類のラベル（投稿の頭） */
.pkind{font-size:10.5px;font-weight:900;border-radius:5px;padding:1px 6px;color:#181203;background:var(--irm);margin-left:2px;white-space:nowrap}
.pkind.q{background:#5fd0ff}.pkind.r{background:#7bec9c}.pkind.a{background:#ffb0d0}.pkind.k{background:#c9b6ff}.pkind.s{background:#ffd98a}
/* 続きを読む */
.xfold{max-height:190px;overflow:hidden;position:relative}
.xfold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,var(--sur))}
.xfoldbtn{display:block;margin:2px 0 4px;background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:800;color:var(--irm);cursor:pointer}
.post.unfold .xfold{max-height:none}
.post.unfold .xfold::after{display:none}
@media(max-width:560px){
 .pchip{font-size:13.5px}
 .psug button{font-size:14px}
 .psug button i{font-size:13px}
 .pkind{font-size:13px}
 .xfoldbtn{font-size:14px}
 .pchip.topic{margin-left:0}
}