@charset "UTF-8";
/* Reuse the original theme's .pages, .section-s, .outer, .wrap, .columns and .bg-blue. */
.renewal-symptom .renewal-section-title { font-size:36px; font-weight:500; line-height:1.6; text-align:center; margin-bottom:32px; text-wrap:balance; }
.renewal-symptom .renewal-section-intro { text-align:center; margin:-20px 0 32px; }
.renewal-symptom .renewal-disease-columns,.renewal-symptom .renewal-tests-columns { max-width:1100px; margin-left:auto; margin-right:auto; }
.renewal-symptom .renewal-disease-columns > .column,.renewal-symptom .renewal-case-columns > .column { display:flex; }
.renewal-disease-box { display:flex; flex-direction:column; background:#fff; color:#302d2c; padding:28px; width:100%; box-sizing:border-box; }
.renewal-disease-icon { display:block; width:128px; height:128px; margin:0 auto 24px; object-fit:contain; }
.renewal-disease-box h3 { font-size:24px; font-weight:500; margin-bottom:18px; }
.renewal-disease-box p { flex-grow:1; line-height:1.75; }
.renewal-detail-link { display:block; margin-top:28px; text-align:right; font-weight:500; }
.renewal-detail-link span { color:#62b0e3; margin-left:4px; }
.renewal-symptom .renewal-tests-section { margin-top:32px; }
.renewal-test-box { background:#c7e5f6; color:#302d2c; height:100%; }
.renewal-test-box > img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.renewal-test-box figcaption { padding:18px 16px 22px; text-align:center; }
.renewal-test-box h3 { font-size:24px; font-weight:500; margin-bottom:8px; }
.renewal-test-box figcaption p { font-size:15px; }
.renewal-consultation-list { max-width:1080px; margin:0 auto; border-top:1px solid #999; }
.renewal-consultation-list li { display:flex; gap:10px; border-bottom:1px solid #999; padding:10px 8px; font-size:22px; font-weight:500; }
.renewal-case-box { width:100%; display:flex; flex-direction:column; color:#302d2c; }
.renewal-case-heading { display:flex; gap:24px; align-items:center; margin-bottom:24px; }
.renewal-case-heading img { width:84px; height:84px; object-fit:contain; flex:0 0 84px; }
.renewal-case-heading h3 { color:#62b0e3; font-size:24px; font-weight:500; margin-bottom:8px; }
.renewal-case-heading p { font-weight:500; }
.renewal-case-summary { flex-grow:1; line-height:1.75; }
.renewal-case-symptoms { display:flex; align-items:baseline; gap:16px; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:32px; padding:12px 0; font-size:15px; }
.renewal-case-symptoms dt { color:#62b0e3; white-space:nowrap; font-weight:700; }
.renewal-case-box .renewal-detail-link { color:#62b0e3; }
.renewal-case-list-link { display:inline-block; padding:15px 30px; min-width:300px; box-sizing:border-box; background:#808080; color:#fff; border-radius:6px; margin-top:16px; }
.renewal-symptom a:focus-visible { outline:3px solid #245c82; outline-offset:4px; }
@media(max-width:1024px) {
 .renewal-symptom .renewal-section-title { font-size:30px; }
 .renewal-disease-box { padding:24px; }
 .renewal-case-heading { gap:16px; }
 .renewal-case-heading h3 { font-size:22px; }
 .renewal-case-heading img { width:68px; height:68px; flex-basis:68px; }
 .renewal-case-symptoms { flex-direction:column; gap:4px; }
}
@media(max-width:767px) {
 .renewal-symptom .renewal-section-title { font-size:27px; margin-bottom:28px; }
 .renewal-symptom .renewal-section-intro { margin-top:-12px; text-align:left; }
 .renewal-disease-icon { width:112px; height:112px; margin-bottom:20px; }
 .renewal-disease-box h3,.renewal-test-box h3 { font-size:22px; }
 .renewal-consultation-list li { font-size:18px; }
 .renewal-case-list-link { min-width:0; width:100%; max-width:360px; }
 .renewal-symptom .renewal-visit h2 { text-wrap:balance; }
}

.renewal-symptom .columns.renewal-disease-columns, .renewal-symptom .columns.renewal-tests-columns { margin-left: auto; margin-right: auto; }

/* C concept for disease and case links; retain the original visit section. */
.renewal-symptom .renewal-detail-link {
 display:flex; align-items:center; justify-content:center; position:relative;
 box-sizing:border-box; min-height:56px; padding:12px 58px 12px 20px;
 border:2px solid #d3ebf9; border-radius:8px; background:#eaf5fc;
 color:#302d2c; font-size:18px; font-weight:500; line-height:1.5;
 text-align:center; text-decoration:none; letter-spacing:.04em;
 transition:background-color .18s ease,border-color .18s ease;
}
.renewal-symptom .renewal-detail-link { width:100%; }
/* Restore the gray, white-lettered directory button from the Illustrator layout. */
.renewal-symptom .renewal-case-list-link {
 display:flex; align-items:center; justify-content:center; box-sizing:border-box;
 width:320px; max-width:100%; min-width:0; min-height:56px; margin:48px auto 0;
 padding:12px 20px; border:0; border-radius:6px; background:#767676; color:#fff;
 font-size:18px; font-weight:500; line-height:1.5; letter-spacing:.04em;
 text-align:center; text-decoration:none; transition:background-color .18s ease;
}
.renewal-symptom .renewal-case-list-link:hover { background:#626262; color:#fff; opacity:1; }
.renewal-symptom .renewal-detail-link > span { display:none; }
.renewal-symptom .renewal-detail-link::after {
 content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%);
 display:block; width:32px; height:32px; border-radius:50%;
 /* A short, optically centered arrow, independent of font metrics. */
 background:#62b0e3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10H15.5M10.5 5L15.5 10L10.5 15' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 20px no-repeat;
}
.renewal-symptom .renewal-detail-link:hover {
 background:#d9edf9; border-color:#62b0e3; opacity:1;
}

/* One spacing scale for all three card sections. */
.renewal-symptom .columns.renewal-disease-columns,
.renewal-symptom .columns.renewal-tests-columns,
.renewal-symptom .columns.renewal-case-columns {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr;
 gap:40px; margin:0 auto;
}
.renewal-symptom .columns.renewal-disease-columns { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1080px; }
.renewal-symptom .columns.renewal-disease-columns > .column,
.renewal-symptom .columns.renewal-tests-columns > .column,
.renewal-symptom .columns.renewal-case-columns > .column {
 width:auto; min-width:0; padding:0; margin:0;
}
@media(max-width:1023px) {
 .renewal-symptom .columns.renewal-disease-columns,
 .renewal-symptom .columns.renewal-tests-columns,
 .renewal-symptom .columns.renewal-case-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
}
@media(max-width:767px) {
 .renewal-symptom .columns.renewal-disease-columns,
 .renewal-symptom .columns.renewal-tests-columns,
 .renewal-symptom .columns.renewal-case-columns { grid-template-columns:minmax(0,1fr); gap:20px; }
}