/* Slackの段（2026-10-17）。Slackの色・アイコンはまねない＝LPの黒い太枠・黄色・赤だけで作る */
body.part{margin:0;background:var(--paper)}
.slk{background:var(--lime);background-image:radial-gradient(rgba(0,0,0,.08) 1.4px,transparent 1.6px);background-size:18px 18px;border-block:3px solid var(--ink)}
.slk .eyebrow{color:var(--ink)}
.slk .nw{white-space:nowrap}
.slk h2 em{font-style:normal;color:var(--red)}
.slk-lead{font-size:17px;line-height:1.9;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.slk-note{margin-top:26px;font-size:14px;font-weight:700;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.slk-qhead{text-align:center;margin:56px 0 22px}
.slk-qhead h3{font-size:26px;line-height:1.5;margin:0}
.slk-qhead p{font-size:12px;color:var(--muted);margin-top:6px}

/* 部屋（Aは4列のカード） */
.slk-rooms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.slk-rooms li{background:white;border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:14px 14px 16px;display:flex;flex-direction:column;gap:4px}
.slk-rooms b{font:900 24px/1 Arial,sans-serif;color:var(--red)}
.slk-rooms strong{font-size:17px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
.slk-rooms span{font-size:13px;line-height:1.6;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}

/* 相談と回答のカード */
.slk-qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.slk-card{background:white;border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);padding:18px 18px 20px}
.slk-room{font-size:12px;font-weight:900;color:var(--muted);margin:0 0 8px}
.slk-q{font-size:17px;font-weight:900;line-height:1.6;margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.slk-q span{display:table;margin-bottom:6px;background:var(--ink);color:white;font-size:12px;border-radius:99px;padding:2px 10px}
.slk-ans{border-top:2px dashed var(--ink);padding-top:14px;display:flex;gap:12px;align-items:flex-start}
.slk-who{display:inline-block;background:var(--red);color:white;font-size:12px;font-weight:900;border-radius:99px;padding:2px 10px;margin-bottom:6px}
.slk-ans p{font-size:14.5px;line-height:1.85;margin:0 0 6px;word-break:auto-phrase}
.slk-av{width:56px;height:56px;flex:0 0 56px;border-radius:50%;border:3px solid var(--ink);object-fit:cover;object-position:50% 8%;background:white}

/* B＝左に部屋の一覧（掲示板）、右にやりとり */
.slk-b-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
.slk-b-side h2{text-align:left}
.slk-board{margin-top:24px;background:white;border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);padding:18px 20px}
.slk-board-t{font-weight:900;font-size:15px;margin:0 0 6px}
.slk-list{list-style:none;margin:0;padding:0}
.slk-list li{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:8px;padding:9px 0;border-top:1px dashed #b9b9b9}
.slk-list li:first-child{border-top:0}
.slk-list b{grid-row:span 2;font:900 22px/1.2 Arial,sans-serif;color:var(--red)}
.slk-list strong{font-size:16px;line-height:1.4}
.slk-list span{font-size:12.5px;line-height:1.55;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
.slk-b .slk-qhead{text-align:left;margin:0 0 16px}
.slk-thread{display:flex;flex-direction:column;gap:18px}
.slk-b .slk-note{text-align:left}

.slk-tm{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.6}

@media (max-width:1000px){
  .slk-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slk-qa{grid-template-columns:minmax(0,1fr)}
  .slk-b-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media (max-width:560px){
  .slk-lead{font-size:15px}
  .slk-rooms{gap:10px}
  .slk-rooms li{padding:11px 11px 13px;box-shadow:4px 4px 0 var(--ink)}
  .slk-rooms strong{font-size:15px}
  .slk-rooms span{font-size:12px}
  .slk-qhead h3{font-size:22px}
  .slk-card{padding:15px 15px 17px;box-shadow:4px 4px 0 var(--ink)}
  .slk-q{font-size:16px}
  .slk-av{width:46px;height:46px;flex-basis:46px}
}

.slk-b .slk-lead{margin-top:18px}