/* 結末ごとの共有ページ（r/<結末>/） */
* { box-sizing: border-box; }
body { margin: 0; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; background: #1b2340; color: #1f2433; }
.sp { max-width: 640px; min-height: 100vh; margin: 0 auto; padding: 22px 18px 30px; background: #fffdf8; text-align: center; }
.sp-k { margin: 0 0 12px; font-size: 12.5px; font-weight: 800; letter-spacing: .12em; color: #5b6074; }
.sp-img { display: block; width: 100%; height: auto; border-radius: 12px; border: 3px solid #1b2340; }
h1 { margin: 18px 0 6px; font-size: clamp(26px, 8vw, 38px); font-weight: 900; color: #1b2340; }
.sp-type b { display: inline-block; padding: 2px 12px; border-radius: 999px; background: var(--ec); color: #fff; }
.sp-catch { font-size: 17px; font-weight: 800; line-height: 1.6; }
.sp-q { margin: 16px 0; padding: 12px; border-radius: 12px; background: #1b2340; color: #fff; font-size: 18px; font-weight: 900; line-height: 1.5; }
.sp-btn { display: flex; align-items: center; justify-content: center; min-height: 56px; margin: 18px auto 0; max-width: 380px; border-radius: 14px; background: #ff4d5e; color: #fff; font-size: 17px; font-weight: 900; text-decoration: none; box-shadow: 0 5px 0 #b8293a; }
.sp-note { margin: 18px 0 0; font-size: 12px; line-height: 1.7; color: #5b6074; }