/* Uses the existing site typeface and restrained reference colours. */
.rf-scope-information,.rf-scope-transparency{border:1px solid #cbdde5;border-radius:8px;background:#f7fafc;padding:1rem 1.2rem;margin:1rem 0;color:#214c65;overflow-wrap:anywhere}
.rf-scope-information[hidden]{display:none}
.rf-scope-information h3{margin:0 0 .7rem;font-size:1.15em;color:#164563}
.rf-scope-information p{margin:.65rem 0;line-height:1.6}
.rf-scope-label{font-weight:600}
.rf-scope-information summary,.rf-scope-transparency summary{cursor:pointer;font-weight:600}
.rf-scope-information ul{padding-left:1.3rem}
.rf-scope-information a,.rf-scope-information a:link,.rf-scope-information a:visited,.rf-scope-information a:hover,.rf-scope-information a:focus,.rf-scope-information a:active{text-decoration:none;border-bottom:0;text-shadow:none;color:#215f88;font-weight:600}
.rf-scope-information a:hover{color:#143c56}
.rf-scope-information a:focus-visible,.rf-scope-information summary:focus-visible,.rf-scope-transparency summary:focus-visible{outline:2px solid #286e9b;outline-offset:3px}
.rf-scope-result small{color:#42697d!important;font-weight:600}
.rf-scope-information:focus{outline:2px solid #286e9b;outline-offset:3px}
@media(max-width:540px){.rf-scope-information,.rf-scope-transparency{padding:.85rem}.rf-scope-result{align-items:flex-start!important}.rf-scope-result small{white-space:normal!important;text-align:left}}

/* R15R1: readable scope labels on compact screens. */
.rf-scope-result{display:flex;flex-wrap:wrap;gap:.35rem .75rem}
.rf-scope-result small{font-size:.8rem!important;line-height:1.4!important;white-space:normal!important;max-width:100%}
@media(max-width:540px){.rf-scope-result{flex-direction:column!important;align-items:flex-start!important}}

/* R15R2: keep the condition and its scope label on separate mobile rows. */
@media(max-width:540px){#remedy-symptom-results .pick.rf-scope-result{grid-template-columns:minmax(0,1fr)!important;justify-items:start!important;text-align:left!important}#remedy-symptom-results .pick.rf-scope-result>small{grid-column:1!important;text-align:left!important}}