/* 「症状から調べる」新UI（ステージング）。新HOME（home26）と同じ配色：白基調＋水色・ミント・淡いオレンジ */
.sx26-main { background: radial-gradient(900px 360px at 100% 0, #dcf5ec 0, transparent 60%), radial-gradient(800px 320px at 0 0, #e6f5fd 0, transparent 55%), #fff; }
.sx26-wrap { max-width: 860px; margin: 0 auto; padding: 18px 16px 48px; color: #1f3445; }
.sx26-crumb { font-size: .82rem; color: #5b6b78; } .sx26-crumb a { color: #5b6b78; }
.sx26-h1 { font-size: clamp(1.6rem, 5.5vw, 2.2rem); margin: 10px 0 6px; }
.sx26-lead { margin: 0 0 14px; color: #44586a; }
.sx26-field { display: flex; align-items: center; gap: 8px; min-height: 60px; padding: 6px 6px 6px 14px; border: 2px solid #bfe3f4; border-radius: 999px; background: #fff; box-shadow: 0 10px 28px rgba(43,154,214,.14); }
.sx26-field svg { flex: none; color: #2b9ad6; }
.sx26-field input { flex: 1 1 0; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 1.05rem; background: transparent; }
.sx26-field input::placeholder { color: #8a9aa6; }
.sx26-ex { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sx26-ex button, .sx26-parts button { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid #cfe7f3; background: #fff; font: inherit; font-size: .9rem; cursor: pointer; color: #1f3445; }
.sx26-ex button:hover, .sx26-parts button:hover { border-color: #2b9ad6; }
.sx26-consent { margin: 12px 0 0; font-size: .88rem; }
.sx26-parts { margin: 20px 0 0; }
.sx26-parts ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sx26-parts button { background: #dcf5ec; border-color: #bfe9da; font-weight: 700; min-width: 72px; }
.sx26-parts a { font-size: .88rem; color: #2b9ad6; margin-left: 4px; }
.sx26-h { font-size: 1.1rem; margin: 0 0 10px; }
.sx26-small { font-size: .84rem; color: #5b6b78; }
.sx26-out { margin-top: 24px; display: grid; gap: 18px; }
.sx26-read { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.sx26-read__h { font-size: .82rem; font-weight: 700; color: #5b6b78; }
.sx26-read ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sx26-read li { padding: 4px 10px; border-radius: 999px; background: #e6f5fd; font-size: .86rem; font-weight: 700; }
.sx26-read li span { font-weight: 400; color: #5b6b78; margin-right: 4px; }
.sx26-res, .sx26-care, .sx26-more, .sx26-links, .sx26-none { background: #fff; border: 1px solid #e3ebf0; border-radius: 18px; padding: 16px; }
.sx26-grp { margin-top: 14px; } .sx26-grp h3 { font-size: .98rem; margin: 0 0 8px; color: #0f9a83; }
.sx26-cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.sx26-card { border: 1px solid #e3ebf0; border-radius: 14px; padding: 12px 14px; transition: box-shadow .15s; }
.sx26-card:hover { box-shadow: 0 8px 18px rgba(31,52,69,.07); }
.sx26-card.is-hit { border-color: #f5c08f; background: #fffaf4; }
.sx26-card a { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; text-decoration: none; color: #1b6f9c; }
.sx26-card__n { font-weight: 700; font-size: 1.02rem; text-decoration: underline; text-underline-offset: 3px; }
.sx26-card__s { font-size: .75rem; padding: 1px 8px; border-radius: 999px; background: #f1f5f8; color: #44586a; }
.sx26-card__d { margin: 6px 0 0; font-size: .88rem; color: #44586a; }
.sx26-card__q { margin: 6px 0 0; font-size: .85rem; padding: 6px 10px; border-radius: 10px; background: #fff1e2; }
.sx26-card__q b { display: block; font-size: .76rem; color: #a2531a; }
.sx26-card__q mark { background: #ffd9b0; padding: 0 2px; }
.sx26-src { margin: 12px 0 0; font-size: .8rem; color: #5b6b78; }
.sx26-care ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.sx26-care li { padding: 10px 12px; border-radius: 12px; font-size: .88rem; }
.sx26-care li b { display: block; }
.sx26-care .c1 { background: #fff3f3; } .sx26-care .c2 { background: #fff7ec; } .sx26-care .c3 { background: #eef9f4; }
.sx26-detail { display: grid; gap: 10px; }
.sx26-detail textarea { width: 100%; box-sizing: border-box; border: 2px solid #cfe7f3; border-radius: 14px; padding: 10px 12px; font: inherit; font-size: 1rem; resize: vertical; }
.sx26-detail .btn { justify-self: start; }
.sx26-links ul { margin: 0; padding-left: 1.2em; } .sx26-links li { margin: 4px 0; }
.sx26-emg { border: 2px solid #e11d48; background: #fff5f7; border-radius: 16px; padding: 14px 16px; }
.sx26-emg h2 { margin: 0 0 6px; font-size: 1.1rem; color: #b4123a; }
.sx26-119 { display: inline-block; padding: 10px 18px; border-radius: 999px; background: #c62828; color: #fff; font-weight: 700; text-decoration: none; }
.sx26-foot { margin-top: 24px; }
@media (min-width: 900px) { .sx26-cards { grid-template-columns: 1fr 1fr; } .sx26-care ul { grid-template-columns: repeat(3, 1fr); } }
.sx26-list { margin-top: 10px; font-size: .9rem; } .sx26-list summary { cursor: pointer; color: #2b9ad6; font-weight: 700; }
.sx26-list ul { list-style: none; padding: 0; margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 6px 12px; }
.sx26-fold summary { cursor: pointer; font-weight: 700; color: #0f9a83; padding: 6px 0; }
.sx26-fold[open] summary { margin-bottom: 8px; }
.sx26-sum { background: #fff; border: 1px solid #e3ebf0; border-radius: 18px; padding: 14px 16px; }
.sx26-quote { margin: 0 0 8px; font-weight: 700; }
ul.sx26-read { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
ul.sx26-read li { padding: 4px 10px; border-radius: 999px; background: #e6f5fd; font-size: .86rem; font-weight: 700; }
ul.sx26-read li span { font-weight: 400; color: #5b6b78; margin-right: 4px; }
.sx26-card__w { margin: 6px 0 0; font-size: .82rem; color: #44586a; }
.sx26-card__w b { display: inline-block; margin-right: 6px; font-size: .74rem; padding: 1px 8px; border-radius: 999px; background: #eef6fb; color: #1b6f9c; }
.sx26-switch { margin: 8px 0 0; font-size: .88rem; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sx26-switch button { min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid #bfe9da; background: #dcf5ec; font: inherit; font-size: .86rem; cursor: pointer; }
.sx26-signs { margin-top: 10px; font-size: .88rem; } .sx26-signs summary { cursor: pointer; font-weight: 700; color: #b4123a; }
.sx26-dept { margin: 10px 0 0; }