/* V107: readable illustrative service proof; the existing image controller owns entrances. */
.bl103-authority .v107-service-example figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;position:relative;min-height:76px}
.v107-example-caption{flex:1 1 190px}
.v107-sample-actions{display:inline-flex;align-items:center;gap:14px}
.v107-sample-actions[hidden]{display:none}
.v107-sample-actions button{appearance:none;border:0;border-radius:0;background:none;padding:8px 0;color:#83d8ff;font:650 .76rem/1.4 var(--body,Inter,sans-serif);cursor:pointer;text-align:left;white-space:nowrap}
.v107-sample-actions button span{display:inline-block;margin-left:5px}
.v107-sample-actions button:hover{color:#fff}
.v107-sample-actions button:focus-visible{outline:2px solid #5dcaff;outline-offset:4px}
.v107-sample-actions button:disabled{color:#69879c;cursor:default}
.v107-service-example .v107-sample-read{font-size:.68rem;white-space:nowrap}
.v107-service-example.is-interactive .v107-sample-read{display:none}
.v107-sample-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){
 .bl103-authority .v107-service-example figcaption{gap:6px 14px;min-height:98px}
 .v107-example-caption{flex-basis:100%;font-size:.72rem}
 .v107-sample-actions button{font-size:.8rem;min-height:36px}
 .v107-service-example .v103-expand{font-size:.72rem}
}