.ms-quiz--short { background: linear-gradient(180deg, #f6effc 0, #fff 650px); }
.ms-quiz--short .ms-quiz__container { max-width: 760px; }
.ms-short-badge { background: #efe5fb; border: 1px solid #d8c5ee; border-radius: 999px; color: #674598; display: inline-block; font-size: 11px; font-weight: 900; letter-spacing: .08em; margin-bottom: 10px; padding: 7px 12px; }
.ms-short-facts { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; list-style: none; margin: 18px 0; padding: 0; }
.ms-short-facts li { background: #fff; border: 1px solid #dfd2ed; border-radius: 999px; color: #5e4a72; font-size: 11px; font-weight: 800; padding: 7px 10px; }
.ms-short-honesty { background: #fff9e9; border: 1px solid #eadcb3; border-radius: 13px; color: #62563d; font-size: 11.5px; line-height: 1.8; margin: 16px 0; padding: 12px; text-align: left; }
.ms-short-phase { color: #7754a5; display: block; font-size: 10.5px; font-weight: 900; letter-spacing: .1em; margin-bottom: 8px; }

.ms-short-profile { background: #fff; border: 1px solid #e2d7ec; border-radius: 22px; box-shadow: 0 14px 38px rgba(80,55,110,.10); margin: 20px auto; max-width: 620px; padding: 27px; }
.ms-short-profile h2 { font-size: 23px; margin: 0 0 9px; }
.ms-short-profile > p { color: #71647c; font-size: 12.5px; line-height: 1.85; }
.ms-short-profile label > b { display: block; font-size: 12px; margin-bottom: 7px; }
.ms-short-profile select { background: #faf8fc; border: 1.5px solid #d9cce7; border-radius: 11px; color: #3f324b; padding: 12px; width: 100%; }
.ms-short-consent { align-items: flex-start; background: #f5faf8; border: 1px solid #d4e9df; border-radius: 12px; display: flex; gap: 9px; margin: 16px 0; padding: 12px; }
.ms-short-consent input { height: 18px; margin-top: 3px; width: 18px; }
.ms-short-consent span { color: #56645e; font-size: 11px; line-height: 1.7; }
.ms-short-profile__actions { display: flex; gap: 9px; }
.ms-short-skip { background: #fff; border: 1px solid #d9cce7; border-radius: 999px; color: #6f5e7e; cursor: pointer; font-size: 11px; font-weight: 800; padding: 11px 16px; }

.ms-adaptive-result { background: #fff; border: 1px solid #e4d8ee; border-radius: 24px; box-shadow: 0 16px 44px rgba(73,48,104,.11); margin: 12px auto; max-width: 680px; overflow: hidden; }
.ms-adaptive-result__head { background: linear-gradient(135deg, #f6eefc, #fff1f6); padding: 27px; text-align: center; }
.ms-adaptive-result__label { color: #7955a7; font-size: 10px; font-weight: 900; letter-spacing: .13em; margin: 0 0 8px; }
.ms-adaptive-result__type { color: #3a2851; font-size: clamp(34px, 8vw, 54px); font-weight: 950; letter-spacing: .03em; line-height: 1.2; }
.ms-adaptive-result__name { font-size: 24px; margin: 6px 0; }
.ms-adaptive-result__image { border: 5px solid #fff; border-radius: 20px; box-shadow: 0 9px 24px rgba(86,55,116,.17); display: block; margin: 18px auto 0; max-width: 270px; width: 70%; }
.ms-adaptive-result__note { background: rgba(255,255,255,.8); border-radius: 11px; color: #665a70; font-size: 11px; line-height: 1.7; margin: 15px auto 0; max-width: 540px; padding: 10px; }
.ms-adaptive-result__body { padding: 25px; }
.ms-adaptive-result__body h3 { color: #473558; font-size: 16px; margin: 26px 0 11px; }
.ms-adaptive-axis { display: grid; grid-template-columns: 104px 1fr 76px; gap: 9px; align-items: center; margin-bottom: 11px; }
.ms-adaptive-axis__name { color: #56455f; font-size: 11px; font-weight: 900; }
.ms-adaptive-axis__track { background: #ece5f2; border-radius: 999px; height: 10px; overflow: hidden; }
.ms-adaptive-axis__fill { background: linear-gradient(90deg, #8460b2, #d16f9d); border-radius: inherit; display: block; height: 100%; }
.ms-adaptive-axis__value { color: #6f5682; font-size: 10px; font-weight: 900; text-align: right; }
.ms-adaptive-warning { background: #fff8e8; border: 1px solid #eedfb9; border-radius: 13px; color: #66583c; font-size: 11.5px; line-height: 1.8; margin-top: 14px; padding: 12px; }
.ms-adaptive-compare { background: #f5faf8; border: 1px solid #d3e9e0; border-radius: 13px; color: #52645d; font-size: 11.5px; line-height: 1.8; margin-top: 12px; padding: 12px; }
.ms-adaptive-links { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; }
.ms-adaptive-links a { background: #f7f2fb; border: 1px solid #e2d5ef; border-radius: 12px; color: #62418c; font-size: 11.5px; font-weight: 900; line-height: 1.6; padding: 12px; text-decoration: none; }
.ms-adaptive-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; margin-top: 24px; }
.ms-adaptive-actions a { border-radius: 999px; font-size: 12px; font-weight: 900; padding: 12px 20px; text-decoration: none; }
.ms-adaptive-actions__main { background: linear-gradient(135deg, #7650a7, #c26391); color: #fff; }
.ms-adaptive-actions__share { background: #17141b; color: #fff; }
.ms-adaptive-actions__retry { background: #fff; border: 1px solid #dacbe7; color: #6c587c; }

.qas { margin: 58px auto 78px; max-width: 920px; padding: 0 18px; }
.qas__head { text-align: center; }
.qas__head small { color: #7650a7; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.qas__head h2 { color: #342440; font-size: clamp(25px, 4vw, 36px); margin: 8px 0; }
.qas__head p { color: #71647a; font-size: 13px; line-height: 1.9; }
.qas h2 { border-left: 5px solid #8561b0; color: #3a2b46; font-size: 22px; margin: 44px 0 15px; padding-left: 13px; }
.qas h3 { color: #463650; font-size: 17px; margin: 27px 0 9px; }
.qas p, .qas li { color: #554a5c; font-size: 14px; line-height: 2; }
.qas table { border-collapse: collapse; font-size: 12px; line-height: 1.7; width: 100%; }
.qas th, .qas td { border: 1px solid #e1d8e7; padding: 10px; text-align: left; }
.qas th { background: #f2ecf7; color: #523d66; }
.qas__method { background: #f5faf8; border: 1px solid #d6e9e1; border-radius: 14px; padding: 15px; }
.qas__method p { font-size: 12px; margin: 0; }
.qas details { border-bottom: 1px solid #e3dae8; padding: 13px 2px; }
.qas summary { cursor: pointer; font-size: 14px; font-weight: 900; }
.qas details p { font-size: 13px; margin-bottom: 0; }

@media (max-width: 600px) {
	.ms-short-profile { padding: 21px 17px; }
	.ms-short-profile__actions { flex-direction: column; }
	.ms-short-profile__actions .ms-btn { width: 100%; }
	.ms-adaptive-result__body { padding: 19px; }
	.ms-adaptive-axis { grid-template-columns: 82px 1fr 60px; gap: 6px; }
	.ms-adaptive-links { grid-template-columns: 1fr; }
	.qas { margin-top: 44px; }
	.qas table { min-width: 620px; }
	.qas__table { overflow-x: auto; }
}

/* ===== 1分診断の結果（2026-08-11 作り直し）=====
   確信度の数字や但し書きが画面の大半を占めていたのをやめ、キャラ1体を主役にする。 */
.msq1{max-width:520px;margin:0 auto;padding:0 4px}
.msq1__hero{text-align:center;background:linear-gradient(160deg,#fdf9ff,#f5edff);border:2px solid #e6d7fa;border-radius:22px;padding:24px 18px}
.msq1__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#8a5cf0;margin:0 0 12px}
.msq1__img{width:170px;height:170px;border-radius:24px;object-fit:cover;box-shadow:0 8px 24px rgba(140,90,230,.22);margin:0 auto 14px;display:block}
.msq1__name{font-size:25px;font-weight:900;color:#2a1850;line-height:1.4;margin:0 0 6px}
.msq1__code{font-size:13px;font-weight:800;color:#8a5cf0;background:#fff;border:1px solid #e6d7fa;border-radius:999px;display:inline-block;padding:5px 15px;margin:0 0 14px}
.msq1__lead{font-size:13.5px;line-height:2;color:#4a3560;margin:0;text-align:left}
.msq1__half{font-size:12.5px;line-height:1.95;color:#5b4d70;background:#fffaf0;border:1.5px solid #f0e0c0;border-radius:14px;padding:13px 15px;margin:14px 0 0}
.msq1__half b{color:#a86f1c}
.msq1__half a{display:inline-block;margin-top:4px;font-weight:900;color:#c0418a;text-decoration:none}
.msq1__next{display:block;background:linear-gradient(135deg,#8a5cf0,#c86bd6);border-radius:18px;padding:18px 18px;margin:16px 0 0;text-decoration:none;box-shadow:0 8px 22px rgba(140,90,230,.28)}
.msq1__next-t{display:block;font-size:16px;font-weight:900;color:#fff;line-height:1.5}
.msq1__next-s{display:block;font-size:12px;color:#f0e4ff;line-height:1.75;margin:5px 0 10px}
.msq1__next-go{display:block;text-align:right;font-size:13.5px;font-weight:900;color:#fff}
.msq1__row{display:flex;gap:8px;margin:12px 0 0}
.msq1__btn{flex:1;text-align:center;font-size:13px;font-weight:800;color:#fff;background:#2a1850;border-radius:999px;padding:12px 8px;text-decoration:none}
.msq1__btn--ghost{background:#fff;color:#6b3fa0;border:1.5px solid #ddc9f5}
.msq1__detail{margin:16px 0 0;background:#fff;border:1.5px solid #ece0f8;border-radius:14px}
.msq1__detail summary{cursor:pointer;font-size:13px;font-weight:800;color:#6b3fa0;padding:13px 15px;list-style:none}
.msq1__detail summary::-webkit-details-marker{display:none}
.msq1__detail summary::after{content:"▾";float:right;color:#b98cff}
.msq1__detail[open] summary::after{content:"▴"}
.msq1__detail-in{padding:0 15px 15px}
.msq1__cmp{font-size:12.5px;color:#4a3560;line-height:1.9;margin:10px 0 0}
.msq1__fine{font-size:11px;color:#8b7f9d;line-height:1.85;margin:12px 0 0}
.msq1__links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 0}
.msq1__links a{font-size:12.5px;color:#6b3fa0;background:#faf6ff;border:1px solid #ece0f8;border-radius:999px;padding:8px 14px;text-decoration:none}
@media(min-width:700px){.msq1__img{width:200px;height:200px}.msq1__name{font-size:28px}}
