/* Native Classic controls and handlers; responsive flow replaces fixed coordinates. */
@media(max-width:1040px){
 body{margin:0!important;width:auto!important;max-width:100%!important;background:#fff!important}
 #classic-shell,#Background,#Whitebackground{position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;box-sizing:border-box!important}
 #Whitebackground{display:flex!important;flex-direction:column!important;border:0!important;padding:0 16px 24px!important}
 #MainMenu{order:0!important;position:static!important;width:100%!important;height:auto!important;margin:14px 0 18px!important}
 #MainMenu>table,#MainMenu>table>tbody,#MainMenu>table>tbody>tr{display:block!important;width:100%!important}
 #MainMenu td{display:block!important;width:auto!important;height:auto!important;text-align:start!important;padding:6px 0!important}
 #MainMenu img{max-width:100%!important;height:auto!important}
 .rf-classic-entry{order:1!important;position:static!important;inset:auto!important;width:auto!important;margin:0 0 18px!important}
 .rf-classic-entry[hidden]{display:none!important}
 .rf-classic-entry h1{font-size:27px!important}
 .rf-classic-entry-notice{grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
 .rf-classic-entry-icon{width:28px!important;height:28px!important;font-size:20px!important}
 .rf-classic-entry-start{grid-column:2!important;justify-self:start!important;white-space:normal!important}
 #MainBody{order:2!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important}
 #MainBody>div{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 #MainBody>img,#RFStep1,#RFStep2,#RFStep3,#RFStep4,#RFHiddenForm{display:none!important}
 #RFNewSearch{order:0!important}
 #RFStep1Title{order:1!important}#RFGenderAge{order:2!important}#RFEnterRiskfactors{order:3!important}#RFSelectRiskfactor{order:4!important}#RFRiskfactorsChoosenTitle{order:5!important}#RFRiskfactors{order:6!important}
 #RFStep2Title{order:7!important}#RFEnterSymptom{order:8!important}#RFSearchSymptom{order:9!important}
 #RFStep3Title{order:10!important}#RFChosenSymptoms{order:11!important}#RFStep4Title{order:12!important}#RFRemedy{order:13!important}
 #RFPlayDemoStep1,#RFPlayDemoStep2{order:14!important;width:auto!important;align-self:flex-start!important}
 #RFStep1Title,#RFStep2Title,#RFStep3Title,#RFStep4Title{padding:14px 0 0!important;border-top:1px solid #c4d7df!important;margin-top:8px!important}
 #MainBody h1{font:600 19px/1.35 system-ui,sans-serif!important;margin:0 0 6px!important}
 #MainBody h2{font:400 14px/1.4 system-ui,sans-serif!important;margin:0!important}
 #MainBody :is(table,td){max-width:100%!important;box-sizing:border-box!important}
 #MainBody table{width:100%!important;table-layout:auto!important}
 #MainBody td{overflow-wrap:anywhere!important}
 #MainBody td{font-size:14px!important;line-height:1.4!important}
 #RFSearchSymptom td:first-child,#RFSelectRiskfactor td:first-child{width:36px!important}
 #RFSearchSymptom td:nth-child(2){width:24px!important}
 #MainBody :is(input[type=text],input[type=search],select,#entersymptom){box-sizing:border-box!important;max-width:100%!important;min-height:40px!important;font-size:16px!important}
 #RFEnterSymptom>table,#RFEnterSymptom>table>tbody,#RFEnterSymptom>table>tbody>tr,#RFEnterSymptom>table>tbody>tr>td,#RFEnterSymptom table table,#RFEnterSymptom table table tbody{display:block!important;width:100%!important}
 #RFEnterSymptom table table tr{display:flex!important;width:100%!important;flex-wrap:wrap!important;gap:2px!important}
 #RFEnterSymptom table table td{display:block!important;width:auto!important}
 #RFEnterSymptom table table a{display:grid!important;place-items:center!important;min-width:28px!important;min-height:32px!important}
 #MainBody input[type=submit],#MainBody button{min-height:40px!important;max-width:100%!important;font-size:15px!important;white-space:normal!important}
 #MainBody input[type=radio],#MainBody input[type=checkbox]{width:20px!important;height:20px!important;vertical-align:middle!important}
 #MainBody [role=button]{min-width:28px!important;min-height:28px!important;object-fit:contain!important}
 #RFSelectRiskfactor,#RFSearchSymptom{max-height:20rem!important;overflow:auto!important;overscroll-behavior:contain!important}
 #RFSelectRiskfactor{max-height:12rem!important}
 #RFRiskfactors,#RFChosenSymptoms,#RFRemedy{overflow:auto!important}
 #RFChosenSymptoms .RF9Class,#RFChosenSymptoms .RF9Class>tbody{display:block!important;width:100%!important}
 #RFChosenSymptoms .RF9Class>tbody>tr{display:grid!important;grid-template-columns:repeat(3,32px minmax(0,1fr))!important;width:100%!important;align-items:center!important}
 #RFChosenSymptoms .RF9Class td{display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;padding:2px!important;white-space:normal!important}
 #RFRiskfactors:empty,#RFRemedy:empty{display:none!important}
 #Leagal{order:15!important}#Info{order:16!important}
 #Leagal,#Info{position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:24px 0 0!important;font:13px/1.5 system-ui,sans-serif!important;overflow-wrap:anywhere!important}
 #classic-version-nav{position:relative!important;width:auto!important;flex-wrap:wrap!important;padding:10px 16px!important;gap:8px 16px!important}
 #classic-version-nav .rf-version-description{max-width:calc(100vw - 32px)!important;box-sizing:border-box!important}
 a,a:is(:hover,:focus,:active,:visited),u{text-decoration:none!important;text-shadow:none!important}
 :is(a,button,input,select,[role=button]):focus-visible{outline:3px solid #3578b2!important;outline-offset:2px!important}
}