/* 結末ごとの共有ページ（r/<結末>/） — キャンセル界隈 */
* { box-sizing: border-box; }
body { margin: 0; font-family: "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; background: #2c2a3a; color: #2c2a3a; }
.sp { max-width: 640px; min-height: 100vh; margin: 0 auto; padding: 22px 18px 30px; background: #fbf7f0; text-align: center; }
.sp-k { margin: 0 0 12px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; color: #6d6878; }
.sp-img { display: block; width: 100%; height: auto; border-radius: 12px; border: 3px solid #2c2a3a; }
h1 { margin: 18px 0 6px; font-size: clamp(24px, 7.4vw, 34px); color: #2c2a3a; border-bottom: 5px solid var(--ec); display: inline-block; padding: 0 6px 2px; }
.sp-catch { font-size: 17px; font-weight: 800; line-height: 1.6; }
.sp-q { margin: 16px 0; padding: 12px; border-radius: 12px; background: #2c2a3a; color: #fff; font-size: 18px; font-weight: 900; }
.sp-btn { display: flex; align-items: center; justify-content: center; min-height: 56px; margin: 18px auto 0; max-width: 380px; border-radius: 14px; background: #d9776a; color: #fff; font-size: 16px; font-weight: 900; text-decoration: none; box-shadow: 0 5px 0 #a8564b; }
.sp-note { margin: 18px 0 0; font-size: 12px; line-height: 1.7; color: #6d6878; }