/* S364: 活用セッション詳細ページ (デザイン「05 セッション詳細(全文)」)。app/style.css の上に読む */
body.subpage{background:#F6F1E7;color:#574E49}
.ss{max-width:828px;margin:0 auto;padding:44px 24px 56px}
.ss-bc{font-size:12.5px;color:#6B615C;margin-bottom:18px}
.ss-bc a{color:#6B615C;text-decoration:none}
.ss-bc a:hover{color:#7B1F2F}
.ss-bc span{margin:0 8px}
.ss-tag{display:inline-block;font-size:11px;font-weight:700;color:#7D5C2E;background:#F2EADB;border-radius:4px;padding:3px 9px}
.ss h1{font-size:26px;font-weight:700;color:#14100F;line-height:1.5;margin:14px 0 0}
.ss-meta{font-size:12.5px;color:#6B615C;margin:12px 0 0}
.ss-premise{background:#FAF6EE;border-radius:6px;padding:18px 20px;margin-top:24px}
.ss-premise b{display:block;font-size:13.5px;color:#14100F;margin-bottom:6px}
.ss-premise p{font-size:13px;color:#6B615C;line-height:1.8;margin:0}
/* 会話ログ */
.turn{margin-top:26px}
.turn .spk{font-size:12.5px;font-weight:700;margin-bottom:8px}
.turn.user .spk{color:#7D5C2E}
.turn.claude .spk,.turn.report .spk{color:#7B1F2F}
.turn .bubble{border-radius:6px;padding:16px 18px;font-size:14px;line-height:1.9;color:#2B2626}
.turn.user .bubble{background:#FAF6EE;border:1px solid #E7E0D4}
.turn.claude .bubble{background:#fff;border:1px solid #E7E0D4}
.turn.report .bubble{background:#fff;border:1.5px solid #B08A4F}
.turn .bubble p{margin:0;font-size:14px;line-height:1.9}
.turn .bubble p+p{margin-top:16px}
.turn .bubble ol,.turn .bubble ul{list-style:none;padding:0;margin:0}
.turn .bubble li{padding:1px 0}
.turn .bubble ul li::before{content:"・"}
.turn .bubble p+ul,.turn .bubble ul+p{margin-top:0}
/* 成果物 / 注記 / 前後 */
.ss-outcome{background:#F2E4E4;border:1.5px solid #7B1F2F;border-radius:6px;padding:18px 20px;margin-top:30px}
.ss-outcome b{display:block;font-size:13.5px;color:#7B1F2F;margin-bottom:6px}
.ss-outcome p{font-size:13px;color:#574E49;line-height:1.8;margin:0}
.ss-note{font-size:12.5px;color:#6B615C;margin:22px 0 0}
.ss-pn{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;font-size:13.5px;font-weight:700}
.ss-pn a{color:#7D5C2E;text-decoration:none}
.ss-pn a:hover{text-decoration:underline;text-underline-offset:3px}
.ss-pn a[aria-disabled="true"]{opacity:.55;cursor:default}
/* LP と同じフッター (css/style.css の .ft を移植) */
.ft{background:#2A161B;color:#C9BDBF;padding:34px 0 26px;font-size:12.5px}
body.subpage .ft .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
body.subpage .ft .top{position:static;display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding:0;background:none;border:0;backdrop-filter:none}
.ft .brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.ft .brand svg{width:34px;height:34px}
.ft .brand .nm{display:flex;flex-direction:column;line-height:1}
.ft .brand .ja{font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;font-size:21px;font-weight:700;color:#fff;letter-spacing:.12em}
.ft .brand .fsub{font-size:11.5px;color:#B8A9AB;margin-top:6px;letter-spacing:.02em}
.ft nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:8px}
.ft nav a{color:#D8CDCE;text-decoration:none}
.ft nav a:hover{color:#fff}
.ft .contact{margin-left:auto;text-align:left;line-height:1.7;display:flex;gap:10px;align-items:flex-start}
.ft .contact svg{margin-top:5px;flex:none}
.ft .contact b{color:#fff;font-weight:700;font-size:13.5px}
.ft .contact a{color:#fff;text-decoration:none}
.ft .contact a:hover b{text-decoration:underline;text-underline-offset:3px}
.ft .contact span{color:#9C8E90;font-size:11.5px}
.ft .bot{border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#9C8E90;font-size:12px}
.ft .legal{display:flex;gap:24px;flex-wrap:wrap}
.ft .legal a{color:#D8CDCE;text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  .ss{padding:28px 18px 40px}
  .ss h1{font-size:21px}
  .turn .bubble{padding:14px 15px;font-size:13.5px}
  .ft .top{gap:22px}
  .ft .contact{margin-left:0}
}