body[data-derm-lane2] main.bwcr {font-size:18px;line-height:1.7;overflow-wrap:anywhere}
body[data-derm-lane2] .derm-model,body[data-derm-lane2] .derm-photo {margin:2rem 0;padding:1rem;background:#fff9ed;color:#182c46;border:2px solid #bba6da;min-width:0}
body[data-derm-lane2] .derm-model figure {margin:1rem 0}
body[data-derm-lane2] .derm-model svg {display:block;width:100%;height:auto;max-width:640px;margin:auto}
body[data-derm-lane2] [hidden] {display:none!important}
body[data-derm-lane2] main.bwcr :is(button,select,summary),body[data-derm-lane2] .derm-dialog button {min-height:44px;font:inherit;white-space:normal;max-width:100%;padding:.5rem}
body[data-derm-lane2] main.bwcr select {display:block;width:100%;color:#182c46;background:#fff9ed}
body[data-derm-lane2] [data-derm-step] {margin:.7rem 0;border-left:3px solid #623d73;padding-left:.7rem}
body[data-derm-lane2] [data-derm-step] p {height:auto;max-height:none}
body[data-derm-lane2] [data-derm-chosen] {padding:1rem;background:#eadff1;color:#182c46}
body[data-derm-lane2] .derm-photo img {display:block;width:100%;height:auto}
body[data-derm-lane2] .derm-photo > a[data-derm-enlarge] {display:block;min-width:44px;min-height:44px}
body[data-derm-lane2] :focus-visible {outline:3px solid #623d73;outline-offset:3px}
body[data-derm-lane2] .derm-dialog {max-width:90vw;max-height:90vh;background:#fff9ed;color:#182c46}
body[data-derm-lane2] .derm-dialog img {display:block;max-width:100%;height:auto}
body[data-derm-lane2] .derm-dialog::backdrop {background:rgba(24,44,70,.8)}

/* The complete explanation stays visible in figcaption; the duplicate live region is assistive-only. */
body[data-derm-lane2] .derm-model [data-model-status] {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}