/* Illnessfinder: scoped usability improvements, 2026-10-09. */
.if-ux-membership{margin:24px 0 28px;padding:24px;border:1px solid #dce5ec;border-radius:6px;background:#f5f8fb}
.if-ux-membership h2{margin-top:0}.if-ux-membership li{margin:10px 0}
.if-ux-membership table{width:100%;border-collapse:collapse;table-layout:fixed;font:inherit;margin:12px 0}
.if-ux-membership th,.if-ux-membership td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid #dce5ec;overflow-wrap:break-word;hyphens:auto}
.if-ux-membership th:first-child{width:40%}.if-ux-membership th{font-weight:600}.if-ux-membership details>summary{cursor:pointer;font-weight:600}
.if-ux-back,.if-ux-continue{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:44px;border:1px solid #4276a8;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}
.if-ux-back{background:white;color:#285f8d!important;margin-top:12px}
.if-ux-continue{background:#4276a8!important;color:#fff!important;margin-top:16px;width:100%}
.if-ux-continue:hover{background:#315e8a!important}.if-ux-back:hover{background:#e8f1f8!important}
.if-ux-continue[hidden]{display:none!important}.if-ux-continue:disabled{opacity:.5;cursor:wait}
.if-ux-membership a,.if-ux-membership a:is(:hover,:active,:focus,:visited){text-decoration:none!important;text-shadow:none!important}
.if-ux-membership :focus-visible,.if-ux-continue:focus-visible{outline:3px solid #285f8d;outline-offset:3px}
body.fk-page .if-ux-search-example,body.fk-page .if-ux-input-example{display:block!important;margin:10px 0!important;font-size:16px!important;color:#526779!important}
body.fk-page #entersymptom:is(textarea){width:100%;min-height:78px;resize:vertical;box-sizing:border-box;font:inherit;padding:10px;border:1px solid #9aafbf;border-radius:6px}
body.fk-page #entersymptom:is(textarea):focus-visible{outline:3px solid #285f8d;outline-offset:2px}
.if-followups,.if-results-card{scroll-margin-top:24px}
body.fk-page :is(.if-entry-steps,.if-entry-cards){grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1000px){body.fk-page :is(.if-entry-steps,.if-entry-cards){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.fk-page :is(.if-entry-steps,.if-entry-cards){grid-template-columns:1fr!important}.if-ux-membership{padding:18px 14px}.if-ux-membership table{font-size:16px}.if-ux-membership th,.if-ux-membership td{padding:8px}.if-ux-back{width:100%;box-sizing:border-box}}
@media print{.if-ux-back,.if-ux-continue{display:none!important}}
